Genesis 2.0 Phase 2
MEA Rollout

UI/UX Design

Genesis 2.0 Phase 2
MEA Rollout

As part of the global expansion of Genesis.com 2.0 online platform successfully launched in 2020, MEA rollout aimed to optimize the Genesis digital platform and to strengthen operational excellence as well as sales support for 9 MEA regions. Aligned with key business goals, we created global templates with enhanced UI/UX based on the design heritage of Genesis 2.0.
Client
Hyundai Motor Company
Date
Aug. 2021
What we did
UI/UX Design
Region
9 MEA Regions (Middle East, Saudi Arabia (Dammam, Jeddah, Riyadh), Bahrain, Kuwait, Oman, Qatar, UAE) (EN, AR)
Video thumbnail of RTL version of Middle East homepage that match the characteristics of Middle East languages
Mission
To establish positive customer experience and online/offline presence on the new platform for Genesis MEA, we opted to create new set of RTL (Right to Left) components and images for Arabic templates and optimized to provide customer-focused contents and services most suitable for the target region.
Strategy & Direction
Through in-depth analysis, we discovered new points of improvement and produced highly functional and unique platform that puts MEA online users at the center. New functionalities and reconfigured contents with streamlined, responsive design encourages user engagement and conversions, and provides enhanced contact points on mobile.

In addition, we used Adobe Experience Manager (AEM) as a prototyping tool for effective communication and decision-making with stakeholders and created 23 new components supporting the Arabic language and contents for MEA. We also ensured the visual balance of elements and images without overlaps and maintained the global standards of Genesis as a luxury brand.
Grid
Grid Systems of Genesis Middle East
Typeface
Typeface for Genesis 2.0 page.
Color
Color 01
#ce2d2d
Color 02
#ad7b61
Color 03
#ffffff
Color 04
#cccccc
Color 05
#bbbbbb
Color 06
#999999
Color 07
#808080
Color 08
#757575
Color 09
#666666
Color 10
#4d4d4d
Color 11
#262626
Color 12
#000000
12 Colors
Icon
24 icons used by Genesis Middle East project
G70 model that expresses two lines of Genesis brand identity
Result
The amalgamation of Genesis 2.0 global templates and components (LTR, RTL) with newly added functionalities for MEA rollout provides greater flexibility and efficiency of creating dynamic contents and services while delivering a unified Genesis brand experience online. This is to further guide and inspire the global expansion of future Genesis rollout websites such as for Australia and Canada.
Home
New components stands out on Main screen, that is newly changed based on Middle East customers' needs.
New components stands out on Main screen, that is newly changed based on Middle East customers' needs.
Mobile screen that shows the Genesis' design philosophy and experiences still maintained on mobile devices
Mobile screen that shows the Genesis' design philosophy and experiences still maintained on mobile devices
Mobile screen that shows the Genesis' design philosophy and experiences still maintained on mobile devices
Homepage converted to Middle East RTL from English LTR version
23 new component shapes with Middle East business requirements
A screen that produces images by device to optimize the model image to the device
PIP
GV70 Performance Page, which its Luxury Interactive Design is converted for Arab Use
GV70 Gallery Page, which its Luxury Interactive Design is converted for Arab Use
Genesis X Concept Car Page, which its Luxury Interactive Design is converted for Arab Use
REQUEST A QUOTE
Desktop Screen of Simplified Order Production Quotation at the heart of Middle East projects
Mobile screen of optimized quotation for Arab templates by device with responsive web technology
Mobile screen's confirmation page of optimized quotation for Arab templates by device with responsive web technology
Mobile screen's completion page of optimized quotation for Arab templates by device with responsive web technology
City Premium Vehicle GV70, Maximizing Dynamic Elegance
Information-based Page Contents
Owner's page in desktop screen with applied Middle East template
Offer page in desktop screen with applied Middle East templateTest drive application page in desktop screen with applied Middle East templateFind Service Network page in desktop screen with applied Middle East template
Owner's page in mobile screen with applied Middle East template
Find Service Network page in mobile screen with applied Middle East template

E-mail us your inquiries to start
a new project

business@the-jey.com