Sun Dancer Cafe App
Product Introduction
Problem
Goal
My Role
My Responsibilities
​
Sun Dancer Cafe is a fictitious cafe which is located in the seaside town. Sun Dancer Cafe aims to deliver healthy fresh food and special seafood. They offer a wide variety of competitive pricing. Their targets customers like regular employees who do not have enough time to cook food for themselves and their family.
Busy employers who do not have enough time to prepare their meal.
Design an app for Sun Dancer Cafe that allows user to order food easily and receive their healthy fresh meal from their desired location.
UX designer designing an app for Sun Dancer Cafe from conception to delivery
-
Conducting interviews
-
Paper and digital wireframing
-
Low and high-fidelity prototyping
-
Conducting usability studies
-
Accounting for accessibility and
-
Iterating on designs.
User Research: Summary
I conducted semi-structure surveys and interviews and created empathy maps to understand the users I’m designing for and their needs. A primary user group identified through research was working adults who don’t have time to cook meals.
This user group confirmed initial assumptions about Sun Dancer Cafe’s customers, but research also revealed that time was not the only factor limiting users from cooking at home. Other user problems included work responsibilities, interests, or various challenges that make it difficult to get groceries for cooking or go to restaurants in-person.
User Research: Pain Points
Busy employees can not manage to prepare meal on time often.
Time
Choice
Not enough
healthier option.
Dissatisfactory services such as stale or cold food is often served.
Service
Persona
User Journey Map
Paper Wireframe
Problem Statement
Maymuna is a Doctor who needs to order food from diverse healthier options in the menu because she does not have enough time for preparing meals as she needs to devote her time to attending patients.
.png)
Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points. For the home screen, I prioritized a quick and easy ordering process to help users save time.
Usability study: Findings
I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.
Round 1 findings
Round 2 findings
Users want to order food easily.
Users want healthy option.
The order process has too many unnecessary steps.
Filtering process is confusing.
Users want filter option.
Low Fidelity Wireframes
Accessibility considerations
Provided access to users who are vision impaired through adding alt text to images for screen reader.
Used icons to help make navigation easier.
Used detailed imagery food to help all users better understand their meal.
High Fidelity Wireframes
Style Guide
Typography
Color Palette
