Hyundai Motor N Brand
Official Website
Responsive Web Design UI/UX
Scroll
Hyundai Motor N Brand Official Website
Seamlessly blending brand identity and the premium experience of the Hyundai N brand, we brought the site to life by redefining a story-driven design language that reinforce its new "Feel the Feeling" brand message, and further communicated the emotions and the excitement of driving Hyundai Motor's high-performance N models by implementing a more functional and sophisticated design.
Client
Hyundai Motor Company
Date
Sep. 2017
What we did
Responsive Web Design UI/UX
Region
Worldwide
Mission
Our primary goal was to bring the emotional sensations of Hyundai N's high-performance driving experience to an ever-widening audience in a fun and exciting way. For this, we reconstructed a responsive framework in our content and design strategy and set our minds on providing an engaging informative narrative that motivates the user to easily discover and deeply explore the site's dynamic contents: from behind the story and brand video to detailed information about the N vehicle line-up and its technological innovations.
Strategy & Direction
Embracing Hyundai Motor's dynamic N brand personality, we reconfigured the site using fluid grids with a flexible UX design structure to provide greater usability and an optimal browsing experience for today's mobile users. Streamlining the user flow with emotional delight, we further elevated the visual experience by overlapping image and typography and used the N brand's unique sky blue and red colours to communicate a clear visual identity.
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
Our creative UI/UX design helped to create a recognizable identity for the Hyundai N brand and effectively provided an enhanced digital brand experience in which users can intuitively engage and "Feel the Feeling". Ultimately driving the N brand forward and building on its global audience, we have successfully established a flexible and cohesive framework to ensure that users are well-informed of the site's dynamic content while they continue to seek for more excitement of the new connected brand experience.
Origin Page of N Story
N-Gineers, Technology Page of N Story
i30 N Page of N Cars