Genesis 2.0 Phase 2
Online Platform

UI/UX Design

Scroll

제네시스 2.0 Phase 2 온라인 플랫폼 UI/UX 개편

글로벌 럭셔리 자동차 브랜드인 제네시스 웹사이트는 트랜디하고 인터랙티브한 디자인을 AEM (Adobe Experience Management) 기반으로 개편하였습니다. 또한 디지털 고객 경험을 개선하고, 온/오프라인의 연계를 더욱 강화하여 글로벌 템플릿으로 확장할 수 있는 기반을 마련했습니다.

클라이언트

현대자동차

오픈일자

2020.09

진행업무

UI/UX 디자인

서비스 지역

대한민국, 월드와이드 (KO, EN)

Mission

제네시스 브랜드 아이덴티티와 디자인 철학을 바탕으로 고유한 인터랙티브 디자인을 반영하고, 기존 컴포넌트를 개선하고, 추가하여 제네시스 고객에게 더 나은 디지털 경험을 주고자 하였습니다.

Strategy & Direction

글로벌 자동차 브랜드 및 최근 웹/모바일의 경향 분석과 Phase1 분석을 토대로 Phase2의 개선 포인트를 발굴하여 디지털 고객의 재방문율이 가장 높은 견적내기 (Build To Order), PIP (Product Information Page), 시승신청 등의 UX를 개선하였습니다.

그리고, 동적인 컨텐츠를 더욱 효과적으로 표현하기 위해 Phase1에서 사용되었던 컴포넌트를 Prototyping tool을 통하여 이해관계자들과 다양한 토론과 합의를 거쳐 약 90개의 컴포넌트로 추가 및 확장하여, 글로벌 럭셔리 자동차 브랜드에 가장 효과적인 엘리먼트와 인터랙션으로 더 나은 사용자 경험을 유도하였습니다.

Grid

Typeface

Color

Color 01
#ce2d2d

Color 02
#ad7b61

Color 03
#ffffff

Color 04
#cccccc

Color 05
#bbbbbb

Color 06
#999999

Color 07
#808080

Color 08
#757575

Color 09
#666666

Color 10
#4d4d4d

Color 11
#262626

Color 12
#000000

12 Colors

Icon

Result

제네시스 2.0 Phase2에서 구축된 컴포넌트 및 템플릿은 최근 트랜드를 반영하여 사용자의 다양한 디바이스 환경에 맞게 최적화된 컨텐츠의 시각적인 표현이 가능해졌으며, 다양한 컴포넌트의 조합을 통해서 사용자에게 GV80, G80, G70, G90 등 각 차량의 특장점들을 알기 쉽게 전달할 수 있게 구현되었습니다. 또한, 표준 컴포넌트, 템플릿 및 향상된 최적화를 통해서 글로벌 템플릿으로의 확산을 더욱 효율적이고 효과적으로 적용되도록 구현되었습니다.

Home