top of page
Frame 93 (1).png

NOM NOM

A Food Recipe App

Timeline
 

  • Sep-Nov 2024 (10 weeks)

My Role
 

  • Solo Student Project for Google/Coursera

Problem


Users Struggle to Find a Recipe App That's Easy to Navigate and Offers Diverse, Flexible Recipes.


The problem is that users struggle with finding a recipe app that is both easy to navigate and offers a wide variety of recipes tailored to the ingredients they have on hand, while also providing flexibility in ingredient substitutions and clear nutritional information. This gap in user experience leads to frustration and decreased engagement with the app.

Solution

1

Recipe-Matcher


A Mobile app that allows users to input the ingredients they have on hand and instantly receive tailored recipe suggestions.​​

2

Time-Saver

​

The platform would save users time, reduce food waste, and enhance their culinary experience.

Simplifier

 

This tool should prioritize quick, easy-to-follow recipes that still offer a fine dining experience.

3

Home (8).png

Research

User Interviews

 

Engaging with busy professionals to understand their cooking habits, pain points, and desired features in a recipe tool

SurveyMonkey-Logo.png

Competitive Analysis

 

Reviewing existing apps and platforms that offer similar services, noting their strengths and gaps.

02-1-2048x1152.jpg

Surveys

 

Gathering data on how often people cook at home, their confidence in cooking, and their interest in a tool that could match ingredients with recipes.
Market Trends: Analyzing the growing trend of meal kits and food delivery services, highlighting the need for a more customizable and instant solution.

unnamed.png
images (1).jpeg

Research Analysis

Among survey respondents, 93% prioritize easy navigation, 78% value a variety of recipes, and 63% seek community features.

image.png

Some individuals' responses to questions about what features they'd like to see in a food recipe app

It is more of a layout improvement. I have an iphone pro max and i find it a bit annoying to scroll up and down

Nutritional information

Being able so save the recipe

Nutritional info and search filter by type of diet (vegetarian, keto, paleo, etc.)

I Eat antiinflammatory, and I haven’t seen any apps that direcly offers a variety of recipes specific what I Eat. So. Maybe an app with more anti-inflammatory recipes would be amazing

Include Time duration

Ideating

Several ideas were brainstormed, including:
 

Ingredient Matching Algorithms

Dietary Preferences and Restrictions

Personalized Cooking Profiles

Community Sharing

User Reviews and Ratings

image_50419201.JPG

In this section, you can see the wireframes I developed for "NomNom". These wireframes illustrate the initial layout and structure of the app, focusing on the arrangement of key elements and user flow.

image_50455553.JPG

Iterations

The initial prototype focused on a simple interface where users could type in ingredients. Through user testing, it was clear that:

​

  • The prototype supported user interaction by allowing them to engage with other users’ recipes, fostering a sense of community and shared interest.​

​

  • ​Users could easily input their recipes and search for others, facilitating a straightforward method to explore and manage their culinary creations.​

​

  • Features for saving and deleting recipes were implemented, giving users control over their recipe collection and ensuring an organized and personalized experience.

Screenshot (168).png

User Interview

My interviewees found the low-fidelity prototype easy to understand and effective in quickly achieving its goals.

Research Questions

  • Was it easy to navigate through the different sections of the recipe app (e.g., recipe search, ingredient lists, cooking instructions)?

  • Did you find any navigation elements (e.g., buttons, menus) confusing or difficult to use?

  • Were you able to easily find recipes based on the ingredients you input?

  • Did you encounter any difficulties while trying to perform key tasks, such as searching for recipes or viewing nutritional information?

  • Were there any features or functions that you found unnecessary or unhelpful?

  • Is there anything else you’d like to share about your experience with this recipe app design that hasn't been addressed?

Final Design

Screenshot (88).png

Style Guide/ Slidedesks

I chose simple, readable fonts and a mix of neutral and vibrant colors to ensure accessibility for all users. The colorful palette adds a fun and engaging element, making the app enjoyable to use while maintaining clarity and usability.

Primary colors

Screenshot (90).png

Secondary colors

Screenshot (173).png

Typography

Components

navigation bar.png
Keyboard.png
Frame 94.png

Reflections

The iterative process highlighted the importance of user feedback in developing a tool that genuinely meets the needs of busy professionals.

The final product not only saves time and reduces stress but also empowers users to enjoy the process of cooking.

Future improvements could include expanding the database of recipes, integrating with grocery delivery services, or even offering video tutorials for complex recipes.
This case study outlines the journey from identifying a problem to delivering a user-centered solution, showcasing the importance of research, user engagement, and iterative design in creating a successful product.

Let's Work Together

Phone

Socials

  • LinkedIn
  • Facebook
  • Instagram
  • TikTok

© 2035 by Nami's UI/UX Design Portfolio. Powered and secured by Wix 

+353892001759

Email

bottom of page