Final design

Key activities

Go to section

Project debrief

User flow

Go to section

Design solution

Go to section

Validate solution

Go to section

Context

Branded as the Vietnamese largest loyalty program of Vingroup, VinID aimed at releasing the mobile app VinID in 2017 to better serve its million customers. At this time, approximately 4 million customers already used physical VinID loyalty cards to collect bonus points whenever they shopped for products or services from the Vingroup brand (products including real estate, retail, and services ranging from healthcare to hospitality).

The app would act as a loyalty card information centre and e-commerce platform where users could conveniently use their VinID points to shop. Besides, there was a long-term consideration for the app to become a digital wallet and integrate more customer and financial services into the system in the future.

Problem statement

Customers who shop with Vingroup brand need a convenient and easy-to-use solution for (1) keeping track of bonus points earned from shopping activities, and (2) accessing to Vingroup e-commerce with their mobiles. As a result, they will be more comfortable and enjoy the shopping journey using the VinID card.

Project debrief

The task

Design an onboarding experience that aligned with the company branding and provided an easy, quick, and secure access to the app.

Targeted users

The primary targeted users were Vingroup customers who were already used the VinID card. The secondary targeted group included those who used Vingroup products and services but not yet had a VinID card. The third priority was any individual who could be potential Vingroup customers.

Design deliveries

๐Ÿ‘‰ User flow
โ€
๐Ÿ‘‰ High-fidelity wireframes and prototype
โ€
๐Ÿ‘‰ Validating by testing
โ€
๐Ÿ‘‰ Design assets and style guide

Product consideration

The app interface must be aligned with the Vingroup/VinID brand guideline.

Device query

Native app (IOS)

Tech inquiry

VinID loyalty card database importation

Mobile onboarding design

๐Ÿ‘‰ Quick and easy access
โ€
๐Ÿ‘‰ Secure with mobile phone verification
โ€
๐Ÿ‘‰ Use simple writing with short sentences and active voice
โ€
๐Ÿ‘‰ Clean UI which aligned with company guideline (logo, fonts, photos, colours, etc.)

Ideate

In the ideation phase, I sketched different ideas. After that, Iย weighed the pros and cons of each solution before chose one idea to design further.

Design solution - Log in

When presented my idea to the client, Iย walked through all elements of the design with reasoning for the solution.

Design solution - Sign up

Validate solution

Concept validation and testing
The onboarding was included in the app prototype and tested internally by the product team and employees of the company.

Design development and live measurement
Design assets were transferred to the development team to develop the app further. The wireframes contributed to the design style of the complete app. After the app was introduced to the app store, VinID grew 7 million users after two years from the released date.

Lesson learned

Walking in the users' shoes. Less is more.
VinID users are a wide range in terms of ages, professions, education levels, etc. The most efficient way is to keep the design easily understandable and as clear as possible. To provide the onboarding experience for customers who already are familiar with the brand, I realised the quicker and more concise, the better.
โ€
The importance of prioritising and the gut of letting ideas go.
Initially, many ideas came up to my mind about how to make the app more visually appealed to users. But at this stage the team wanted to focus on the functional aspect of the product; keeping a simple and easy-to-execute option allowed the team to focus on more important matters. This onboarding can indeed be improved later when we have a solid product and resources to improve the app further.

Final design

Next project:

UX/UI Design, app concept

Want to get in touch?

Contact me at zoenguyenux@gmail.com
โ€
or drop me a line here:

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.