Doordash

Lowering Doordash customers' decision making time by eliminating irrelevant results in a fun, simple way

ROLE
UX/UI Designer (student project)
TIMELINE
4 weeks
TOOLS
Figma, Whimsical, Medibang Paint
SKILL AREAS
Illustrations, Prototyping, Feature Implementation

CONTEXT

Doordash: Food delivery and more

Over the past few years, there has been a rise in the use of food delivery apps. With just a few taps, you can get food delivered to your door. According to Edison Trends, Doordash contributed to 45 percent of the food delivery market.

The objective

As part of my student project, it was required of me to add a new feature to an existing app. However as a user myself, I wasn’t too sure if anything could be improved at first glance. So it was crucial for me to gather a lot of information from other current Doordash users.

RESEARCH

What current users have to say

To gather more insight, I interviewed four current Doordash users and asked them questions about decision making, exploring new restaurants, and experiences with other delivery apps.

01
Most participants agreed that that they get stuck or take awhile to make a decision on where to eat
02
Even though most users had their go-tos, all were open to exploring new restaurants
02
All participants consider money saving options like using pick up, looking up offers, or even comparing prices with different apps.

SYNTHESIZING

Meet Daniel, a foodie on a mission

Daniel is a full time university student and a part time tutor who has limited time and money. With Daniel in mind, I wrote a scenario and created an “As-is” journey map. With my persona and result findings, I laid out the customer journey from the decision making process to the customer picking up and eating their food. By doing this map, I was able to pinpoint specific areas of the ordering process that could be improved, especially the considering and exploring phases.

DEFINING THE PROBLEM

Choosing what problem to tackle

I made a couple problem statements based off of these areas and contemplated which area needs to be explored more. Currently in the Doordash app, the pick up and offers and deals are already addressed as there are clear filters for the both of them. So I went ahead and selected the problem statement that would channel in more exploration.

“Daniel wants to discover diverse restaurants in his community without having to spend too much time or money so that he can focus on his busy college lifestyle.”
How might we's

Afterwards, I used the HMW approach to use a guide to ideate solutions. Here are some that I came up with.

  • — How might we help our users make a decision quicker?
  • — How might we showcase our deals and offers more effectively for our users?
  • — How might we increase awareness of local restaurants?

PROBLEM

The rabbit hole problem

Initially I had envisioned the Discover feature to be a page that would include the showcasing of local restaurants, recommendations, and a banner that would lead the user to the quiz.

Scrapping my first version of lo-fidelity wireframes

After making my first version of low-fidelity wireframes, something felt off to me. I ran into a rabbit-hole effect by having a page with 3 different purposes tucked away. To combat this problem, I crafted a second version.

I made the decision to follow my gut and choose this second version. I’ve seen this card carousel on the app before (see reference images in the image below). Changing the layout of the feature this way made it feel and look more native to the app. Also having these three separate things stand on their own made it easy for the user to locate and recognize its purpose.

ILLUSTRATIONS

Embellishing with illustrations

As I went into designing my mid-fidelity wireframes, I realized that I wasn’t able to find certain illustrations on Storyset for some of the quiz questions. I went into Medibang, used some references and made my own illustrations from scratch that matched Doordash’s current illustrations.

ITERATIONS

Testing and perfecting the design

After making my quiz flows and pages of my discover feature in mid-fidelity, I conducted usability testing with four participants.

Some of the common comments that my participants had were that the portion size question was out of place when choosing dessert and that they wanted more information regarding the restaurants of the recommended dishes section.

During the quiz, there was also confusion on the results message that indicated their selections eliminated places as the quiz progressed.

ITERATIONS

Testing and perfecting the quiz design

With the feedback I received, I went ahead and prioritized the following 3 issues for my high fidelity wireframes:

01
Changed the quiz results to be more intuitive and native to app design

Changed the functionality of the Results page so that the selections made during the quiz leads to a "auto-filtered" home page instead of a separate, curated results page.

02
Added clear toast popup

Transformed the 'Results Found' message to a pop up format that appears post selection

03
Hierarchy & visibility correction

Rearranged the information of the Dishes section to match Doordash's style

OVERVIEW

Meet the Discover Feature

Right under saved stores, we have the "Discover New Restaurants" Feature that has a carousel of all of the three elements that allow Doordash customers to discover new finds!

FEATURE ONE

Local Spotlight

If you're interested in supporting local, small businesses right in your community, this is the place to check out! Become a patron to a mom-and-pop shop and find something new!

FEATURE TWO

Your Recs

Are you always a "chicken tenders" kind of person? Well have no fear, Your Recs is here! Based off of your ordering history, the app will start recommending similar cuisines and restaurants. Now you can find new places without sacrificing your preferences!

FEATURE THREE

Meet the Discover Quiz

The quiz that let's you sort your filters in a fun, stress-free way. Updates you as you go along with the number of results, as a way to show that it's eliminating irrelevant options. Could also double as a way to find out if you are a picky eater!

REFLECTION

Final words

This was my first time I had a project that I didn't build from scratch or redesign. I had more constraints, especially considering that the feature had to blend in with Doordash’s current style. If I had more time on this project, here are some things I would change or improve:

  • — Making loading animation from quiz submission to results page
  • — Add extra options from quiz to the filter list
  • — Adding different categories under the “Local Spotlight” page like trending restaurants
chevron up - scroll to top button