본문 바로가기
본문 바로가기
-

현대카드 온라인 채널 개편

  • Web & Mobile
  • ITO/Maintenance
  • Online Marketing
  • System Intergration

Overview

직관적인 UI/UX, 현대카드 디자인 시스템 적용 및 다양한 기능들이 추가된 현대카드만의 새로운 온라인 채널

Strategy

현대카드 PC∙모바일 웹사이트 개편의 핵심 프로세스 간소화와 사용자 편의성 집중 현대카드 만의 UX를 정립하고, 카드 및 금융상품 신청등 사용자 편의 기능을 강화

convenience > intuitive > sensitive
convenience > intuitive > sensitive
financial

다양한 금융상품을 제공
소비자 만족 향상

Innovation

새로운 아이디어와 기술을 도입한 맞춤형 서비스 불편을 해소하고 효율적인 금융 서비스 제공

금융 테크 현대카드, 디지털 채널을 혁신하다
hyundai card
hyundai card
현대카드 웹사이트 PC·태블릿·모바일 화면
현대카드 웹사이트 PC·태블릿·모바일 화면

Card Issuance Process

  • plcc
  • gpcc
  • patnership card

기존 카드 프로세스를 분석하여 보다 빠르고 편리하게 카드발급 프로세스 개편 PLCC, GPCC 각 서비스에 맞는 온라인 카드발급 시스템

  • 카드 신청

  • 카드 발급 심사

  • 카드 발급 승인

  • 카드 수령 및 활성화

  • 카드 사용

카드 신청
카드 발급 심사
카드 발급 승인
카드 수령 및 활성화
카드 사용

Card Detailed Description

the Red Stripe 카드 상세 모바일 화면
the Red Stripe 카드 상세 화면
the Purple osée 카드 상세 화면
the Purple osée 카드 상세 모바일 화면

Card Finder

현대카드 카드파인더 화면
현대카드 카드파인더 화면

Dark Mode

APP 성능 향상 및 시각적 피로도를 고려하여 APP내 다크모드 제공
현대카드 디자인 시스템에 기반한 Ui Asset을 새롭게 정립하여 각 모드에 최적화된 시각적 경험을 제공

APP 성능 향상 및 시각적 피로도를 고려하여 APP내 다크모드 제공 현대카드 디자인 시스템에 기반한 Ui Asset을 새롭게 정립하여 각 모드에 최적화된 시각적 경험을 제공

현대카드 다크모드 카드 목록 화면
현대카드 다크모드 메인 화면
현대카드 다크모드 카드 상세 화면
현대카드 메인 화면 PC와 모바일 현대카드 메인 화면 PC와 모바일
현대카드 NOL 카드 소개 화면 현대카드 the Pink 카드 소개 화면 현대카드 2층 구독 서비스 화면
현대카드 고객지원 화면 현대카드 Space 라이브러리 소개 화면
현대카드 고객지원 화면
현대카드 Space 라이브러리 소개 화면
현대카드 NOL 카드 소개 화면 현대카드 the Pink 카드 소개 화면 현대카드 2층 구독 서비스 화면
현대카드 3층 시스템 안내 모바일 화면
현대카드 X3 BOOST 혜택 모바일 화면
현대카드 이벤트 목록 모바일 화면