Drop Shadow
Drop Shadow

DishDelight

3

Button Flat Illustration

An app dedicated to bringing nutritious recipes and education to those with restrictive diets and allergies.

January 2024 - March 2024

canvalogo

Project Overview

Exclamation Mark Yellow Flat Icon

The problem: There are many diet/ food app on the market with all sorts of goals in mind, but it is difficult to ​filter out those recipes for those with dietary restricitions and allergies to allow user to quickly access recipes that ​fit their lifestyle and budget.

Computer and Mobile Phone Icon

The goal: To create a digital space that offers affordable recipes that are searchable not only by ingredient but ​also by diet and allergy specifications

User Research

Monoline Teamwork Icon
Diagonal squares border
Target Icon
Diagonal squares border
Monoline Thinking Icon
Diagonal squares border
Diagonal squares border
Two People Talking Icon

Empathize

Define

Ideate

Prototype

Test

Persona 1

Cute Anime Girl Illustration

“Now that I have been diagnosed with PCOS, having to reframe my entire diet seems so daunting.”

Demographic Data

Age:

Education:

Hometown:

Family:

Occupation:

28

MS

Milwaukee, WI

engaged, 1 Cat

Editor

Violet

Goals

  • To find healthier options ​for the meals she has ​always enjoyed.
  • Create a library of meals ​they can be accessed ​repeatedly
  • PCOS - friendly recipes

Frustrations

  • Finding recipes that are dietary compliant or have substitutes
  • Ensuring that a weeks worth of meals are budget compliant
  • Finding recipes that are scaled for one person


Persona 2

Detailed Anime Man

Devon

“Im really regretting never having taken my home-ec elective in high school.”


Demographic Data

Age:

Education:

Hometown:

Family:

Occupation:

21

Bachelors Fresno, CA

Single

Production Assistant


Goals

  • Find beginner friendly recipes
  • Swap his college favorites for healthier upgrades
  • Save money by not ordering out

Frustrations

  • There are often too many ​options which make it hard ​to choose
  • Not enough filtering ​options for dietary ​restriction (GF)
  • Complicated recipes that ​have ingredients that aren’t ​readily accessible

User Journey Map

Lo-Fi Wireframe’s

abstract shape
Drop Shadow
Arrow Loop Abstract Composition
Arrow Loop Abstract Composition

media box will ​provide a tutorial of ​recipe

Drop Shadow

recipes categorized by dietary restriction

Drop Shadow

Usability Study

clipboard glyph icon

Study type:

Unmoderated usability study

Address
 Icon Design

Location:

United States, remote

People circle icon

Participants:

5 participants

Clock Line Icon

Length:

5-10 minutes

Simple cork board
Post it note

no list view

for recipes

Post it note

want to be able to search recipes through more than one filter

Post it note

add voice diction into grocery list

Post it note

user flow of pages has some snags

Post it note

grocery list

is difficult to organize

post-it notes

want multiple points of access in tapping sequence through user flow


post-it notes

the assets on each frame are too cluttered to allow for seamless navigation

Drop Shadow

App navigation located at ​bottom of screen for easy ​access

Arrow Loop Abstract Composition
Drop Shadow
Arrow Loop Abstract Composition
Drop Shadow

pages dedicated to educating users about in season foods which are also generally cheaper

Small Loop Arrow Composition
Drop Shadow

interactive push buttons

Drop Shadow
Small Loop Arrow Composition
Drop Shadow

ingredients are instantly added to the grocery list

Mockup’s

recipes sorted by over 6+ filtering options

Small Loop Arrow Composition
Drop Shadow

Usability Study #2

clipboard glyph icon

Study type:

Unmoderated usability study

Address
 Icon Design

Location:

United States, remote

People circle icon

Participants:

5 participants

Clock Line Icon

Length:

5-10 minutes

Findings

Number 1

Organize grocery list by saved recipe

Number 2

Add additional pop up menu to ​increass access points between frames

Number 3

Modify text size and color to be more accessible

Takeaways & Next Steps

Number 1

Continue to iterate on the user flow and add new filtering features

Number 2

Conduct another usability study to see if user pain points have been addressed

Number 3

Refine the UI elements to modernize ​the visual design of the frames