top of page
Persona 1.png

Problem statement

Due to the pandemic, the number of people facing mental health issues and weight problems has increased drastically due to the sedentary lifestyle. Most of us are aware of our health problems but we failed to take precautions due to our busy schedules.

"48% of single parents

mental health issues due to the stress of juggling their time between working from home and taking care of their children in the same year."

 2021 American Psychology Association (APA)

Objective statement

This app focuses on helping people to eat healthy by delivering meals to your doorstep. It also helps track your food intakes, such as calories, fats, and sugar levels. Users can save traveling and cooking time by ordering healthy food from the comfort of their homes.

Unique key functions

  • select dietary food based on users diet goals

  • delivers groceries from the recipes users would like to try

  • track food intake (calories, protein, fats) 

Target Users

  • Single parents

  • People who are busy with work

  • People who want to lose weight

Information Architecture

After research on existing online food order apps, these were the main essential features that would meet user needs.

information architecture-01_edited.png

Low Fidelity

Based on the information architecture, I developed rough sketches of the wireframes and the user flows from one screen to another.

IMG_3495.JPG

Usability test documentation

The usability test was conducted with 5 participants at ISU Student Innovation Center. The participant's ages range between 20-27. The average experience level of using smartphones, tablets, and computers is high. They were required to complete the task list provided by me. 

Screen Shot 2022-02-19 at 3.12.43 PM.png

User testing site

428D8182-9963-49F6-B808-22C30CECC554.JPG

User testing room, ISU Student Innovation Center

IMG_5422.PNG

Data collection

After five user testing, I replayed the recordings to record the time spent on each tasks, and number of errors clicked in order to get to the task. The datas collected gave me an understanding of whether the features and navigations of my app were clear or confusing. The table below shows one of the participants data using Google excel sheet. The average time to complete all the tasks was 15 minutes. 

Screen Shot 2022-02-19 at 2.52.33 PM.png

Data analysis

After five user testing, I replayed the recordings to record the time spent on each tasks, and number of errors clicked in order to get to the task. The datas collected gave me an understanding of whether the features and navigations of my app were clear or confusing. The table below shows one of the participants data using Google excel sheet. The average time to complete all the tasks was 15 minutes. 

1. Chicken salad page

X - 72.png

BEFORE​

"The picture was too large, I could not really see the 'back' button." - User 01
 

"I think the food nutrition information should be on top since this is an app focusing about diet."- User 04

 

Screen Shot 2023-05-23 at 9.04.59 PM.png

AFTER

Made the image smaller with rounded corners for a more friendly approach
 

Switched the nutritional information as the top order in the hierarchy 

 

2. Activity page

Activity-1_edited.jpg

BEFORE​

  • "The food intake chart and numbers look too complicated to understand. It made it look not that intuitive on the first impression" -User 03 

 

Activity.png

AFTER​

  • Changed the chart into a more intuitive design for users to analyze and understand the data easily 

 

High-Fidelity Prototype

After the user testing and multiple iterations, the video on the right presents the user interaction of the final Diet Delivery app from the onboarding to making a food delivery order. 

UI designs: Branding, Illustrations

Logo design process
The logo design is a combination of a car and a dome food plate with cover. The intention of this logo design is for user to grasp the type of service Diet Delivery offers in a clear, simple, and easy manner. The color green is used because it symbolizes leafy greens vegetables, which promote health and wellness for people. All illustrations are created on Adobe Illustrator. 

ART 530 FINAL.jpg
Screen Shot 2023-05-23 at 9.18.16 PM.png
ART 530 FINAL (5)_edited.jpg
activity.png

Activity page

mockup phone 2.png
Digital logos (rough draft)
dd logo-03.png
Logos on Adobe Illustrator
Final logo design

Welcome screen UI design

dd logo-06.png
dd logo-05.png
Rough sketches of the logo
Mock 1.png

Diet Delivery

a food delivery app that delivers healthy food based on your diet plan.

Prototyping tool: Figma
Illustrations: Adobe Illustration
Course: User Engagement 
Types of project: Individual
Timeline: 4 months

 

bottom of page