Thuisbezorgd.nl (Just Eat Takeaway.com) UX web redesign.
Refining the user experience to increase the conversion rate of selecting and adding items to customer's cart for successful transactions.
Project Overview
Type:
Web App Redesign
My role:
Product designer
Duration:
3 Days
Company:
Thuisbezorgd.nl
(Just Eat Takeaway.com)
Tools:
Figma
Problem Exploration

Customers are having trouble deciding and adding items to their cart. Why might this be?

To better understand the problem, I needed to examine the potential causes. As a result, I explored the website to gather a preliminary list of causes. During this step, I noticed the success of customer transactions is heavily impacted by the menu page. Therefore, I decided to narrow down the scope of the design and focus on the menu page.
Product Analysis
Although I came up with a preliminary list of causes, these were still only my hypothesis. Thus, I needed to get creative and further explore the root causes to the problem. I decided to conduct 2 user surveys.

The importance of conducting user surveys

Here are the results of the user surveys. The red and orange is to indicate the feedback of each individual.
To summarize the findings, I bucketed the feedback comments and narrowed down to three root causes.
As a result, I was able to narrow down the scope of the problem and create corresponding design goals to tackle the root causes.

My design goals for the project

Research
I conducted research to create this market share graph. The pie chart helps me better understand the key players and division of this industry. Deliveroo was among the biggest competitor along side Uber Eats, but recently left the Netherland market in November 2022.
Understanding the industry
I also examined both Uber Eats and Deliveroo’s products and did a UX analysis/comparison. This step was quite crucial in helping me discover the do’s and don’ts of an online food delivery app. I was also able to distinguish UX patterns that these apps follow.
Identifying what works and what doesn't work
As a result of the UX analysis, I was able to gather a list of design requirements that make up a good online food delivery app. I’ve categorized these stickies into three main buckets: menu page, menu item cards and adding item to basket. These all contribute to the action of adding item to their basket.
The must haves for online food delivery apps
Mid-fidelity wireframe explorations
Menu page layout iterations
Side bar menu navigation & menu item layout
Menu items layout iterations
Menu items layout iterations
Proposed solution
Menu page layout

The new design for the menu page focuses on an improved layout that better showcases information hierarchy. As a result, decreased mental and physical interaction cost is achieved through the implementation of a side menu navigation bar; providing ease of navigation, key restaurant/delivery information; that supports decision making, and a more condense layout to display the menu items.

Menu item layout

The new menu items layout made the biggest impact for visual and user experience. The design displays a minimum of 6 cards, which is 3 more menu items compared to the current web design. Thus, it overcomes the concern from Hick’s Law, time it takes to make a decision increases the number and complexity, as customers can now scan the page view many items at once. Secondly, being able to view more menu items will also decrease the time it takes for people to choose/add items to their basket, satisfying Fitt’s Law as it decreases number of actions required to complete a task.

Menu item pop-up

Lastly, the pop-up was designed to minimize interaction cost and for customers to easily customize and add item to their basket. Improving the information hierarchy and redesigning the interaction elements to input customary choices, ultimately creates a more frictionless experience in navigating through the pop-up.

Key Takeaways

My reflection

Working under a time constraint

Oftentimes I found myself having to navigate through ambiguity given that my manager was in a non-technical role and could only provide requirements for the project. Although the deliverables were a little difficult to navigate at first, I learned to get creative with my problem solving skills and meeting others within the team who provided great guidance.

Making simple changes that drive business conversions

Coming from a business background, I was able to develop a strong understanding of the problem from a business perspective. I understood the impact of my designs and the underlying bottlenecks the organization faced as a result of the problem.

Getting creative with research given the lack of knowledge

A large organization comes with layers of management and cross-functional collaboration. The data, trust and privacy project involves many c-suite level (VPs), directors and product teams to be involved. As a part of my role, I needed to ensure my designs satisfied organization and client goals.

Next steps

Dive deeper into preliminary research: Gain more accurate result to ensure good information hierarchy e.g. conduct card sorting exercise

Conduct user testing and iterate: Test newly implemented design changes to ensure it accurately targets pain points then  iterate frames to achieve a more seamless ordering experience

Use business metrics to test the success of the new designs: Test the rate of which customers add items to their basket and analyze to see if there are improvements

Connect with me!
© doris zhuo 2023