The Right Choice

UI/UX Case Study

The Right Choice

A resposive web design for

finding quick and easy meals!

Problem

For individuals leading busy lives, whether through work commitments or family responsibilities, integrating fully prepared meals into their daily routines can be daunting. This often leads to a reliance on takeout or delivery services, which not only becomes costly but also monotonous over time.

Solution

The Right Choice" provides an elegant solution through its easy-to-navigate design and diverse selection of dishes. Users can quickly select meals that suit their schedule and culinary desires,

Overview

In today's fast-paced world, finding the time to cook healthy, delicious meals can be a challenge for many. "The Right Choice" is a recipe app designed to address this issue, offering a user-friendly platform that simplifies the meal preparation process. It caters to a wide range of tastes and preferences, ensuring that users can effortlessly discover their next meal option without the hassle.

Discover

Competitor Analysis

The 5 W’s

User Research

Define

User Personas

JTBD/ MVP

Ideate

User Flow

Design

Lo Fi. Wire Frames

Typography/ Color

Responsive Designs

Testing

Usability Testing

AB Testing

Conclusion

Competitor Analysis: SWOT Analysis

Kitchen Stories

Strengths

Easily readable site

Changes in serving size

Clear high quality photos

Weaknesses

Small Typography

No Previously Viewed for users

Opportunities

Fresh look to for the younger generation to become more inclined to cook- Social Media but for recipes

Threats

Allrecipes

Epicurious

Food Network

Simply Recipes

Strengths

Strong use of photos

Variety of food choices

Good use of hierarchy

when showing meals

Weaknesses

Cluttered pages

Heavy use of advertisements on pages

Lack of serving size adjustments

Opportunities

Easy recipes for users to be have the availability of being able to cook while running a busy schedule

Threats

Kitchen Stories

Other various recipes apps & sites

The 5 W’s

Who

The Right Choice is designed for user’s who want to cook their favorite meals all with limited time in their day to day lives.

Where

This site will be great when

at home or even when it is

time to go shopping! This site

is accessible via mobile or desktop.

What

The main purpose of this app

is for users to find the right recipe, while providing feature to make meal prep easy and time saving.

Why

This app will give users the ability to find a great healthy meal in 20-30 minutes. It helps busy individuals still find time to manage an easy healthy lifestyle.

When

This will be great use when

users are ready to find a new meal for lunch or dinner.

How

Users will open the app and search through a list of variety of different meals depending on the type. User’s will also be able to search for specific dish whether it be for one ingredient or a whole meal.

Hypothesis

User’s who have very busy day to day lives due to either work or raising children, can often find it tough to find time to get in the kitchen and make a healthy wholesome meal. User’s want to be able to provide home cooked meals while making the process as simple as possible within a flexible amount of time. They want to be able to find a recipe, be able to gather all the needed ingredients, and cook the meal without taking a long time. User’s want to be able to cook healthy meals done within 20-30 minutes.

User Research

User Research was used to understand and pin point users needs, wants, and behaviors through a series of questions formed from the hypothesis.

How long does it take to cook a full meal?

Participant 1

Participant 2

Participant 3

By these findings I was able to learn individuals schedules as far as having the ability to cook at home

Participant 1

Participant 2

Participant 3

How often do you cook in a week?

Do you cook the same meals? Or

try something new?

Yes; Try Something New

No; Stick to same meals

54%

46%

What protein do you cook the most?

Chicken

Seafood

Beef

Pork

60%

15%

20%

By these findings I was able to learn what protein to use the most based on participant needs

Key Takeaways

Users want more variety; having many options for each meal

Average time of 30 minutes it takes a user to cook a meal

There is frustration on understanding instructions with clear concise wording

Chicken is the most popular protein

User Personas

Mark Mitchell

“More can be less”

Age: 63

Status: Married

Location: Concord, CA

Job Title: Data Analyst

Character: Calm

Mark is a data analyst who has recent received his PHD. He is a work from home father of 2 and dog dad to Devi. Mark is a lover of cooking but sometimes can be a bit narrow minded when it comes to new choices of foods. Mark’s time commitments limits him to cooking often but is not against it if enough time in the day.

Cooking Goals

Get in the kitchen more often

Find the best meals for the season/weather

A void multiple stops

Frustrations

The ability to find all needed ingredients at

one locations.This will help mark schedule

meals for the week rather then suddenly

during the day.

Anita Baker

“Always be kind to yourself”

Age: 52

Status: Married

Location: Concord, CA

Job Title: Stay Home

Character: Free Spirit

Anita is a stay at home wife who does door dash jobs here and there. Anita passion is too cook as her dream is to open a infusion restaurant. Anita is in school for food psychology but has free time day to day to be at home. Anita cooks 6 to 7 times a week and loves to try new things!

Cooking Goals

Findings new adventurous foods to try

Different variations of various dishes

Easier to understand ingredients

Frustrations

Has a hard time understanding instructions .

to understand how to prep meals.

Melissa Pirch

“The Universe always has a way of telling you something, will you listen?”

Age: 32

Status: Single

Location: Las Vegas, NV

Job Title: Flight Attendent

Character: Bubbly

Melissa is a 32 year old Southwest flight attendant who simply loves her job. She is a very outgoing individual as she is flying all over the country. Melissa loves her steak and asparagus and tries to cooke 2-3 times a week depending on where she is. She has a dog named Kobe who she loves dearly.

Cooking Goals

Wants to try new meals

Wants more ideas for side dishes

Wants to adventure different profiles

Frustrations

Hard to find time to cook nice meals when she is consistently on the go. Wishes to find more time for her meals

MVP

Main Objective

The first iteration will consist of a recipe website that will allow users to access a variety of meals that can be cooked in 20 to 30 minutes.

Jobs To Be Done

When I open the app the first time, I want to see what I have viewed in the past, so I can pick a meal easily

When I find a meal, I want to have clear and concise step by step instructions, so I can easily create the meal without any issues.

When I find a meal, I want to be able save it somewhere, so I can find the meal just easier.

When I cook, I want to be able to cook a meal within 20-30 minutes, so I cannot waste too much time in my busy life.

Users will need to accomplish:

Previously viewed section

Clear and concise step

by step instructions

Create a favorites button

Find quick and easy meals

Users will want to accomplish:

Variety of different

types of dishes

Include seasonal meals

Able to filter to change

side dishes

User Flows

Meal page

Add to

Favorites

Chicken

Dishes

Seafood

Beef

Profile

Quick

Meals

Favorites

Home

Nav Button

or Bar

Results

*Alert pops up

stating meal has

been added

to the favorites

Low Fidelity Wireframes

Home

Dish Name

Instructions

Text

Ingredients

Change Side Dish

Meal Name

List of ingredients

here

Dish Name

Your new foodie lifestyle

starts here!

Password

Continue

Name

Instructions

Text

Ingredients

Change Side Dish

Meal Name

List of ingredients

here

ADDED TO FAV

THE RIGHT CHOICE

I know once people get connected to

real food, they never change back

Logo

Usability Testing

Usabilty test was done on my low fidelity wireframes to

determine the pros and cons of my first prototype. It was

to ensure users have the ability to successfully accomplish

the 3 following scenerios when using the app:

Figure out how easily new users can create an account

How easy and quick is it for a user to find a quick meal

Is the meal recipe easily understandable with all needed ingredients?

Size of Naming Conventions

Make sure the font size is big enough to notice when accessing a page.

Add function on meal page to allow user to go back

to the home page

Add a way to go back home

Find time to make sure images show a good sense of visual hierarchy.

Enlarge images to pop out for user

Have sign up/log in page option instead of first thing when entering site. Gives more freedom to users.

User Suggestion(s)

Error Rating

User Stated Issues

Key Takeaways

Users experienced an easy time navigating for the different scenarios

Suggestions were made to identify an easier flow as well as adapting better visual hierarchy for the user

Style Guide

Typography

Title

Vesper Libre Heavy 44 p

Top Button

Urbanist Bold 44 p

Header 1

Vesper Libre Bold 44 p

Header 2

Vesper Libre Bold 35 p

Header 3

Vesper Libre Bold 24p

Buttons

Vesper Libre Medium 20p

Input Fields

Inter Light 20 p

Body Text 1

Urbanist Regular 20 p

Body Text 4

Urbanist Bold 14 p

Input Fields 2

Inter Light 24 p

Input Fields

Name

Password

Enter your email

Buttons

Label

states

Hover

Active

Active Secondary

AB Testing

Further feedback was received during the AB Testing for the home page.

Due to wanting to incorporate further visual hierarchy iterations were made on the layout.

Home

Gluten-Free

Chicken

Seafood

Beef

View All

Quick Meals

Favorites

Grilled Chicken with added

side

Chicken Alfredo

20 Mins

25 Mins

Beef Steak with added side

Chicken Tacos

User’s noted that the Icons made the home page feel cluttered. To remedy the issue I introduced the hamburger

menu for a cleaner look

Home

Steak W/ Side Dish

20 Min

Grilled Chicken W/ Side Dish