B2C - WEBSITE
Goal
Improve users' satisfaction and retention on CNN and Business Insider couponing platforms.
CNN Coupons & Business Insider Coupons
CNN Coupons and Business Insider Coupons are among the top players in the online couponing industry for the US market, attracting an average of 2 million visitors per month each.
The primary objective of these websites is to provide users with discount codes that they can use during online purchases at checkout.
Despite the high traffic volume, users have expressed dissatisfaction with their overall experience on the websites.
Common complaints include difficulty finding useful coupons, a cluttered interface, and an overwhelming amount of irrelevant content.
The result is low user retention, indicating a need to improve user satisfaction significantly.
Couponing platforms mainly focus on three personas:
Sarah is a proactive saver, who loves to avail herself of different discounts, promo codes, loyalty points, or cashback offers. She is always open to experimenting with her shopping process.
Marcus, on the other hand, is more of a planner. He likes to find the perfect balance between the product and the price and spends a bit more time on researching and comparing prices before making a purchase. Marcus prefers using coupons over other types of offers since they are a safer way to save money.
Joe, is skeptical of couponing platforms due to previous negative experiences and tends to avoid cashback or rewards offers, as he's reluctant to disclose personal details such as his email address. Because of limited data availability, it is difficult to gain deeper insights into Joe's specific needs and preferences. This shows the importance of conducting further research.
The user journey on a couponing website typically happens very quickly, with an average time of only 1 minute spent on the platform.
Once users decide to make an online purchase, they usually search for coupons on Google and open the first three results.
They then browse through the available vouchers and select one that applies to their basket, sometimes trying out more than one coupon before finding the right one.
They finally complete their purchase, with or without a discount applied.
We conducted interviews and surveys to identify and map the pain points of our users. As a result, we found two major challenges that users face.
95% of website traffic lands on the retailer voucher page, with 86% coming from organic sources.
67% of users open a voucher, but 27% bounce.
30% of voucher recipients make a purchase, averaging a 1-minute session.
The ease of use will improve through a better information hierarchy and a better navigation
The trustworthiness will improve by adding some relevant missing information
Redesigning user interfaces on the basis of user testing can substantially improve usability. In four case studies, the median improvement in overall usability was 165% from the first to the last iteration, and the median improvement per iteration was 38%
Jakob Nielsen, “Iterative User Interface Design”
The iterative design method involves testing early-stage ideas with a small group of users and continuously iterating on the results to improve platform usability.
The hierarchy of problems is defined using Maslow's Hierarchy of Needs, where the lower needs must be fulfilled before moving on to higher ones. According to this prioritization, the first focus is on the basic requirements, such as ease of use and trustworthiness.
We then created a framework to measure improvements in user experience.
Based on the correlation between the metrics:
Hierarchy of Needs
Metrics Framework
“
It's hard to determine the best coupon without other information. Multiple coupons could apply and end up being better than the one I chose.
”
The main focus is on the voucher card, which lacks a clear hierarchy and important information, such as:
The preliminary tests improved task success from the baseline to the final iteration by 17%.
“
I found myself having to scroll up and down to remember which voucher was the better one to use. If they were grouped by either the department, the percentage off, or the expiration date, it would eliminate that friction.
”
The long list of vouchers is perceived as overwhelming and difficult to discern and it is only possible to filter by voucher type (i.e. codes or deals). Moreover, there is no possibility of altering the sorting of the voucher list.
The new design aims to help users find what they are looking for, grouping offers based on what makes sense to them. This was defined through usage analysis, a card sorting test, and usability tests.
Initial state
Final design
Filters Usage*
* Google Analytics, October 2020 to November 2020
“
When I'm on this website I already have a product in mind, and I just need to find out if there is any offer here that I could use to get a discount on it
”
The main objective of this part of the project is to revamp the homepage to be more user-centric. Currently, it is primarily used for selling visibility spots to retailers. However, it should be redesigned to clearly showcase the value proposition of the platform and instill users with trust in the platform.
There are two primary use cases for the homepage:
Initial state
Final design
Thanks to thorough preliminary research efforts, we successfully mapped the user journey and pain points. This foundational understanding allowed us to effectively prioritize actions for improvement.
The iterative design method proves to be the optimal approach for gathering user feedback during the early stages of a project. It was possible to analyze the task success improvement that reached 17%.
All features have been continuously tracked and refined. The voucher card redesign drove an increase of 5% in the conversion rate.
Explore more projects
Hotels ManagerSoftware Design, User Research
Guestline PlatformSoftware Design, User Research
Design SystemDesign System, Styleguide, Component Repository
Shopping HubDesign System, UI Design
User AccountConcept, Visual Design
© Sofia Paganessi. All Rights Reserved