Hyundai Motor N Brand
Official Website

Responsive Web Design UI/UX

현대자동차 N 브랜드 반응형 웹 플랫폼 UI/UX 개편

현대자동차의 고성능 브랜드인 N을 효과적으로 홍보하고, 활성화하는 플랫폼을 제작하였습니다. 콘셉에 맞는 스토리텔링과 세련된 디자인으로 브랜드에 대한 흥미를 유도하고, 사양과 성능만 말하는 것이 아닌, 드라이버들 간의 감성적 연결 고리를 만드는 매개체로서의 역할을 하는 브랜드 경험을 제공합니다.
클라이언트
현대자동차
오픈일자
2017.09
진행업무
반응형 웹 디자인 UI/UX
서비스 지역
월드와이드
Mission
더 많은 사람들이 고성능 N을 통해 드라이빙의 재미가 무엇인지 알고 느끼고 경험할 수 있도록 고성능 N의 탄생 비화부터, N브랜드 라인업 상세 기술, 브랜드 영상, 모터스포츠 경기 정보까지 다양하고 구체적인 정보를 제공합니다.
Strategy & Direction
Flexible한 UX 구조와 그리드를 사용하여 콘텐츠 구성요소가 각 디바이스별 최적화 될 수 있도록 최적의 UI를 구성합니다. N의 브랜드 감성이 충분히 전해지도록 브랜드 아이덴티티 컬러인 스카이 블루와 레드를 사용하고, 타이포그래피와 이미지가 오버랩 되는 다이내믹한 효과로 N브랜드 만의 개성 있고 자유로운 감성을 표현합니다.
Grid
N브랜드에 사용된 그리드 체계입니다.
Typeface
N브랜드에 사용된 서체입니다.
Color
Color 01
#e63312
Color 02
#aacae6
Color 03
#ffffff
Color 04
#000000
Color 05
#04478b
Color 06
#dceaf5
Color 07
#444444
Color 08
#c7c7c7
8 Colors
N브랜드 자동차와 두명의 모델이 서있는 스틸 이미지입니다.
Result
"Feel the feeling"이라는 브랜드 슬로건에 맞춰 이성이 아닌 감성을 자극하는 감각적이고 창의적인 UX/UI를 선보임으로써 브랜드의 정체성을 확립하고, 더 많은 사람들이 N의 브랜드 아이덴티티와 감성을 경험할 수 있도록 사용성과 정보 전달 효과를 극대화하는 플랫폼을 제공합니다.
Origin Page of N Story
N브랜드의 출발을 이야기하는 페이지의 태블릿 버전 디자인입니다.
N브랜드의 출발을 이야기하는 페이지의 모바일 버전 디자인입니다.
모터스포츠에 참가한 N브랜드 자동차의 피트 전경 스틸사진입니다.
N-Gineers, Technology Page of N Story
엔지니어, 기술 관련 브랜드 스토리 페이지의 웹 버전 디자인입니다.
i30 N Page of N Cars
front view of blue i30N on the construction
Feel the feeling.
left side view of blue i30N on the construction
Measured in BPM not RPM
red and white logo of i30N
front view of blue i30N with man
left side rear view of blue i30N
Making your heart beat with an emotional driving experience.
front view of blue i30N with walking man
right side top view of i30N
front view of i30N with two man
left side front view of blue i30N
N브랜드가 적용된 i30에 대한 소개 페이지의 웹 버전 디자인입니다.
N브랜드가 적용된 i30에 대한 소개 페이지의 모바일 버전 디자인입니다.

High- Performance Powertrain to Feel the feeling

right side front view of blue open door RN30 with skidmark on road
N브랜드 컨셉카의 스틸 이미지입니다.
Concept Page of N Cars
N브랜드 컨셉카 첫번째 페이지의  웹 버전 디자인입니다.
N브랜드 컨셉카 두번째 페이지의  웹 버전 디자인입니다.

새로 시작하는 프로젝트가 있다면
지금 문의하세요

business@the-jey.com

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