Based in Madrid, Spain
Loading amazing data...
Role
Design Director
Date
April 10, 2020
Responsabilities
Leadership Design UX Research
Timeline
6 months
Overview
This project started in 2022 with the goal of embedding a shopping experience within the Order Tracking screen, allowing users to enhance their restaurant orders with products from nearby supermarkets. This feature enables customers to add missing items or shop for other essentials without leaving the app, optimizing their overall experience. Through research, data analysis, and continuous improvements, the project evolved to better meet user needs and enhance usability.
Old design
New design
Value prop.
01
Add supermarket items or products from another restaurant while your order is being prepared, getting everything in one delivery
02
Save on fees by adding more to your order without placing a new one, making your purchase easier and more cost-effective
Research.
Surveys
Usability testing
In this project, we designed two different solutions, and therefore, we conducted 5 usability tests with each one to discover which of them performed better in terms of user experience.
Usability testing at Rappi's offices
Data analysis
Example of Likert scale for the two designs
Design decisions.
Content segmentation
The Order Tracking screen displays all the details of the placed order, but with RappiMix, users can browse stores and add more products, so at this stage of the experience, there are two key tasks: (I) reviewing the details of my order and (II) adding more products to my order.
Given RappiMix's complexity, we split the screen into two sections, each for a key task.
Header with a timer
In this space, we need to show users which store they are in and how much time they have left to add products. This ensures both pieces of information remain visible throughout the experience, providing essential context.
Store selector
For this part of the experience, we decided to design a horizontal carousel of 'chips' that takes up minimal space. This ensures the first product carousel is always visible without the need for scrolling, especially on smaller devices.. This is a crucial point because those initial products will be key to capturing the user's interest and attention.
We included a search bar
In the research phase, we identified a key user behavior: after entering the store, most users search for a product they already have in mind. This pattern highlighted a gap in the experience—users had to leave RappiMix to search. To address this and improve efficiency, we added a search bar at the beginning of 2023, allowing users to find products without leaving the screen.
Product carousels
Finally, we arrive at the content section. Here, we decided to showcase only a portion of the store's catalog, displaying only the most relevant products for the user's 'mix and match.' With this curated and personalized content, we were able to significantly enhance the user experience.
Business impact.
Order volume
These data are confidential, and access is restricted exclusively to Rappi staff.
Revenue
These data are confidential, and access is restricted exclusively to Rappi staff
Team.
Diego Villarroel
Design Director
Nima Zahedi
VP of Product
Amalia Arango
Product Lead
Pablo Vargas
Product Designer
Jorge Guzmán
Product Designer
Angie Álvarez
UX Researcher
Luis Domínguez
Product Analyst