PW Studio Maria Shanina

Creating Recipe app screens

  • Save
Creating Recipe app screens iot iphone interface flat dark design ux ui cooking recipe mobile app

We all cook every day, don't we? :)

These are the Add Recipe screens for the cooking iOS app I'm working on. The idea behind is to separate the recipe steps and to show each step as a card. The left screen shows you the already added steps and the right screen shows the step creating form, already filled in with information. You can attach an image and set different parameters such as temperature or duration to each step, the app automatically suggests you the latest saved option. When you tap a certain step (card), you can see step details, similar to the right screen, so you can modify the information or delete the entire step or you can delete a step directly from the left screen.

If you're interested to see how this yellow-already-coded switch works, check out our Instagram shot



Follow on Behance, Instagram, Twitter, Facebook

Visit Plainwhite

keyboard shortcuts: L or F like