Cookery

Year

2024

Type

Mobile app

Role

UX/UI designer

Problem

I noticed that when deciding what to cook, I often jumped between Instagram, YouTube, food blogs, and other sources trying to find a recipe I could trust. Instead of making the choice easier, having recipes scattered across different platforms made the process longer and more confusing.

Solution

I explored the idea of bringing recipe discovery and sharing into one experience, rather than treating recipes as a static collection. I designed Cookery as a community-driven app where people can discover, save, and share recipes, while also following other food enthusiasts for new ideas and inspiration.

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.