01
GPS walk stateGPS 산책 상태
A walking session uses the user's current location as the starting point for the walk experience.산책 세션은 사용자의 현재 위치를 기반으로 시작하고, 산책 중이라는 상태를 제품 경험의 출발점으로 삼아요.
- Current location현재 위치
- Walk state산책 상태
- Route context경로 맥락
PRODUCT ENGINEERING / LOCATION-BASED SERVICE제품 개발 / 위치 기반 서비스
FRONTEND LEAD프론트엔드 팀장
(05)
A location-aware dog-walking service that connects GPS-based walking state, nearby walkers, walk-together requests, and friend requests in one product flow.GPS 기반 산책 상태, 주변 산책자 탐색, 함께 산책하기 요청, 친구 신청을 하나의 흐름으로 연결한 반려견 산책 서비스예요.
SCROLL TO READ스크롤해서 읽기PRODUCT ENGINEERING / 05제품 개발 / 05
A nearby walk becomes a shared route가까운 산책자를 함께 걷는 제안으로 연결해요
01 / CONTEXT맥락
Walking a dog is often a solo routine. A route can be recorded, yet it is difficult to notice who is walking nearby or to turn a nearby encounter into a clear, low-friction invitation to walk together.반려견과 걷는 시간은 대체로 혼자 보내는 일상이에요. 산책 경로는 남길 수 있어도, 가까이 걷는 사람을 발견하고 부담 없이 함께 걸을 기회로 이어가기는 쉽지 않아요.
React / TypeScript / Vite / Geolocation
FRONTEND LEAD프론트엔드 팀장
02 / QUESTION질문
03 / METHOD방법
The walking flow begins with the user's current GPS location. When other walkers are nearby, the interface makes their presence visible and provides a request path for walking together. Friend requests provide a separate way to keep the social connection after the walk.산책은 사용자의 현재 GPS 위치에서 시작해요. 주변에 산책 중인 사용자와 반려견이 있을 때만 그 존재를 화면에 보여주고, 함께 산책하기 요청을 보낼 수 있게 했어요. 친구 신청은 산책과 별개로 관계를 이어갈 수 있는 흐름으로 구현했어요.
04 / SYSTEM MAP시스템 맵
DDang uses the current walking state as a product signal. A person starts a GPS-based walk, sees nearby walkers when that context is relevant, and can choose whether to send a walk-together or friend request.DDang은 현재 산책 상태를 주변 사용자 탐색의 기준으로 삼아요. GPS 기반 산책을 시작하고, 산책 중일 때 주변 산책자를 확인한 뒤 함께 걷기 또는 친구 신청을 선택할 수 있어요.
01
A walking session uses the user's current location as the starting point for the walk experience.산책 세션은 사용자의 현재 위치를 기반으로 시작하고, 산책 중이라는 상태를 제품 경험의 출발점으로 삼아요.
02
Walkers nearby are surfaced in the interface only when the user is already in a walking context.사용자가 산책 중일 때 가까운 다른 산책자와 반려견을 화면에 보여줘요.
03
A user can send a walk-together request or a friend request to turn a nearby encounter into an intentional connection.사용자는 강번따 요청 또는 친구 신청을 보내 가까운 만남을 의도적인 연결로 바꿀 수 있어요.
05 / PROTOTYPE READOUT구현 결과
These are the three frontend product flows I implemented: walking state, nearby discovery, and requests that carry a momentary encounter forward.제가 구현한 프론트엔드 흐름은 산책 상태, 주변 산책자 탐색, 그리고 우연한 만남을 다음 행동으로 이어주는 요청 기능이에요.
GPS
NEARBY
REQUEST
TEAM PROJECT / FRONTEND LEAD / 2024팀 프로젝트 / 프론트엔드 팀장 / 2024
06 / PRODUCT SCREEN RECORD실제 제품 화면
These recordings are from the DDang product itself. They make the implementation concrete: an active walk, nearby context, and a request that lets a person choose a shared walk.DDang에서 실제로 구현한 화면이에요. 진행 중인 산책, 주변 사용자 탐색, 함께 걷기를 선택하는 요청 흐름을 보여줘요.
01 / LIVE WALK01 / 실시간 산책
A live location, route, duration, and distance are kept together while the walk is in progress.산책 중인 현재 위치, 경로, 시간, 거리를 한 화면에서 함께 확인해요.
02 / NEARBY02 / 주변 탐색
A nearby-walker state makes the social option visible during a walk.산책 중인 사람에게 주변 사용자를 보여주고, 연결을 선택할 수 있게 해요.
03 / REQUEST03 / 강번따 요청
The walk-together request turns nearby presence into an explicit, reversible action.강번따 요청으로 가까이 있는 사용자에게 함께 걷자고 제안할 수 있어요.
07 / OUTCOME결과
“Location is only useful when its state is legible. The product needed to show when a walk was active, who was meaningfully nearby, and which action would create a connection without turning the map into noise.위치는 산책 중이라는 상태와 함께 보여줄 때 의미가 있어요. 누가 가까이 있는지와 어떤 행동이 다음 연결로 이어지는지를, 지도 정보가 아니라 사용자 흐름으로 보여줘야 했어요.”
08 / FIELD RECORD필드 기록
I worked as the frontend lead on DDang, a team project for dog owners who wanted more than a saved walking record. My responsibility centered on the part of the product where a walk becomes a shared activity: the GPS-based walking state, nearby walker discovery, walk-together requests, and friend requests.
The walk flow starts from the present location. That sounds simple, but the interface needs to maintain a readable difference between a person who is browsing the service and a person who is actively walking. Location only becomes meaningful when it is presented with that activity context.
The nearby-walker feature makes other active dog owners visible around a person who is walking. From there, a walk-together request gives the user a clear next action. The friend-request flow supports a more durable connection without making every nearby person part of the same relationship by default.
DDang은 반려견 산책을 단순히 저장하는 데서 그치지 않고, 걷고 있는 순간의 위치를 다른 사람과 연결할 수 있게 만든 팀 프로젝트예요. 프론트엔드 팀장으로 참여했고, GPS 기반 산책 기능부터 주변 산책자 탐색, 강번따 요청, 친구 신청까지 산책이 관계로 이어지는 흐름을 구현했어요.
산책 기능은 현재 위치를 바탕으로 사용자가 실제로 걷고 있는 상태를 다루는 화면이에요. 서비스를 둘러보는 상태와 산책 중인 상태를 구분하고, 현재 위치를 산책 경험의 출발점으로 사용했어요.
강번따는 주변에 산책 중인 다른 반려견과 보호사가 있을 때 그 존재를 보여주고, 함께 산책하기를 요청할 수 있게 한 기능이에요. 친구 신청은 가까이 있었다는 사실만으로 관계를 정하지 않고, 사용자가 별도로 연결을 선택하게 만드는 흐름으로 구현했어요.