Back

Recipe App

  • YEAR
  • 2021
  • MY ROLE
  • UX/UI DESIGNER
  • FIELD
  • UX/UI DESIGN
  • CLIENT
  • Personal project

To design a mobile app named ‘Foodie’ which allows users to look for specific recipes in a quick and efficient manner. Users are able to find recipes according to their saved preferences and also can modify them while searching for recipes. In addition to this main feature, users are also able to save and create their own recipe book, add ingredients to a shopping list, share(community), review, change ingredients, and download recipes.

Overview

This app helps you find the perfect recipe! Also, it helps you figure out what to do. The app is useful for someone who wants to learn how to cook and prepare dishes at home.
There are three main features :

Discovery

I began my research by browsing through some existing food apps and observed key features that made each app stood out of its competitors. This exercise helps me identify gaps within these apps and informed me what features that Foodie needs to be able to gain a competitive advantage.

User Interviews & Surveys

To do complete research about the project I went through various steps and processes before I started implementing the project.

Objectives
The main goals of this research were to:
- Help define the most relevant and beneficial product features for users.
- Understand the preferences of different user groups to help building personas in the design process.

Target audience
: People who enjoy searching and creating new recipes, like different cuisines and may have some dietary restrictions.

3 Key points from user interview:
- For users who want dairy free, vegan recipes it is tricky to find every time.
- There is nowhere to ask for cooking tips or advice when I need it.
- Users want to share recipes and shopping lists with family and friends .

Personas

User Journey

Mind Map

Mind mapping helped in generating new ideas and in identifying relationships among different data and information.

User Flow

User Flow helpd me to display the complete path a user takes when using a product.

Wireframes

Wireframes are based on exiting User Flow and provide a clear overview of the app structure.

Design system

Onboarding Screens

Home

Main screen is divided into various sections so that users can find what they want to cook.

Recipe

Get all the relevant info regarding a recipe in one place! Using the filter, users can choose the best option for them.

Community

Foodie provides a community to help users find more information and learn about new topics. And share their progress and get feedback on their recipe which keeps them motivated to cook more.

Shopping List

Shopping list that automatically get updated based on your meal. Also you can share the list with your family. Check items off the shopping list as you buy the items.

User Profile

The profile page is intuitive and easy to use. Users can share their recipes with people. Also, they can track their status simply.