HERO-CHAIN RESTAURANTS.png

Chain Restaurant Search Experience

 
 

Chain Restaurant Search Experience 

Making it easy for users to find and order from a specific chain restaurant location near them.

 
HERO-CHAIN RESTAURANTS.png
 

Background

The chain restaurants on Grubhub needed a unique search experience that would allow users to search all the locations for a specific chain nearby. Some examples include, Qdoba, Shakeshack, Subway, and Chop’t. I designed, prototyped, tested and worked with engineering to develop the experience.

Problem

Users needed a way to find a chain restaurant location nearest to them. By creating a search experience specific to each restaurant, a user could come straight from a search engine to find a location and bypass our regular search results.

Team

Myself (Designer)
Leah Olverd (Product Manager)
Engineering

 
 

Outcomes

Creating this search experience allowed the businesses to form more partnerships with larger chains and compete with other products such as Caviar, Postmates, and Uber Eats, which also delievered from these popular restaurants.

 
 

 
 

Designs

After a few iterations while sketching and reviewing with my team, I decided it made sense to make the map the focal point of the experience, to make it easy for users to spot their closest location. After we collected the diner's address they would be shown a split view of the locations listed out and pinned on the map. Once a user chooses the location they want to order from, they would be brought to Grubhub or Seamless to begin their order, and checkout.

 
CRLP_Mobile 1.png
 

Search Flow

The main goal was to create a simple search experience for our users to find a chain nearest to them. I wanted to direct users to the map view for an optimal experience, but after discussing with engineering, it was clear that we wouldn’t always know their location. We decided that we needed to add both a national and city level.

 
 

Once a user was brought to the map view, they would be able to see all of the locations nearest to them. From here, they would be brought to the menu page where they can complete their order.

 
Chain_Landing_Page_Flow.png
Exploring a one page concept, Once entered their address the bottom list would populate the nearest restaurants. They could switch between a map and list view. 

Exploring a one page concept, Once entered their address the bottom list would populate the nearest restaurants. They could switch between a map and list view. 

Similar concept combining the list and map view in a separate page. 

Similar concept combining the list and map view in a separate page. 

 

Initial Concepts & Wires

Other concepts that explored the idea of having a one page experience where the location would be entered at the top of the screen and results would appear at the bottom. As I worked through sketching and wires, it became clear that it made more sense to create a multi page experience.