Renewal front & AEM Guide
Hyundai.com: Global Common Template Project
Global Template : https://hmc.saltcake.com
- Role
- Product designer
- Team
- PM
- Product Designer3
- Developer1
- Methods & Tool
- Problem Definition
- Hypothesis Setting
- Competitor Analysis
- Figma
- Practices
- User Research
- UXUI design
- Usability Testing
- Prototyping
- Timeline
- 7 months
Overview
Why Implement an Easy Payment Service on The Hyundai App?
What is
Hyundai.com
Hyundai.com
Hyundai.com is the official digital platform offering a complete end-to-end experience,from vehicle exploration to purchase.
It serves as a global template across 193 countries, excluding the US, Germany, and the UK.
Background of
Hyundai.com
Hyundai.com
Post-COVID, online car purchases rose 20%, with mobile traffic at 85%. The existing template couldn't accommodate this
mobile-first shift or regional needs.
Project goal for
Hyundai.com
Hyundai.com
Enhance Hyundai’s global website as an online communication hub
for customers. through experience make retention and conversion rate higher globally.
Scope of new
Hyundai.com
Hyundai.com
Redesigned a unified template used across 18 countries in the Middle East and Asia.
The new version is based on the Saudi market and supports two languages :
Arabic and English.
Process & Role
Led end-to-end front-end experience over 7 months, from CX strategy to UI design.
Key responsibilities: UX planning/design, design guide documentation,
and AEM component guidelines.
Market Research: Painpoint
Surveyed 100+ customers and dealers across 17markets.
Defined regional CX/UX benchmarks and competitive gaps across UX/UI, Content, and SEO.
Cumstomer Experience JourneyMarket
Redefined content and services for each journey stage to address diverse user segments. Benchmarked competitors and cross-industry best practices.
Definition about New Customer types
Personalized experience design through CXJ mapping from segmentation to
individualized user experiences across 4 customer types.
UX Deisgn_IA
Redesigned IA for Improved Usability: Regrouped menus by CX insights across
4 customer types and added user-centric primary navigation
Added new EV, community, offer and personalized content while integrating fragmented menus
into a streamlined shop flow that enhances the vehicle-purchase experience.
UXUI Design_ Home
Home main design rooted in Hyundai user needs and brand experience,
delivering global consistency through immersive content, responsive design, and
intuitive UX writing
UXUI Design_ PDP Structure
Supports customer to understand product features efficiently by minimizing
customer barriers and support their decision making with relevnat content links
in context.
UXUI Design_ PDP CTA
Designed strategic CTAs as shortcuts to key content, enabling seamless service
access while intentionally reducing bounce rates and extending session duration.
Design Guide_EN & AR
Built user-centric redesign with consistent global branding. Created responsive
design system and localization framework for multiple resolutions and regional
languages.
Guide to AEM(cms) Backend System Components
Redesigned pages as modular components for flexible AEM (cms) editing.
Cut operational time by 50%+ with scenario-based guides.
Outcome & Lessons Learned
Prev