Genesis.com
2018 - Current Genesis USA Website Showcase. This is a joint project between two agencies Innocean US and Media Monks Worldwide to create a new web experience for Genesis Motor USA. Genesis is a Korean luxury car brand that has been on US market since 2016. When this website went into production in 2018 Genesis portfolio had 3 vehicle models on the market and in 2021 that number has doubled and portfolio keeps growing every year.
The approach to this design was to create a modular system with individual component like blocks. This system would allow for content to be dynamic on the page offering much flexibility in content layout narrative. Designed for Adobe Experience Manger the level of flexibility and content management would create an efficient system for updates and overall scalability.
Role: Creative Director Agency: Innocean USA, Media Monks CGI: Digital Giant
Genesis.com Landing Page
This component based design system works seamlessly on desktop and mobile devices. The modular design allows for interchangeable content within page structure and with help of data science its content and layout can become dynamic with parameters set in Adobe Experience Manager.
Published Pages
This site is fully responsive - and is built and updated with the support of Adobe Experience Manager.
Vehicle Landing Page
Vehicle landing pages are unique to each model but are uniform in design language. This component system of design is supported by Adobe Experience Manager and content is changed and updated within template guidelines.
Build & Price
The overall design language of the site is minimal and the patterns of design are also evolving with introduction of new tools and user experiences.
Navigation
Site supports English and Korean.
Component Highlights
Hero component supports static and video content. Vehicle landing pages feature dynamic data set for vehicle specs. Homepage hero component offers a carousel feature for multiple paginated messaging.
Component Design System
A custom component system was thoughtfully designed for variety of content existent and future. Most components offered variations in layout and tone combination expanding on layout possibility and variety. This visual design language was designed around and expanded from Genesis brand aesthetics, and as a result it enriched and expanded the global design language.
Narrative and Layout
Component Behavior
