MealSwap

WHAT IT IS: MealSwap is an app that allows people to connect and swap meals for the week.

WHO IT’S FOR: Adults who want to save time and money planning and cooking their meals.

GOAL: Provide a tool that helps people connect according to their dietary restrictions, meal preferences and location, as well as facilitate conversation among group members and provide recipe options for easy and fast meal planning.

MY ROLE: Lead UX: Research, Wireframe, Prototype, User Test, Branding, High-Fidelity Design

Portfolio Images - Adobe Illustrator-18.png

R E S E A R C H

I began with researching the needs, challenges and pain points behind meal planning, cooking and budgeting for food. My first step was to conduct a survey.

Portfolio Images - Adobe Illustrator-17.png

I then conducted in-depth interviews, with my key insights listed below.

Portfolio Images - Adobe Illustrator-20.png

D E F I N E

Through the research, I was able to clearly define the challenge people faced regarding their food, and came up with a solution.

I then created primary and secondary personas, in order to keep the user at the forefront of my design process. Doing this constantly helped me empathize with the user, and design with their needs and pain points in mind.

Next I created a journey map off of our primary persona based off of my research, to understand what a typical week looks like for a user in relation to food prep and budgeting.

Using the insights gained from developing personas and a journey map, I was able to better understand the user needs. I created fictional business needs for the sake of the project, in order to be able to prioritize which features would be included in the MVP.

S K E T C H I N G

With the MVP features in mind, I was able to sketch low-fidelity wireframes for an initial paper prototype.

P R O T O T Y P I N G &

U S E R T E S T I N G

I performed the first round of user testing using the paper prototype above on 5 users.

After making note of the necessary iterations listed above, I created a low-fidelity prototype on Adobe XD and conducted two more rounds of user testing.

Screen Shot 2019-01-08 at 2.28.05 PM.png

Screen Shot 2019-01-08 at 2.32.27 PM.png

Screen Shot 2019-01-08 at 2.33.17 PM.png

After making iterations based on the second and third round of user testing, I create a wireflow and examples of a few user flows, for future app development.

Lastly, I created high-fidelity visual mock-ups and a prototype of all of the screens.

MealSwap

R E S E A R C H

S Y N T H E S I Z E &

D E F I N E

S K E T C H I N G

P R O T O T Y P I N G &

U S E R T E S T I N G