Designing an e-commerce website for a voucher company

Designing a voucher website for a top 3 worldwide company

1,5 year - 2019-2020
Role : Ux designer & Lead UX Client: undisclosed
Responsive image

Context

The client belongs to the top 3 of meal and gift voucher companies in the world. They recently acquired several competitors in multiple countries and asked us to unify the existing websites.

The website serves 3 different targets: the employee using the vouchers, the company paying for the service and the merchant selling the service.

sitemap
The personas we created from user interviews.

Problem statement

How can we create the best experience to fulfill the needs of our 3 personas, the company buying vouchers, the employee using them and the merchant who need to accept them as a payment mean? This experience will be used for multiples regions and countries with different legal rules and cultures.

Project goals

  • Create a unified user experience and brand experience
  • Gain +10% market share
  • Innovate by listening to user feedback, by mapping all their needs
sitemap
The empathy map we created with the stakeholders after interviewing the customers.

Methods

  • Stakeholders interviews
  • User interviews
  • Personas
  • Jobs to be done
  • User journey
  • User tests
  • Information architecture
  • Mental model
  • Tone of voice
  • Card sorting

sitemap
card sorting

"On the previous websites, users were never interviewed. In order to understand their needs, we organized batches of user interviews every 3 weeks. it made us aware of their pains and struggles. We defined users profiles and the corresponding journey. Finally, we tested the flow, the information architecture, lisibility, and with the results refined the prototype each time. I conduced around 45 user tests."


sitemap
User interviews and tests

Key focus areas

  • What are the end user, merchant or company met and unmet needs?
  • Which tasks people need to go through? In which order?
  • Which profile do they use on their smartphone or their computer? how do they use it?
  • What is the best way to upload employees data?
  • What can slow a user's process ? Are there steps and/or features that people don't need

  • sitemap
    Userflow

Core customer needs

Help with choosing the right product and understand the legislation

Reading a long text about legislation isn't very exciting. Explaining the main points at the right time is helpful. It reassures customers when they need to spend a big amount of money.

Get a quote before typing any legal information

Most of the customers like to benchmark multiple websites before choosing the right one at the right price. Being able to access a quote with a few steps is very important when people are looking at competitors.

Being mobile friendly

While most of the people will buy vouchers while they are at their desk at work. Most company directors want to buy it on the fly, on the metro on their mobile phone or at home on their tablet.

An easy way to manage the end user's cards.

There are mainly 3 things an end user wants, it's finding where to use his card, how much is there in its balance and how to reorder a card when lost. Only two screens are very important, the store locator and the card management page.

sitemap
Design system

Findings statement

Following our customer interviews, we synthesized our findings and were able to create a customer journey, define multiple profiles which were presented and discussed with the client. This analysis created a great foundation to move into feature ideation and prioritization.

sitemap
Prototype

Learnings

  • Being part of a large project featuring 6 teams, 150 people, for a year and half.
  • Being a design lead and teach design
  • Successfully switching from Sketch to Figma in the middle of the project
  • Using a design system with 30+files and 12 designers
  • Documenting a design system with Zeroheight
  • Creating recurring user tests and sharing the synthesis with multiple teams
  • Working with the growth hacker team, which was mainly taking care of the analytics.

sitemap
Team review

How the project affected users and business?

Users are happy with the new solution and give it an average rating of 7.6. (maximum average reference is 7.8)

People stay on the website more than 230% longer on average and go more often to the end of the purchasing tunnel. (Tested on one country only at the moment)

sitemap
We had 4 squads working on the project.

sitemap
The whole design team
sitemap
How the website looked like before
back to all projects