Project Brief
Dish Delight is an on-campus food delivery app that enables its users to order food from their campus cafeteria.
Skills
UX Design
UI Design
Design System
Motion
Timeline
June - Sept 2019
Team
Solo (Passion Project)
Tools
Illustrator After Effects Procreate
THE PROBLEM
37%
Of the students who did not participate in school lunch , 15% reported they do not eat during the lunch period.
Time management / many students buy unhealthy instant foods for extra time to play sports
Club meetings / club meetings force students to order collectively, which cannot be realized by school cafeteria
Crowds / students have low incentive to wait in long lines for food
THE SOLUTION
Dish Delight
is an on-campus food delivery app that enables its users to order food from their campus cafeteria.
Visual Storytelling
I also created an advertisement video for Dish Delight to establish an emotional connection with the audience through appealing visuals, captivating music, and engaging narration. This video uses visual storytelling to highlight the app's key features, benefits, and unique solutions, making the presentation dynamic and engaging.
FEATURE 01
Choose Selections
Drink Customization
FEATURE 02
Users can customize drinks by adjusting the sugar level. The five choices include 0%, 25%, 50%, 75%, and 100%.
FEATURE 03
Split Order /Meeting
Invitation would be sent to others if the "add member" button is pressed. Other members would appear in the bar below.
When a specific club Is selected, the members embedded in the system would be automatically invited.
FEATURE 04
Progress Check
The progress page can be condensed into a circular format, allowing users to easily navigate to other pages. A detailed map will be displayed upon pressing this circle.
This isometric map is tailored specifically for individual schools.
FEATURE 05
Keep Record
Stats page allows users to check their personal calorie intake data.
Profile page displays the users current achievement and branches out into achievement and history page. Special badges are awarded it specific requirements fulfilled.
THE PROCESS
User Research
To address the specific needs of high school students and teachers in schools with distant cafeterias, I have conducted an analysis of their pain points.
Competitive Analysis
Competitive analysis helped me in knowing the competitors in China and the US. The radar diagram showcases the existing opportunities for a more customized food delivery app that suits on-campus cafeterias.
User Personas
Sitemap
Storyboard
Lo-fi Mockups
Following the development of the user flow, I began drafting low-fidelity screens using procreate. This method of sketching allows for rapid idea capture and provides an opportunity to assess these concepts prior to the more intensive task of digital implementation.
Mid-fi Mockups
After establishing a clear visual layout, I began enhancing the sketches with additional details. This step was pivotal in concentrating on the visual consistency and hierarchy prior to styling. Within these wireframes, I integrated proven design patterns observed in competitor products, and elements specifically tailored to address the users' goals, needs, frustrations, and motivations.
Usability Testing
I created paper prototypes of the mid-fidelity mockups and engaged my friends, who fall within the target user group, to conduct usability testing. The feedback was unanimous in favoring the second design for the meeting page, as illustrated below.
Design System
Reflection
Design with the user in mind.
Dish Delight is my first UI/UX design project, and it was a defining moment that sparked my love for the field.
Throughout the project, I learned the importance of empathy, user research, and iterative design. I realized the true power of UI/UX design in creating intuitive and engaging user experiences, shaping my approach to design ever since.