Menu
Hyundai Card Integrated Payment and In-Car Payment UXUI Design
CLIENT
DATE
SERVICE
INDUSTRY
Hyundai Card
2023.03 ~ 2024.06
CXUX Consulting, Human-Centered Creative Design
Financial Services, Automotive/Mobility
Advances in digital technology are transforming the car from a means of transportation to a platform for a variety of experiences. In-car payment services, which are proliferating in Europe, are meeting consumer expectations by making in-car payments such as parking, refueling, and ordering food easy, and are becoming an important element of brand loyalty and user experience. It’s the way forward for the mobility industry and is becoming a new benchmark in the digital age.
Hyundai Card is one of the leading credit card issuers in South Korea, founded in 2001. As a member of the Hyundai Motor Group, it offers a wide range of benefits to its customers through new financial services. It is also actively involved in digital financial innovation and has made a name for itself in mobile payments and data-driven services.
Competitiveness of European mobility services
By providing an efficient payment process across 20 European countries, we aimed to improve user satisfaction through a secure and convenient experience that allows them to pay directly in the car, and to provide a consistent experience for global users through multilingual support in each country. Specifically, the service is offered through the Connected Car Service (CCS) app, which allows users to connect to a connected vehicle through the app to access the service. This allows users to experience a seamless connection between their smartphone and vehicle and enjoy a more integrated service.
The core features of the integrated payment system include support for local payment methods, payment processing for lifetime products and subscription services, and the ability to view payment history. The key features of In-Car Pay (ICP) include providing a payment interface through the infotainment system of the linked vehicle, and payment processing and history checking after using services utilizing cards registered through Integrated Pay.
The project provides services in more than 20 major European countries, and reinforced its localization strategy through multilingual support. The project aimed to strengthen the competitiveness of mobility services in the European market by establishing an integrated payment system for subscription services and lump-sum products and improving safety and convenience through in-vehicle payments.
User-centric and seamless digital experiences
Providing intuitive parking information
We systematically defined common elements related to parking services from the user’s perspective. To accurately display the remaining parking time, we carefully considered the time and unit notation to make it intuitive for users to understand, even down to how to display when the remaining time is one minute or less.
Designing an efficient sign-up and card registration process
To improve the accessibility of the new service, we designed a seamless sign-up process that includes agreeing to terms and conditions, registering a vehicle, and registering a card. We enhanced user convenience by allowing users to sign up for service providers at the same time, and designed pages to handle exception cases. We carefully planned and reviewed pop-up messages and notices to be provided during the card registration process to clearly indicate the brands of cards that users can register and to make it easy for users to make decisions when adding cards.
Optimizing the main screen and
checkout for key information and intuitiveness
On the main screen, we considered the order of card presentation to prioritize the most important information for the user, and clearly defined the scope and hierarchy of the information displayed so that users can quickly find the information they need.
In the checkout process, we considered the business aspects of the product checkout page to accurately define the Free-Trial disclaimer for subscription services, and designed it to clearly communicate the previous payment to the user when canceling the payment.
Optimizing the main screen and checkout for key information and intuitiveness
On the main screen, we considered the order of card presentation to prioritize the most important information for the user, and clearly defined the scope and hierarchy of the information displayed so that users can quickly find the information they need.
In the checkout process, we considered the business aspects of the product checkout page to accurately define the Free-Trial disclaimer for subscription services, and designed it to clearly communicate the previous payment to the user when canceling the payment.
Design for a consistent experience for global users
Dark mode based on brand design guidelines
In-car payment services are often used while driving, such as parking, refueling, and ordering food, so visual comfort is critical. Dark mode reduces the irritation of bright screens, reducing eye strain and helping users stay focused. Designed with the right contrast, dark mode also blends in with the surroundings when used at night or in a dark parking lot, allowing users to use the service comfortably without obstructing their vision. The bottom line is that by offering dark mode, you can increase usability and enhance comfort, contributing to brand loyalty and a better user experience.
Optimization for different device resolutions
By optimizing the design for resolutions up to 280, we wanted to provide an optimal interface on any device. We also applied responsive design to provide a consistent UI so that the user experience is not disrupted.
Language support for 20+ countries
Considering that the service supports languages in about 20 countries, we designed a flexible layout that is not affected by the length of sentences. We also used language-independent icons and images appropriately so that users can easily understand functions without text.
Start designing consistent digital experiences
for your global audience with Saltcake!
Start designing consistent digital experiences for your global audience with Saltcake!
REquest
Hi there! Are you looking for a project request?
Start a great journey with saltcake.
@ SALTCAKE