Hyundai Motor N Brand
Official Website
Responsive Web Design UI/UX
Scroll
현대자동차 N 브랜드 반응형 웹 플랫폼 UI/UX 개편
현대자동차의 고성능 브랜드인 N을 효과적으로 홍보하고, 활성화하는 플랫폼을 제작하였습니다. 콘셉에 맞는 스토리텔링과 세련된 디자인으로 브랜드에 대한 흥미를 유도하고, 사양과 성능만 말하는 것이 아닌, 드라이버들 간의 감성적 연결 고리를 만드는 매개체로서의 역할을 하는 브랜드 경험을 제공합니다.
클라이언트
현대자동차
오픈일자
2017.09
진행업무
반응형 웹 디자인 UI/UX
서비스 지역
월드와이드
Mission
더 많은 사람들이 고성능 N을 통해 드라이빙의 재미가 무엇인지 알고 느끼고 경험할 수 있도록 고성능 N의 탄생 비화부터, N브랜드 라인업 상세 기술, 브랜드 영상, 모터스포츠 경기 정보까지 다양하고 구체적인 정보를 제공합니다.
Strategy & Direction
Flexible한 UX 구조와 그리드를 사용하여 콘텐츠 구성요소가 각 디바이스별 최적화 될 수 있도록 최적의 UI를 구성합니다. N의 브랜드 감성이 충분히 전해지도록 브랜드 아이덴티티 컬러인 스카이 블루와 레드를 사용하고, 타이포그래피와 이미지가 오버랩 되는 다이내믹한 효과로 N브랜드 만의 개성 있고 자유로운 감성을 표현합니다.
Grid
Typeface
Color
Color 01
#e63312
#e63312
Color 02
#aacae6
#aacae6
Color 03
#ffffff
#ffffff
Color 04
#000000
#000000
Color 05
#04478b
#04478b
Color 06
#dceaf5
#dceaf5
Color 07
#444444
#444444
Color 08
#c7c7c7
#c7c7c7
8 Colors
Result
"Feel the feeling"이라는 브랜드 슬로건에 맞춰 이성이 아닌 감성을 자극하는 감각적이고 창의적인 UX/UI를 선보임으로써 브랜드의 정체성을 확립하고, 더 많은 사람들이 N의 브랜드 아이덴티티와 감성을 경험할 수 있도록 사용성과 정보 전달 효과를 극대화하는 플랫폼을 제공합니다.
Origin Page of N Story
N-Gineers, Technology Page of N Story
i30 N Page of N Cars