Genesis 2.0 Phase 2
Online Platform
UI/UX Design
Scroll
Genesis 2.0 Phase 2
Online Platform UI/UX
Using Adobe Experience Manager (AEM) and re-thinking the Genesis digital platform as a global luxury brand, we focused on optimizing the online customer journey that seamlessly connects to offline customer experience and strategically constructed a flexible framework and sophisticated design elements as a core foundation for the site's global rollout.
Client
Hyundai Motor Company
Date
Sep. 2020
What we did
UI/UX Design
Region
Korea, Worldwide (KO, EN)
Mission
Aligned with the Genesis brand identity and design philosophy, we aimed to deliver an enhanced digital experience by developing existing components as well as new components, and by implementing a unique interactive design for Phase 2 website.
Strategy & Direction
Through Phase 1 analysis and our research-driven approach with our dedicated team, we identified key points of improvement and found new creative ways to further improve the User Experience (UX) for key pages with high return rates such as Build To Order, PIP (Product Information Page) and Test Drive application page.
We liaised closely with our client and stakeholders to create a content-rich website that is dynamic and worked with the prototyping tool to effectively create the elements and interactions for over 85 components.
We liaised closely with our client and stakeholders to create a content-rich website that is dynamic and worked with the prototyping tool to effectively create the elements and interactions for over 85 components.
Grid
Typeface
Color
Color 01
#ce2d2d
#ce2d2d
Color 02
#ad7b61
#ad7b61
Color 03
#ffffff
#ffffff
Color 04
#cccccc
#cccccc
Color 05
#bbbbbb
#bbbbbb
Color 06
#999999
#999999
Color 07
#808080
#808080
Color 08
#757575
#757575
Color 09
#666666
#666666
Color 10
#4d4d4d
#4d4d4d
Color 11
#262626
#262626
Color 12
#000000
#000000
12 Colors
Icon
Result
The renewed Genesis 2.0 Phase 2 website reflects the latest design trend, using the components and templates to creatively express both visual and text-based contents across different devices. The features of Genesis line-up such as GV80, G80, G70, G90 etc. are clearly communicated with the combination of dynamic components that enable users to better engage with the Genesis brand and its online contents. Moreover, the overall result of Phase 2 components, templates with UI/UX optimization is easily adaptable with cohesive guidelines and can be easily expanded for a global rollout.
Home
PIP / The Brand
Information-based Page Contents