Table of Contents

This is a case study on how I designed an app that will help people to find recipes available at their home with restrictions on Calories

Design Process

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/fc158f54-d05e-4c3f-9767-e5a03fa3d8a4/Recipe_app_Process.png

Assumptions

User Persona

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/bf3bbd67-7c5c-453e-95ea-3ee266ce2577/user_persona.png

User Flow

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/09ffd2d2-5466-4a89-a391-31e8e082e54a/Recipe_Nutrition_Calculator_-_User_Flow_(2).jpg

Wireframes

Using the above flow, I sketched out my first ideas of the main screens and how they would be connected. After a couple of iterations, I ended up with the following version and made some rough UI sketches.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/66249ece-8b1f-48af-ad27-06ad4a32fa4d/Untitled.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7b816ae8-8ac7-4378-bdd8-2f6bb14db535/Recipe_Nutrition_Calculator_-_User_Flow.jpg

Designs

Onboarding