Recipeasy

(Read More)

Recipeasy

UI/UX

I am a keen home cook, and it has always been a passion of mine to create a recipe book and get it printed for use.

This was a project I first undertook in 2020. I made good progress in creating an extensive catalogue of recipes and even doing decent photography. During the process, and to this day, I used the pdf export of the logged recipes to cook my favourite dishes. A thought that always struck me was how inconvenient it was to zoom and scroll through what was ultimately a print-focused document on my phone. This problem is the foundation for the App UI you will see here, a design that has been created and evolved upon this critical idea. A recipe-sharing app for home cooks that is easy to cook along to.

Cookalong Made Easy

My primary wireframe for this app was very organic to produce, given the clear direction I had created for myself. I initially logged the order of priority for the functions and features I wanted Recipeasy to achieve, primarily for users to build a library of easy-to-follow recipes.

I already had a strong brand direction from my time spent creating the preceding printed book, so I was confident to begin my wireframing with some essential detail and negate the initial sketching phase, progressing to a slightly more focused placeholder from which I could achieve a complete styling pass, once I was satisfied the functionality was correct and outlined.

Making the dishes

To be able to create this UI, I needed product photography. To get the product photography, I had to cook the meals.

Luckily, I enjoy both of those aspects, so this was a very fun procedure for me, as well as a challenge, given that I didn’t want to waste the food and leave it to cool, or make it in the middle of the day to get the best lighting for my pictures, so I had to be creative and adapt to my environment on the fly, while also being able to compose an interesting and inviting picture to represent the recipe and entice viewers into wanting to make it.

Final App Design

The final output of Recipeasy is a sleek design that appears modern but also welcoming and friendly, which should appeal to the app’s target audience.

Working from my initial wireframe, I brought the design to life by importing my content images and adding extra features and additions, such as the like button design. Some of my screen designs have evolved to suit the content better and create a better UX for the audience, using colour and layout to draw the viewer’s eyes to the intended targets and features that I want to showcase as a priority.

The final output of Recipeasy is a sleek design that appears modern but also welcoming and friendly, which should appeal to the app’s target audience.