Artboard Copy 13.png

Yelp Recipes

mobile app design

This is a personal project I worked on within a timeframe of 2 weeks. Recognizing the potential of combining a cooking and recipes component into the existing Yelp ecosystem to enhance the community experience, I started to design Yelp Recipes. 

Creating a foodie community

Creating a foodie community

As a Yelp power user, I have been using it extensively to find good restaurants in various cities. I realized that for many Yelp users, the things they do on the app is highly related to food. With such a strong sense of foodie culture, I see the opportunity of creating a recipe component of Yelp that fits into the current app architecture. Yelp recipes can foster a sense of community among all those foodie users to make the platform a more friendly and engaging space. 

Find your perfect recipe

Find your perfect recipe

The search and filter at the top of the screen can help users to easily find the perfect recipes they are looking for based on cuisine, occasions, cost, and more criteria they may have in mind. 

Group 5 + Group 6 Mask Copy 2.png
Easy to access

Easy to access

The Yelp Recipes will have a very easy entry-point from the Yelp home tab. The premier location will give this component enough exposure to form a active community quickly.  

A clear visual hierarchy

A clear visual hierarchy

A horizontal scroll of trending dishes is placed at the top of the recipes search page. This design spices up the visuals and better uses the limited screen real estate, 

Recipe card with useful info

Recipe card with useful info

Below the trending dishes is our best guess on what the user may like based on his/her previous searches. Each recipe card has key info such as rating and estimated time to make the dish.   

Recipe page design

Recipe page design

Guided by the needs of the users, I have designed the recipe pages to be very straightforward to follow even for beginners.

Rectangle 6 + wireframe copy 6 + Rectangle 6 Copy + Rectangle 6 Copy 2 + wireframe copy 9 + wireframe copy 10 Mask.png
At a first glance

At a first glance

The recipe page provides multiple photos and a summary card that can help users to quickly decide if this is a dish for them at a first glance. Key action buttons including bookmark, review, upload photos are easily accessible. The recipe author's avatar is there to encourage community building. 

Purchase ingredients

Purchase ingredients

The recipe page provides a quick view for ingredients needed. Even better, it give users the option to purchase ingredients on right at the spot. 

Easy-to-follow directions

Easy-to-follow directions

We all know that follow recipe instructions can be hectic. In order to make it easy-to-follow for even beginners, the instruction is divided into easily digestible steps with the combination of rich media such as photos and videos.   

Comments as social validation

Comments as social validation

eviews and comments are the bread and butter of the Yelp platform. Recipes have also incorporated these key components to foster the sense of community and provide social validation from users like yourself.

A product personalized for you

A product personalized for you

Based on your own past search results about restaurants and recipes, we can guess your preferences on food and provide you with personalized recommendations.