the J

Kia Motors
Sample Site

Responsive Web Design

About Project

글로벌 자동차 기업 KIA자동차의 To-be model이 될 디지털 마케팅 플랫폼 샘플 웹사이트입니다. 기존 일반화된 자동차 웹사이트 디자인에서 탈피하여 'Fun & Exciting' 콘셉트로 전체적인 사이트 구성을 기조했고, 사용자의 니즈와 현 트랜드인 PC, Tablet, Mobile등의 첨단 디바이스에 초점을 둔 반응형 디자인을 구현했습니다.
the J는 진보된 Web CMS 통합솔루션에 부합되는 디자인을 제공하여 통합 디지털마케팅의 효율적 운영과 글로벌 브랜드의 일관성 확보하고, 정보와 Sales에 최적화된 UI Design, Visual Concept, Dynamic Interaction 기술력으로 KIA자동차만의 차별화된 브랜드 경험 'PLAY the PIECES'를 느낄 수 있도록 제작했습니다.
  • ClientKia Motors Corporation
  • Launch dateJan. 2014
  • What we didResponsive Web Design
Our Mission
기본적인 글로벌 템플릿 골격은 Learn -> Buy -> Use의 구매 세부 단계를 밑바탕으로 수립하고 Call to action의 연계성 강화 후, 실제 구매 행동으로 이어질 수 있도록 고려했습니다. 이를 바탕으로 KIA자동차 글로벌 템플릿은 디지털 마케팅 트렌드 조사를 기반으로 경쟁사 및 선진사를 분석 후 STRUCTURE / CONTENT / FUNCTION / DESIGN의 4가지 영역을 포괄 하는 컨셉 및 개선 전략을 수립 하였으며 가장 중요한 요구 사항인 각 로컬 판매지원 강화를 목표로 제작 방향을 설정했습니다.
UI / UX Strategy
고객의 니즈인 Multi-device를 만족시키고 Flexible한 UX구조와 네비게이션에 최적화 될 수 있도록 반응형 웹을 고려하여 제작 진행 되었습니다.
콘텐츠 부분은 심플한 구성 및 정보의 재배열을 통해 콘텐츠 강조 방식을 채택하고 기능은 직관적인 접근이 가능하도록 Sales와 SNS 기능을 전면에 노출하여 각 로컬에서 사이트를 통한 차량 판매 Task가 손쉽게 이루어 질 수 있는 기본 설계의 바탕이 되었습니다.
Kia Motors Sample Site의 콘셉트 'PLAY the PIECES!'와 UI/UX 전략 키워드
사이트 화면설계 아이데이션 스케치
Visual Direction
'PLAY the PIECES'라는 콘셉트로 타이틀이 보여지는 구성의 즐거움과 Scroll 및 Interaction의 다이내믹한 요소를 통해 사용자 니즈를 반영하고 KIA브랜드 차량의 다양한 콘텐츠를 흥미 요소들과 결합 함으로써 즐거움과 활력을 만들어내는 KIA의 브랜드 아이덴티티를 표현했습니다.
트랜드에 맞는 Big Image를 적용하여 브로셔 이미지를 쉽게 수용할 수 있도록 구성하고 각 아이콘 및 메타포는 KIA의 톤엔 매너를 적용하나 너무 붉은색 일색이 되지 않도록 적절히 배색했습니다.
Kia Motors Sample Site에 사용된 기아 폰트와 빨강, 노랑, 하늘, 회색계열의 브랜드 컬러
Result
최종 결정된 프로토타입은 Big Tile 과 Small Tile의 Interaction을 통해 KIA자동차의 'Fun & Exciting'한 경험과 사용자의 정보 집중도를 높힐 수 있도록 제작했습니다. 플래그 쉽 및 일반 차량까지 Big Image를 스와이핑 방식으로 적용하여 다양한 정보 수용과 각 로컬에서의 템플릿 확산이 용이합니다.
구매세부 단계를 기반으로 User Journey에 맞춘 Sales관련 기능을 전면에 상시 노출하여 플랫폼 내 어디서든 로컬에서 원하는 다양한 판매지원 요구사항을 수용 할 수 있도록 구현했습니다.
PC에서의 디자인 시안
PC, 테블릿, 모바일에서의 디자인 시안
모바일에서의 디자인 시안
PC에서의 Kia Motors Sample Site 상세정보페이지 디자인 시안
PC에서의 디자인 시안
테블릿에서의 Build Your Own 페이지 디자인 시안
Kia Motors Sample Site 소개페이지의 3가지 모바일 디자인 시안

E-mail us your inquiries to start
a new project

business@the-jey.com

Be the New J
Thank you for considering the J for your career