Cookery

Year

2024

Type

Mobile app

Role

UX/UI designer

Problem

Very often, when it comes to deciding what to cook, people explore various resources such as: Instagram, YouTube, food blogs, etc. to find the right and successful recipe. This makes it difficult to choose a recipe and start cooking, making the process long and confusing.

Solution

An app where people can find, share, and save recipes. That is, creating a kind of social network that will help develop the community of food enthusiast

Table of contents

Design process

Stakeholder interview

Stakeholder interview was conducted to learn more about the project, stakeholder vision, user information and the product goal to be achieved

User interview

User interviews were conducted to better understand the target audience and their behaviors, pain points, and needs.

Competitor analysis

This analysis helped me understand the main features that need to be included in the product, as well as additional ones that will improve the user experience

User personas

Based on the information I gathered, I created two user personas that reflect two types of users who will use this product

CJM

Based on the data collected, I created CJM to identify the actions users take and the problems they face when finding recipes and cooking. In addition, ideas for improvements were generated that can be implemented.

UI kit

UI kit was created to maintain conosistency throughout the project. It includes colors, typography, components and icons.

Onboarding

The onboarding demonstrates the key features of the application and makes it easy and convenient for the user to log in.

Home

The feed is divided into two categories: recommendations for you and following. This allows users to explore recipes based on their preferences and view recipes from people they follow.

Search

The Search tab allows the user to quickly find the recipe they need using search and filters. Even if the user is not looking for something specific, there are categories, top chefs and popular recipes that may interest the user in cooking something.

Collections

Convenient function of saving recipes to collections and creating new collections makes further solutions of cooking faster and more thoughtful.

Add recipe

Users can create and share their own recipes using an intuitive recipe creation process. This allows users to add name of recipe, description, photos and videos, total time, ingredients, steps and tags.

Recipe details and step-by-step instructions

The recipe page contains all the necessary details for users to cook: photo, description, cooking time, portion calculator, detailed description of each step and photos, and also page has reviews from other users. In addition to this cooking becomes convenient with step-by-step instructions.

Profile

The Profile screen contains all necessary information about user activity: recipes created and collections. Users can also follow profiles they like to avoid missing useful content.

Create a free website with Framer, the website builder loved by startups, designers and agencies.