All screens: Fixed icons at the bottom (main menu items) with the following functions:
"Recipes" (icon could be a plate and utensils or maybe pen/paper)
"Guides" (icon could be a question mark or lightbulb perhaps)
"Planner" (icon could be a calendar etc)
"Settings" (classic gear icon)
"My Profile" (classic silhouette icon)
1) Main recipe screen (middle screen on IMG_3422)
Recipes should be divided into Breakfasts, Mains, Desserts, Specials. There should be a "Browse all" button at the bottom and a search/filter button on the top.
2) Screen for The Recipes (right screen on IMG_3422):
Recipe browser for sub-category "breakfasts", written as headline above list, with all breakfast recipes below in scrollable list. Each recipe in the list should have a picture, the title, 1-4 small tag icons (like a lightning bolt for fast meal, a leaf for vegan, etc.) and "key data" which includes XXg protein and XXX kcal per serving. Tapping a recipe brings the user to a screen where the recipe is detailed. A filter button at the top should be included.
3) Recipe description (left screen on IMG_3423)
Recipe title on top, below that two buttons, "What you need" and "How you do it" with "What you need" highlighted to indicate selected. Below this is "Ingredients" and below that some ingredients.
There should also be a slider to choose between metric and imperial units
4) Filter in recipe (left screen on IMG_3424)
An options/filter button at the top of the current recipe brings down a filter function including check-boxes for vegan and/or gluten-free ingredients as well as ability to adjust size of serving in terms of calories or protein amount. Amount of servings can also be changed up and down with arrows.