The challenge
문제는 화면보다
앞에 있었습니다.
지도 위 정보가 너무 많아 운전 중 빠르게 판단하기 어려웠고, 사용 가능 표시는 갱신 시점이 불분명했습니다. 차량 규격, 주차 요금, 운영 시간 같은 조건도 상세 화면 곳곳에 흩어져 있었습니다.
← 포트폴리오 전체Concept case study · 08
기능성 홈페이지 · Service Platform · Mobility · 2026
RELAY Mobility
충전소 탐색부터 예약과 결제까지 이동 중의 불안을 줄인 모빌리티 플랫폼
Timeline
12주 · 2026
Outcome
예약 완료 +52%
Scope
서비스 전략 · 실시간 지도 · 예약·결제 · 운영 대시보드
Project overview
RELAY는 여러 운영사의 충전 정보를 모아 제공했지만, 실제 사용자는 도착 후에야 충전기 상태나 결제 조건이 다르다는 사실을 발견하곤 했습니다. 정보 검색이 실제 충전 성공으로 이어지는 기능 중심의 웹 경험이 필요했습니다.
문제는 화면보다
Our direction
맥락을 다시 잇고
행동을 줄였습니다.
현재 위치와 차량 조건을 기준으로 이용 가능한 충전소만 먼저 보여주고 데이터 갱신 시점을 명확히 표시했습니다. 장소 선택, 시간 예약, 결제를 하나의 하단 패널에서 끝내도록 흐름도 단축했습니다.
Impact
변화를 숫자로.
동일 채널과 기간을 기준으로 런칭 전후 행동을 비교한 데모 지표입니다.
+52%
예약 완료
검색 시작 대비 결제 완료
−34%
현장 실패
도착 후 이용 불가 신고
1m 18s
예약 시간
모바일 중앙값
Key decisions
세 가지 결정.
요청받은 화면을 그리는 대신, 목표에 가장 큰 영향을 주는 결정부터 합의했습니다.
01
가능한 곳만 먼저
거리보다 차량 호환, 현재 상태, 운영 시간을 우선해 지금 실제로 쓸 수 있는 충전소부터 정렬했습니다.
02
상태에 시간을 붙이다
단순한 사용 가능 표시에 마지막 갱신 시각과 예상 종료 시간을 함께 제공해 정보의 신뢰도를 높였습니다.
03
지도 위에서 완료
새 페이지를 오가지 않고 지도 하단 패널에서 비교, 예약, 결제까지 이어지도록 설계했습니다.
Selected screens
페이지마다 맡은 역할.
LIVE MAP
RELAY Mobility
01 / LIVE MAP
판단이 빠른 실시간 지도
복잡한 마커 대신 현재 조건에 맞는 장소와 핵심 상태를 우선순위로 보여줍니다.
STATION
RELAY Mobility
02 / STATION
도착 전에 확인하는 조건
커넥터, 요금, 주차, 편의시설과 최근 이용 상태를 한 화면에서 검토합니다.
RESERVE
RELAY Mobility
03 / RESERVE
흐름을 끊지 않는 예약
시간 선택과 차량 확인, 결제를 짧은 단계로 묶고 변경 가능한 조건을 즉시 안내합니다.
사용자가 충전기를 찾는 데서 끝나지 않고, 실제로 충전을 시작하는 순간까지 제품이 책임지게 됐습니다.
Next project · 09
ATLAS Workspace
Operations Platform · Workspace