Rappi Mix.

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.

Add supermarket items or products from another restaurant while your order is being prepared, getting everything in one delivery

Save on fees by adding more to your order without placing a new one, making your purchase easier and more cost-effective

Research.

Surveys

In the research phase, we first validated the potential usefulness of the feature through quantitative surveys. We also gathered insights on the most common use cases by including specific questions.

After launching, we conducted segmented surveys based on user type: frequent users, one-time users, and those who hadn't used the feature at all. These user groups were defined during the data analysis phase to better understand different usage patterns.

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

Before launching into production, we completed usability tests and analyzed the data using three key metrics: Success rate, time on task, and the Likert scale, to determine the best design.

After launching, we collected a large amount of data throughout 2022 to analyze behavior patterns, user segments, and more.

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.