VoucherCodes – Food & Drink

Background

VoucherCodes is a leading UK savings destination. Brings together the best voucher codes, deals and sales for thousands of leading online and high street stores. Quarterly Roadmap suggested to work around the huge potential of Food and Restaurants, offering great ways of saving. The UX team was leading this project.

Problem statement

In-Store Food and Restaurant discounts were not being used much in the website, the section had a low performance, despite the fact they had great content. On the other hand the same content had much better performance in the Voucher-Codes App (IOS and Android) has higher KPI’s. This was a whole area to be research and developed which would benefit the customer and the business through the website.

Research

Focus group
The in-house UX team lead the process, starting with a  focus group to determine peoples in-store shopping behaviours and whether people wanted to use vouchers in that journey.
The sessions help to assess the respondents’ dining-out journeys and their relationship with voucher sites. Around sixteen participants took part.
Journey
Respondents typically based their decision on which eatery to dine at on several factors, most importantly, and in order of importance: the location (how far they would need to travel); the type of cuisine (Fast-food, Chinese, Indian, etc); and the price-bracket of the restaurant; although members of the group were keen to emphasise that they weren’t purely price-driven, and this was a lesser concern.

Saving – Eatery Driver?

– Clear preference for restaurants which offered vouchers,
– User would feel uncomfortable presenting a voucher in an up-market restaurant or during a date/business lunch.
– Respondents were familiar with various voucher-websites but they struggled to identify the brands. Low brand awareness with VoucherCodes.
Usability Testing
Current Restaurant pages were tested with customers in order to find insights and feedback which would inform design decisions.

“
It helped us to understand what are the main features that they appreciate when they go out. User Research gave us the direction towards 5Ws + H.”
Usertesting Feedback
Personas
Usertesting


Usertesting Feedback
Personas
Usertesting

Design & Testing

After knowing the insights and the way of thinking from the users, we end up with a set of pages, short journey to be able to select from a range of restaurants.

Goal: Create a site for hungry people, looking for a quick and easy way to save while they are planning to go out to eat. Should have an engaging experience, user friendly and lifting the current brand.


Early days sketches and prototypes in paper were done to get the layouts and flows to ensure interactions were intuitive. Beginning with low resolution wireframes, sharing and collaborating with a team of project managers, engineers and designers. Iterating wireframes towards higher resolution, preparing prototypes with Invision.

  • Discovery: User Research (Focus groups), Analytics and Heuristics, Competitive Analysis
    Protopersonas
  • Ideation : Sketches,Wireframes, Information Architecture, Prototypes
  • Design: Design Sprint, Style Guides, High-Fidelity Visual Design,Rapid Prototyping, Mockups, A/B Testing  
  • Validation: User Testing (Guerrilla, Face to Face, Remote), Iterative Design

Teams & Roles

The UX team was part of the Product department, inside the team we were five designers, three of them UX and two UI. My role for the project was to be the lead designer, together with the product owner we were ensuring to make workshops for the Ideation phases, inviting other stakeholders like front end developers, SEO, marketing, content managers. Ensuring everyone was involved in the design and on the same page.

I was responsible for interpreting insights from Focus groups. Gathering the project requirements, architecting the web section, prototyping and creating visual assets for development. Early days sketches and prototypes in paper where done to get the layouts and flows to ensure interactions where intuitive.  Iterating designs after feedback to create and launch the MVP.Research

Mobile UI
Desktop UI
UI Design system

Conclusions & Results

The First MVP was launched and after the first month Frequently visitors raised a 2% and final redemptions increased. Mobile site traffic increased 1%.

Key challenges and pain point in this project was the SEO constrained, so in terms of information architecture and terminology we had to stick to Food and Drink.
It was also a struggle to define the first outcomes of the MVP, to find a balance between the basic and a bit more of extra value. Engineers had their voices and backlogs limitation of time, so decision were made based on that.

UX process: discovery sessions, ideation, wire framing and documentation, show & tell. Helping to prepare the User testing sessions.

Project Details

UX design

  • Collaborative workshops and reviews
  • Exploration and innovation
  • Landscape analysis and research
  • Wireframes

  • Annotated user journeys/flows
  • Presentation of research and findings to key global stakeholders
  • Stakeholder feature rule books
  • Review and testing of the developed design