top of page
Frame 181.jpg
About The Project

Introducing "Book to Cook" - your new companion in the kitchen! This recipe cookbook is a must-have for all cooking enthusiasts. Say goodbye to the fear of losing your favorite recipes from the internet. With Book to Cook, all the recipes you desire are just one click away. Not only can you search for recipe inspiration, but you can also connect with other cooking enthusiasts and even integrate your grocery list. No more forgetting ingredients at the store - now you can have them delivered straight to your doorstep!

Role

UX Research
UI Design

Tools

Figma

Adobe XD

Adobe Photoshop

Year

2021

Problem Statement

It's common for individuals to come across an exciting and unfamiliar recipe that they'd like to save for future reference. To make their cooking experience even smoother, they may also desire the convenience of being able to locate and buy all the required ingredients online, with the added bonus of having them delivered straight to their door.

iPhone Mockup.png

Objectives & Goals

  • A convenient and easily accessible platform for storing cooking recipes.

  • We connect the user and the grocery store's ordering system.

  • We're building a sharing platform where cooking enthusiasts can connect and share their passion!

Our Process

User1.png

Product Users

Our target audience comprises people aged 18 to 60 who are enthusiastic about cooking.

User 3.png

Quantitative Research

We conducted an online survey with about 15 users who fall in our target demographic

70%

Have expressed their desire to try out new recipes.

87%

Stated that they prepare their meals at home.

40%

Testified that they prepare meals regularly for their family.

80%

Are searching for recipes through various online platforms.

Competitor Analysis
Group-178.png
Group-179.png.png

Meet the all-in-one app for recipe saving, meal planning, grocery shopping, and recipe sharing.

  • A culinary social network that provides users with a place to connect with users and share experiences.

  • An interface that allows you to connect to a shopping list from a grocery store and order them at home.

Bla-Bla-Car-e1653942611951.png.png

Cookpad is a recipe-sharing platform and cooking community.

  • Create share and save recipies.

  • Interact with other home cooks, share and answer their questions.

User Persona
Frame 233.png

Description

Meet a mother of three, who is a dedicated and skilled professional capable of balancing her domestic responsibilities and a thriving career. She gracefully manages her time and responsibilities, ensuring that both spheres receive her complete attention.

A day in their life

  • Every morning, Diana wakes up early to prepare breakfast for her family and plan out the rest of her day.

  • When she finishes her work early, she heads back home and gets started on cooking for both lunch and dinner. On the days when she has a busy schedule, she takes the time to prepare these meals in advance.

  • Usually on Fridays, when she has the day off from work, she is occupied with cooking all morning in preparation for Friday's dinner.

Pain points

  • As her cooking is primarily for her kids, she faces restrictions and preferences in food that she must consider.

  • Due to her busy and demanding schedule, she frequently struggles to come across easy yet delectable recipes that don't demand an extensive amount of time and preparation.

Group 186.png
Eisenhower Matrix
Group 128.png
Group 241.png
Group 240.png
Group.png
Taskflows

Scenario 1: The user wishes to either sign up or log in to the application.

Flow1.png

Scenario 2: Organize recipe ingredients by preferred grocery store.

Flow3.png

Scenario 3: After selecting a recipe to prepare, I would like to sync the required ingredients list with a preferred grocery store.

Flow2.png
Wireframing

To create visually appealing screens using Figma, we first began by sketching out design concepts on paper to explore various ideas. After getting a basic sense of the layout and design of the screens, we progressed to producing wireframes of medium fidelity.

Major Screens
UI Guidelines
Final Design
bottom of page