EasyRecipes

Overview

During this project, my main goal was to create someone with limited time or energy to be able to generate a healthy recipe for their specific needs, while also making it easy to use.

Ideation

To begin my ideation process, I first came up with mini-personas for a potential app idea I wanted to try, and then decide which idea to follow through on based on which persona had the strongest reasoning behind it.

Personas

Style Tile

User Flow

After creating my personas and style tile for EasyRecipes, I then had to create the user flow, to demonstrate how I wanted it people to engage with my app.

Wireframes

Low Fidelity

I began designing my first round of wireframes, keeping my idea rough prior to feedback.

Mid Fidelity

After testing, I edited aspects of the wireframes accordingly, before sending them in for a second round of user testing to continue solidifying and polishing the idea.

Design Fixes (Low Fidelity)

Design Fixes (Mid Fidelity)

High Fidelity Wireframes

After all the fixes, I finally developed my final set of wireframes, which were ready to go into the coding phase of the process.

Coding 

After completing my high-fidelity wireframes, I began to code my website in HTML, CSS, and JS.

Learning Outcomes

During this process, I realized how important well-documented process is, and how it adds a post-project perspective that helps improve any future projects similar to this one.

Want to view my other work?