A Light Blue Color Gradient
blurred gradient shape

Girl

Dinner

Iris Hallman

blurred gradient shape
blurred gradient shape
A Light Blue Color Gradient
Solid Comic Asterisk

PROJECT OVERVIEW

blurred gradient shape

PROJECT DURATION

Our users are busy working individuals, college freshmen and new parents.

August 2023- on going.

Girl dinner was created to reduce food waste in the average house hold using AI. Users have the option to insert all the food they have into the app and have AI create them custom recipies. Or, if they are starting from scratch they can select meals first and AI will create a grocery list.

The app was create with a mobile design first so more people could accesses the app. It also made sence for the app to be made for mobile and tablet as those devices are easiest to use while cooking


THE PRODUCT

blurred gradient shape
blurred gradient shape

THE PROBLEM

The average American house hold waste 31.9% of food. From my own research I found out people were throwing away food because it had gone bad before they could eat it. with a magority of people saying htey had no idea what to do with it or forgot that they had the food until it started to smell.

blurred gradient shape

THE GOAL

The goal we have for girl dinner was to reduce food waste in the home and encourage people to cook. we wanted to take away the stress and uncertainty around grocery shopping and cooking.

blurred gradient shape
A Light Blue Color Gradient
Solid Comic Asterisk

PROJECT OVERVIEW

MY ROLE

UX designer and researcher

blurred gradient shape
blurred gradient shape

RESPONSIBILITIES

Checklist Illustration

User research

Checklist Illustration

Prototypes

Checklist Illustration

UX designer

Checklist Illustration

Mockup

Checklist Illustration

Iterating on designs

Checklist Illustration

Wire-frames

A Light Blue Color Gradient
Solid Comic Asterisk

PROJECT OVERVEIEW

A Light Blue Color Gradient
blurred gradient shape

UNDERSTANDING THE USER

Checklist Illustration
Checklist Illustration
Checklist Illustration
Checklist Illustration

User research

Personas

Problem statements

User journey maps

Solid Comic Asterisk
blurred gradient shape
A Light Blue Color Gradient

USER RESEARCH:

SUMMARY

blurred gradient shape
Solid Comic Asterisk

I conducted secondary research to figuring out on average how much food the common house hold wasted a year and each day.

After I conducted my own primary research to figure out how much food people were wasting and why. The most common problem I found was food was going bad before it was being eaten.

I also found out it was more common for young parents, young adult and college students to waste food; thus confirming my main user group.




blurred gradient shape
blurred gradient shape
A Light Blue Color Gradient

USER RESEARCH:

PAIN POINTS

Checklist Illustration

New parents, young adults and college students have the lest amount of free time to spend on grocery shopping, cooking and keeping track on food inventory.

TIME

Checklist Illustration

Affording groceries weekly can be a common challenge for this user group.

FINANCIAL

blurred gradient shape
Checklist Illustration

ACCESSIBILITY

Solid Comic Asterisk

Going grocery shopping can be challenging for those with disabilities.

blurred gradient shape
Solid Comic Asterisk

Persona:

Goals

Her goal is to own a home and move her family out of their one bedroom apartment. This includes revising budgets and saving.

Frustrations

Ashleys main frustrations are time management with the new born and going back to work. As well as sticking to her grocery budget during peak inflation and not wasting food in the house.

Ashley is a 31 year old college graduate.

Ashleys hobbies include reading, painting and going to the gym.

She had her first child 3 months ago with her Partner Rob Pratt. They live together in down town Toronto.

Both Ashley and her husband Rob work. she works as a help line agent for CIBC where she works remotely form home. Her husband is a surgeon.

AGE

Family

Hobbies

Career

blurred gradient shape

Ashley Pratt

A Light Blue Color Gradient
Solid Comic Asterisk

Persona:

Goals

Hanks goal is to graduate with honors and keep his scholorship throughout his 4 years of study. He is on a tight budget.

Frustrations

Time management is a big part of hanks life, between study and work and having a social life it's hard for him to do everyday tasks and chores.

Hank is a 19 year old college freshman who has moved out for the first time.

Hank lives alone, however his family is in the next city over from where he is studying

Hanks hobbies include music, and watchind baseball

He works part time at the colleges cafe as a barista.

AGE

Family

Hobbies

Career

blurred gradient shape

Hank Valdez

A Light Blue Color Gradient
A Light Blue Color Gradient
Solid Comic Asterisk
blurred gradient shape

USER JOURNEY MAP

blurred gradient shape
A Light Blue Color Gradient
blurred gradient shape

STARTING THE DESIGN

Checklist Illustration
Checklist Illustration
Checklist Illustration

Digital Wireframes

Low fidelity prototype

usability study

Solid Comic Asterisk
blurred gradient shape
blurred gradient shape
A Light Blue Color Gradient

DIGITAL WIREFRAME: HOME PAGE

Solid Comic Asterisk

Recommended recipes

Topic quick search

meals for the day displayed at the top

blurred gradient shape

Navigation bar

Search bar for easy access recipes

blurred gradient shape
blurred gradient shape
Solid Comic Asterisk

Ingredients list

A Light Blue Color Gradient

DIGITAL WIREFRAME: RECIPE PAGE

Save recipe to meal plan

Video of recipe

blurred gradient shape

directions

Finished button

blurred gradient shape
A Light Blue Color Gradient

LOW FIDELITY PROTOTYPE

blurred gradient shape

The Low fidelity Prototype didnt show much as the idea for girl dinner was stil developing. At this stage the idea for the app was user would input their food inventory and AI would create custom recipes form what the users had at hand. The app also included an articles page for users to learn new kitchen skills.

blurred gradient shape
A Light Blue Color Gradient

ROUND ONE OF FINDINGS

The main user problem point that was addressed pretty quickly is users would not be inclined to enter all of the food that they have in their home into the app.

As well users were confused as to what the app was and how to use it. They needed a clear intro before they understood what to do.

USABILITY STUDY:

blurred gradient shape
blurred gradient shape
Solid Comic Asterisk
A Light Blue Color Gradient
blurred gradient shape

REFINING THE DESIGN

Checklist Illustration
Checklist Illustration
Checklist Illustration

Mockups

High-fidelity Prototype

Accessibility

Solid Comic Asterisk
blurred gradient shape
blurred gradient shape
Solid Comic Asterisk
A Light Blue Color Gradient

MOCK-UP

An introduction was added as well as one to three questions at a time for users to set up their profile

blurred gradient shape
blurred gradient shape
blurred gradient shape
Solid Comic Asterisk
A Light Blue Color Gradient

HIGH-FIDELITY: STARTING PAGE

Sends the user to the recipes page to browes and create meal plan. then the app create a grocery list for the user

Pop up welcome sets the app to the users needs

blurred gradient shape

Sends the user to the inventory page that allows the users to input food they have in the how and start creating recipes

blurred gradient shape
blurred gradient shape
Solid Comic Asterisk

Scroll through key word search

A Light Blue Color Gradient

MOCK-UP: RECIPES PAGE

Search Bar to quick search recipes

blurred gradient shape

Recommended recipes based off of preferences

blurred gradient shape
blurred gradient shape
Solid Comic Asterisk

Scroll through meals of the day

A Light Blue Color Gradient

MOCK-UP: HOME PAGE

updated navigation bar

Days of the week to see and edit meals

blurred gradient shape

Search bar and key word search for recipes

blurred gradient shape
A Light Blue Color Gradient
blurred gradient shape

HIGH-FIDELITY PROTOTYPE

blurred gradient shape
A Light Blue Color Gradient

ACCESSIBILITY CONSIDERATION

Solid Comic Asterisk
Checklist Illustration

Color palette was checked

Checklist Illustration

Text style and size were considered for accessibility

Checklist Illustration

Icons paired with text for screen readers

Checklist Illustration

language options avalible in settings

Checklist Illustration
Checklist Illustration

App gestures were kept simple

multiple options for data entry

blurred gradient shape
A Light Blue Color Gradient
Solid Comic Asterisk
blurred gradient shape

TAKEAWAY

WHAT I LEARNED

IMPACT

Through out this process I’ve learned that what is considered easy for me is not necessarily something another person can or would want to do.

I figured out for users to input data there needs to be multiple options that best suit the user.


blurred gradient shape

“My partner and I just had a huge fight over food waste. I was cleaning out the fridge and didnt realize how much food we were wasteing. it was aweful. It would have never happened if we had this app”-Andres 24

“There is no way I would go around my house inserting all the food that I have into this app. I like how there is the option to go recipe first. I select my recipes then shop”-Nick 25

blurred gradient shape

Grocery delivery

blurred gradient shape
Solid Comic Asterisk
A Light Blue Color Gradient

NEXT STEPS

Improve Design

blurred gradient shape

A goal for Girl Dinner is to have the option to pair the app to your Walmart account of Insta Cart so once you have your AI generated grocery list you can send it off to be delivered right to your door.

There is alwasy more to learn and grow. While my design knowledge grows I hope to update the design of the app

A Light Blue Color Gradient
blurred gradient shape
blurred gradient shape

Thank you

ghallman62442@gmail.com

Solid Comic Asterisk