모빌리티 혁신과 디지털 결제의 만남 :
현대카드 통합페이, 인카페이먼트  UXUI디자인

CLIENT

DATE

SERVICE

INDUSTRY

현대카드

2023.03 ~ 2024.06

CXUX Consulting, Human-Centered Creative Design

Financial Services, Automotive/Mobility

디지털 기술 발달로 자동차는 이동 수단을 넘어 다양한 경험을 제공하는 플랫폼으로 변화하고 있습니다. 유럽에서 확산 중인 인카페이먼트(In-Car Payment) 서비스는 주차, 주유, 음식 주문 등 차량 내 결제를 간편하게 하여 소비자 기대를 충족시키고 있으며 브랜드 충성도와 사용자 경험을 강화하는 중요한 요소로 자리 잡고 있습니다. 이는 모빌리티 산업의 미래 방향성을 제시하며 디지털 시대의 새로운 기준이 되고 있습니다.

현대카드는 대한민국의 주요 신용카드 발행사 중 하나로, 2001년에 설립되었습니다. 현대그룹 계열사로서 혁신적인 금융 서비스를 통해 고객들에게 다양한 혜택을 제공하고 있습니다. 또한, 디지털 금융 혁신에도 적극적으로 참여하며 모바일 결제 및 데이터 기반 서비스에서 두각을 나타내고 있습니다.

유럽 모빌리티 서비스 경쟁력 강화

유럽 20여 개국을 대상으로 효율적인 결제 프로세스를 제공하여 차량 내에서 직접 결제할 수 있는 안전하고 편리한 경험을 통해 사용자의 만족도를 향상시키고, 각 국가의 다국어 지원을 통해 글로벌 사용자를 대상으로 일관된 경험을 제공하고자 하였습니다. 특히, 해당 서비스는 CCS(Connected Car Service) 앱을 통해 제공되며 사용자는 앱을 통해 연동된 차량을 연결하여 서비스를 이용할 수 있습니다. 이를 통해 사용자는 스마트폰과 차량 간의 원활한 연계를 경험하며, 더욱 통합된 서비스를 즐길 수 있습니다.

통합페이 시스템의 핵심 기능으로는 현지 결제 방식 통합 지원하며 일시불 상품 및 구독 서비스 결제 처리 및 결제 내역 조회 기능 등이 포함됩니다. 차량 내 간편결제(ICP)의 주요 특징으로는 연동된 차량의 인포테인먼트 시스템을 통한 결제 인터페이스를 제공하고 통합페이를 통해 등록된 카드를 활용한 서비스를 이용 후 결제 처리 및 내역 확인 기능이 있습니다.

이 프로젝트는 20개국 이상의 유럽 주요 국가를 대상으로 서비스를 제공하며, 다국어 지원을 통해 현지화 전략을 강화하였습니다. 이를 통해 구독 서비스와 일시불 상품의 통합 결제 시스템을 구축하고 차량 내 결제로 안전성과 편의성을 향상시켜 유럽 시장에서 모빌리티 서비스의 경쟁력을 강화하는 것을 목표로 하였습니다.

사용자 중심의 심리스한 디지털 경험 구축

직관적인 주차 정보 제공

주차 서비스와 관련된 공통 요소를 사용자 관점에서 체계적으로 정의했습니다. 주차 상태와 잔여 시간을 정확하게 표기하기 위해 시간 및 단위 표기법을 세심하게 고려하여 잔여 시간이 1분 이하일 때의 표기 방식까지 사용자가 직관적으로 이해할 수 있도록 기획했습니다.

효율적인 가입 절차와 카드 등록 프로세스 설계

신규 서비스의 접근성 향상을 위해 약관 동의, 차량 등록, 카드 등록을 포함한 심리스한 가입 절차를 설계했습니다. 서비스 제공업체에 대한 가입을 동시에 진행할 수 있도록 하여 사용자 편의성을 높였으며 예외 케이스를 처리할 수 있는 페이지도 함께 기획했습니다. 사용자가 등록 가능한 카드 브랜드를 명확히 표기하고 카드 추가 시 용이하게 판단할 수 있도록 팝업 메시지와 카드 등록 과정에서 제공될 고지 내용을 세심하게 기획하고 검토했습니다.

핵심 정보와 직관성을 고려한
메인 화면 및 체크아웃 최적화

메인 화면에서는 카드 노출 순서를 고려하여 사용자에게 가장 중요한 정보를 우선적으로 제공하도록 했으며 노출되는 정보의 범위와 계위를 명확하게 정의하여 사용자가 필요한 정보를 빠르게 찾을 수 있도록 했습니다.

체크아웃 과정에서는 비즈니스 측면을 고려하여 제품 결제 페이지에서 구독 서비스의 무료 체험(Free-Trial) 고지사항을 정확하게 정의하였고, 결제 취소 시 이전 결제 내용을 사용자에게 명확히 전달할 수 있도록 설계했습니다.

핵심 정보와 직관성을 고려한
메인 화면 및 체크아웃 최적화

메인 화면에서는 카드 노출 순서를 고려하여 사용자에게 가장 중요한 정보를 우선적으로 제공하도록 했으며 노출되는 정보의 범위와 계위를 명확하게 정의하여 사용자가 필요한 정보를 빠르게 찾을 수 있도록 했습니다.

체크아웃 과정에서는 비즈니스 측면을 고려하여 제품 결제 페이지에서 구독 서비스의 무료 체험(Free-Trial) 고지사항을 정확하게 정의하였고, 결제 취소 시 이전 결제 내용을 사용자에게 명확히 전달할 수 있도록 설계했습니다.

글로벌 사용자의 일관된 경험을 위한 디자인

브랜드 디자인 가이드에 기반한 다크모드 옵션 제공

인카페이먼트 서비스는 주차, 주유, 음식 주문 등 운전 중에도 자주 사용되므로, 시각적 편안함이 매우 중요합니다. 다크모드는 밝은 화면의 자극을 줄여 눈의 피로를 완화하고, 사용자가 집중력을 유지할 수 있도록 도와줍니다. 또한, 적절한 대비로 설계된 다크모드는 야간이나 어두운 주차장에서 사용 시 주변 환경과 조화를 이루어, 사용자의 시야를 방해하지 않고 편안하게 서비스를 이용할 수 있게 합니다. 결론적으로, 다크모드를 제공함으로써 사용성을 높이고 편안함을 강화하여 브랜드 충성도와 사용자 경험 향상에 기여할 수 있습니다.

다양한 기기 사용을 고려한 해상도 최적화

280 해상도까지 고려한 디자인 설계를 통해 어떤 디바이스에서도 최적의 인터페이스를 제공하고자 했습니다. 또한, 반응형 디자인을 적용하여 일관된 UI를 제공함으로써 사용자 경험을 방해하지 않고 일관성을 유지할 수 있도록 지원합니다.

20여개 국가의 언어 지원

이 서비스는 유럽 전역으로 빠르게 확산되고 있으며, 약 20개국 언어를
지원합니다. 그에 따라 각 언어의 길이나 읽기 방향에 영향을 받지 않는
유연한 레이아웃을 설계했습니다. 또한 언어에 크게 의존하지 않는
아이콘과 이미지를 사용하여, 텍스트가 없어도 사용자가 기능을 쉽게
이해할 수 있도록 하였습니다. 이를 통해 모든 언어권에서 직관적인
사용자 경험을 제공합니다.

글로벌 사용자를 위한 일관된 디지털 경험
솔트케이크와 시작해보세요!

글로벌 사용자를 위한 일관된 디지털 경험
솔트케이크와 시작해보세요!

JOBS

Come work with us!
We always welcome great Saltcakers to join us.

REquest

Hi there! Are you looking for a project request?
Start a great journey with saltcake.