Hyundai Motorsport
Official Website

Responsive Web Design UI/UX

현대자동차 모터스포츠 반응형 웹 플랫폼 UI/UX 개편

현대자동차의 N브랜드와 모터스포츠 기술 연계를 통해 포괄적인 정보를 제공하는 웹사이트로 효과적인 정보 전달 및 홍보의 매개체로 활용하여 모터스포츠 아이덴티티 제고 및 웹사이트 활성화를 목적으로 개편하였습니다.
클라이언트
현대자동차
오픈일자
2017.10
진행업무
반응형 웹 디자인 UI/UX
서비스 지역
월드와이드
모터스포츠 중 WRC 소개 페이지를 보여주는 영상의 썸네일입니다.
Mission
모터스포츠의 글로벌 사용자 대상으로 현대모터스포츠만의 기술 정보를 상세히 공유하고, 경기 활동 영상 및 이미지, 뉴스, 인터뷰 등 다양한 양질의 콘텐츠를 접목시켜 제공함으로써 효율적인 정보 탐색 및 콘텐츠 접근의 용이함을 통해 현대모터스포츠의 새로운 매력을 느낄 수 있도록 UI/UX를 제공합니다.
Strategy & Direction
모터스포츠의 힘찬 생동감을 표현하기 위해서 다이나믹한 경기 모습을 담고 있는 빅사이즈 이미지와 모터스포츠의 아이덴티티 디자인 요소를 일관성 있게 사용하여 비주얼 요소를 강화하였습니다. 뉴스기사, 영상, 사진 등 다양한 콘텐츠 유형에 맞는 최적의 템플릿으로 재정의하고 업데이트 이슈를 고려해 운영에 유연한 프레임워크로 설계하였습니다. 각 섹션 타입을 심플하게 구성함으로써 정보 집중도를 높이면서 모바일에 최적화된 UI/UX를 제공합니다.
Grid
모터스포츠에 사용된 그리드 체계입니다.
Typeface
모터스포츠에 사용된 서체입니다.
Color
Color 01
#e63312
Color 02
#aacae6
Color 03
#ffffff
Color 04
#000000
Color 05
#002c5f
Color 06
#dceaf5
Color 07
#444444
Color 08
#c7c7c7
8 Colors
WRC에 참가한 i20를 소개하는 페이지의 일부 디자인입니다.
Result
N 브랜드와 모터스포츠의 스토리라인을 유기적으로 연결하여 쉽게 정보를 접할 수 있도록 제공하고 영상 콘텐츠의 적극적인 활용과 상세한 스크립트 제공으로 콘텐츠에 흥미를 느끼고 즐길 수 있습니다. 완성도 높은 컨텐츠를 통해 모터스포츠의 다이나믹함과 현대자동차의 매력 모두를 경험할 수 있는 플랫폼을 제시합니다.
WRC
WRC에 참가한 드라이버, 크루 인터뷰 페이지의 태블릿 버전 디자인입니다.
WRC에 참가한 드라이버, 크루 인터뷰 페이지의 모바일 버전 디자인입니다.
독일의 그린 헬 코스에 도전한 이야기를 다룬 웹 버전 디자인 일부입니다.
TCR
모터스포츠 중 TCR 소개 페이지를 보여주는 영상의 썸네일입니다.
Other Pages
모터스포츠의 기타 여러 정보를 제공하는 페이지의 웹 버전 디자인입니다.
모터스포츠의 기타 여러 정보를 제공하는 페이지의 모바일 버전 디자인입니다.

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

business@the-jey.com