Client Needs & Business Goals
Yumms USP was to have a food recipe app with a lot of food filters like Paleo, Keto diet along with allergies so any person with allergies can easily filter out recipes. Mobile App UX UI Design is always a challenge as most designers don’t focus on accessibility and usability guidelines and neglect user experience design principles. But we take care of users first.
Client
Yumms ► Startup
- Engaging & user-friendly interface design for Mobile App for Food Recipe
- Showing each step with text and short video steps
Budget
$2500-$3000
- Filter options to get recipe for food allergies
- Showing Ingredients and Recipe steps on the same screen
The Details
Details for Mobile App Design for Food Recipe
Simple and engaging design to facilitate learning for users. Selecting multiple filters is as easy as a pie
Recipe details and ingredients shown on a single screen with tabs along with short playable video steps
Client Feedback
Simple design for recipe following action with bite sized videos
The Yumms App has an outstanding sleek appearance with a green theme for recipes and healthy living. I was impressed by their ability to design a straightforward, aesthetically pleasing mobile application that works smoothly. The idea of effortlessly simplifying recipes with numerous allergies and food options, such as the Paleo diet, was implemented. Additionally, they have strong coding skills, which was helpful to our mobile development team.
The challenge
Yumms is a startup food recipe app. Its main selling point was strong filtering: people on diets such as Paleo or Keto, and people with food allergies, needed to find recipes they could actually cook without reading through every ingredient list.
The challenge was that many recipe apps look attractive but ignore accessibility and usability guidelines. For an allergy-aware app that is a real risk, because a confusing filter can lead someone to a recipe they should not eat. The interface had to be engaging and friendly while staying clear and easy to use.
Our process
We started from the client’s goals: an engaging, user-friendly interface, step-by-step recipes shown with text and short videos, filter options for food allergies, and ingredients and recipe steps on the same screen.
From there we designed the core screens: diet plan choice together with common food allergies, the recipe screen, and the supporting settings, login and signup screens. Each screen was checked against usability principles so that the app stays simple for first-time users.
Key design decisions
Diet and allergy filters up front
The diet plan choice and common food allergies are shown together on one screen, and selecting multiple filters is as easy as tapping. Putting filters first means users personalise the app before they browse.
Ingredients and steps on one screen
Recipe details and ingredients sit on a single screen with tabs, so cooks do not have to jump between pages while their hands are busy.
Bite-sized video steps
Each recipe step can be shown as text with a short playable video, which makes following a recipe simpler for beginners.
A green, healthy-living theme
The client describes the result as a sleek appearance with a green theme for recipes and healthy living.
Deliverables
- Mobile app UX and UI design for a food recipe app
- Diet plan and food allergy filter screens
- Recipe screen with ingredients and steps in tabs, plus short video steps
- Settings, login and signup screens
Results
The client was impressed with a straightforward, aesthetically pleasing mobile app that works smoothly, and said the idea of simplifying recipes across many allergies and diet options, such as Paleo, was implemented. They also noted that our coding knowledge helped their mobile development team during handoff.
The project budget was in the $2,500 to $3,000 range.
Working on something similar? See our other case studies or contact us.
FAQ: Yumms project
What did ProDesign design for Yumms?
The mobile app UX and UI for a food recipe app, including diet and allergy filters, a recipe screen with ingredients and steps, short video steps, and the settings, login and signup screens.
How does the app help people with food allergies?
Users choose their diet plan and common food allergies up front, and can select multiple filters at once, so recipes are filtered before they browse.
What was the budget for this project?
The budget was in the $2,500 to $3,000 range.