Jul - Aug 2021
Savorite Search experience
Redesigning the search and hierarchy to optimize the discoverability of local eateries.
  • Orchestrated essential app changes resulting in improved ratings and increased user engagement on the app store.
UX Design
App Redesign
Design Internship
User Research

Project Overview

Savorite is a small startup in San Diego that connects restaurants with diners by incentivizing dining during off-peak hours using discounts through a free voucher app. Savorite takes pride in being an easy-to-use app that drives diners to connect with their local small businesses.

As a design intern, I was responsible for creating marketing graphics. Redesigning the app was a personal challenge I tackled separate from my internship responsibilities. As a solo project, I ideated and iterated on early concepts, conducted user testing, and delivered a high-fidelity prototype. 

How Savorite Works

Obtaining a discount is a straightforward process. The hungry diner would open the app and scroll through a list or search the map for nearby deals. Once the diner finds a deal that interests them, they would sign-up for a voucher. When purchasing their order, the diner would physically present the voucher to receive their discount.

5 Savorite screens showing the search process.

The Problem

Users are experiencing difficulty in finding restaurants of interest, which is causing indecisiveness and leading to user abandonment. How can we improve the discoverability of restaurants to assist the users search?

While attaining the discount is simple, the few search features and categories make finding a restaurant of interest difficult. During user testing, participants reported that the limited search features and the uncategorized list of options left them feeling indecisive. 

Savorite's search does not provide autofoll, past searches, or recommendations. The list also contains no headings to help categorize available deals.
Home/List Page

Business Problem

When users struggle to make fast decisions, they spend more time scrolling. This leads to:

  1. a decrease in app engagement and, as a result, a low user turn-out
  2. a low conversion rate

Goals

  1. User Goal - We want to help diners quickly and easily obtain deals with the bonus of trying something new in the San Diego area.
  2. Business Goal - The primary metric we would want to look at is the conversion rate. We want to ensure users are successfully signing-up for vouchers.

Explorations

To better understand the current state of the app, I first completed an app analysis. I downloaded the app and analyzed the current functionalities, overall architecture, and user navigation. 

A user flow of the Savorite app screens.

Competitive Analysis

Because Savorite's target consumers are diners and college students, I decided to analyze a couple of popular and similar dining apps for those populations. I downloaded Eatigo, Crave, Yelp, Grubhub, and Uber Eats to analyze the functions and features offered. This allowed me to better understand strategies other apps use and keep track of the type of features offered by each app.

Chart showing competitive analysis of the platform details.
Chart showing competitive analysis of the app's features and details.

At the time of this project, Savorite was new and lacked user feedback. Therefore, I decided to investigate user feedback from similar dining apps such as Eatigo and Crave which are more established and have been in operation for over 4 years. Through a thorough review of user feedback, I identified a critical pain point that users had encountered regarding the search functionality of the app, and how it affected the overall user experience. By analyzing the reviews for both Eatigo and Crave, I was able to discern the expectations of users during their search journey and any pain points they had encountered.

Examples reviews showing negative (less than 3 star reviews) experiences due to a poor search experience.

Interviews

Savorite's target audience are primarily college students and millennials. Thus, I decided to interview 6 college students and observe them as they complete a couple tasks on the Savorite app. Participants were instructed to book a voucher for a deal nearby and vocalize their thoughts out loud. Key insights from these interviews include:

  • 4/6 participants lost interest after scrolling for ~15 seconds
  • 3/6 participants expressed frustration and the need for recommendations or categories to better assist their browsing.
  • A majority of the participants ranked discount amount, time, and location as the 3 most important details when booking a deal.

Takeaways from Analysis

The competitive analysis allowed me to identify features that are important and the usability interviews provided insights towards the features the Savorite app was lacking. From there, I was able to scope down the focus of the redesign to the following 3 features:

Personalization, autocomplete, and customization.

Design Solutions

The new design aims to enhance the discoverability of local restaurants by implementing personalization, optimizing the search functionality, and providing increased customization options, making the search process more efficient for users.

Home page showing the categorized sections.

Personalization

Help reduce time users spend searching what's popular and nearby

  • Quick filter and sort buttons: helps users directly access customization options
  • Categorized sections: helps identify local venues and popular spots, improve discoverability

Auto-complete

Help users quickly and accurately search

  • Search history: helps users make repeat searches
  • Auto-suggestions: helps users type faster and with fewer errors
  • Icon categorization: helps users distinguish search recommendation type as a venue, location, or food category

Search screen showing relevant searches and recommendations.Filter screen showing you can filter by dining type, time, distance, price range, cuisine type, and dietary options.

Customization

More filter options for precise results

  • Dietary options: help accommodate for users with specific needs (vegetarian, vegan, gluten free, halal, allergy friendly)
  • Subcategories: help reduce searches even more to make it easier for users to find what they are looking for
  • Buttons, checkboxes, sliders: help create a more intuitive interaction

A New Experience

Savorite was lacking a lot of features at the time. Aside from the recommended search features, I also added a rotating map feature which would allow users to easily scroll through nearby restaurants from a pin.

During usability testing, it was identified that a majority of users (5 out of 6) had difficulty locating the favorites page. To address this issue, I reorganized the navigation and placed the "Favorites" feature in the bottom navigation for improved visibility and accessibility. This change was crucial as the majority of users expressed the importance of the favorites page, and the ability to easily access it would increase user loyalty and retention.

Screens for the home page, map search, favorites page.Redesigned screens showing the filters, categories, and search.

Reflection

This was my very first UX project. However, I am quite proud for how much I accomplished within a short time frame and from reading online tutorials. There were 2 key takeaways I did get from this experience:

  1. Centralize the problem. - Redesigning the entire app was a large task with a short deadline. At first, I tried to tackle all the issues with the app including the login and sign-up process. The directors also encouraged adding features to the app that hadn't already existed such as finding creative ways to gamify the app or implementing options to purchase through the app. With too many problems to resolve, I was quickly overwhelmed. By centralizing the problem to one key issue at a time, I was able to fully address a single issue and create a better experience for users in that aspect.
  2. It's not always about the aesthetics. - The first priority of the app should be that it serves its function and that it serves its function well. While having a simplistic design may be nice, adding features allows for a better user experience.

Results

While redesigning the app wasn't my responsibility during the internship, my proposed solutions were able to influence key changes in the app's redesign such as creating a more personalized experience and reorganizing the navigation.

Diagram showing the iterations from sketch to final product in the app store.

Next Steps

If given the opportunity to revisit the Savorite App project, I would prioritize conducting usability testing on the second iteration of the design. Furthermore, I would aim to make improvements in other areas of the user interface (UI) such as creating a more seamless onboarding flow, revising the voucher design, and refining the user profile functionality. Additionally, in terms of visual design, I would consider implementing changes such as increasing the color contrast, implementing a standardized layout grid, and increasing the size of buttons to enhance usability and accessibility.

© Lily Hu (Last updated: October 2023)