top of page

BRIEF / PROBLEM STATEMENT
Digital online shopping and delivery have become a trend.
Studies show that online shopping and delivery on smartphones increasing every day.
We are interested in creating a digital product ( mobile app ) for full-time job parents with toddlers or people with disabilities who don’t have time or have difficulties spending time in grocery stores.
Users & Audience
This app has been designed for
-
Busy parents or adults
-
People with physical disabilities
My Role
UX | UI Designer
Duration
2 Months
Date
Spring 2019
WHAT I'VE WORKED ON
In this project, I worked under a supervision of a senior UX designer at the Udacity Nano Degree program.
I was responsible for:
• User Research
• User Interviews
• Analysing Data
• Ideation / crazy 8
• User Flow
• Wireframing
• User Inteface
• Prototyping
• Testing & itteration
DISCOVERY PHASE
RESEARCH
Research Goal
Research Questions
Method & Recruiting
Our team wants to learn how busy adults use digital tools to shop online grocery, including what goals they try to achieve when using these tools.
We want to determine what opportunities and needs might exist for new grocery shopping products so that we can use these findings to help us shape the direction we take in developing our product.
[Needs]
What is essential for online grocery shopping?
What are users' current pain points?
[Behaviors]
How do busy adults/ parents /disabled people currently shopping grocery?
How do they interact with the existing digital products?
Do users really need another grocery shopping product?
How do users feel about existing products?
5 Participants
Full-time parents and people with disabilities; who don’t have time or cannot spend time in grocery stores and have done online shopping ( any kind ) before.
30 mins in person or video semi-structured interview to gather in-depth qualitative data on Zoom. The researcher will use the interview script as a guide and ask follow-up questions based on answers from the users.
I have done one CONTEXTUAL RESEARCH as well.
I went grocery shopping with a mother with a two-year-old son and a 6months old baby in a stroller.
AFFINITY DIAGRAM
Interviewed 5 people;
-
parents with toddlers with full-time jobs
-
People with physical disabilities have difficulties moving around or carrying stuff
I Collected all the data from the interviews,
Put them on sticky notes and categorized them for a better understanding of :
-
users' needs
-
challenges
-
pain points
-
desires
Done on Miro.

KEY FINDING
#1
We found out that busy adults with full-time jobs having children and people with disabilities don’t have time on weekdays to spend time in the stores looking for items and standing in lines to make payments.
#3
4 out of 5 participants
said getting their items without leaving their cars makes a huge difference in their timing.
“I like the Starbucks app and drive-through systems, I just go on my phone, customize my order, and get the items while I’m in the car with my kids.
This is also cool that you can go through the whole menu and change anything about your coffee, you can change what kinda milk you want and how much sugar you want”.
Participant #3
#2
Most people don’t like to pay delivery fees.
Major products in the market don’t fully develop yet, some of them don’t cover all the area codes for delivery, or if they do customers need to pay extra for the delivery.
#4
3 out of 5 participants
said it feels safer if they make their payments on their phone and it is faster and easier than standing in store lines.
“There was one time that I was in the middle of my daughter's gymnastics exhibition, I called Sprouts, and asked them if I can order flowers and pay on the phone, and if is there anyone can hand me the flowers in the parking lot, and they said yes!
It was fast and convenient it took me 5 minutes to leave the gym and get back there”.
Participant 1
USERS' STORIES
As a person with physical disabilities,
it's very difficult for me to leave the car for shopping a few items and carry the bag and load them into my car.
If there was a solution for that;
-
I won't be worried about not being able to reach the high shelves in the stores.
-
I won't be worried about fitting my wheelchair in the narrow crowded store aisles and checking lines.
-
I won’t spend time on groceries.
-
I won't be worried about loading the wheelchair and the shopping bags in the car.
-
I won’t have to carry the heavy shopping bags to the car.
-
I won't have to pay delivery fees.

As a busy parent with toddlers
If there was a system like Starbucks drive-through;
-
I won't be worried about taking kids with me to the store.
-
I won’t spend time on groceries on the weekdays.
-
I won’t have to carry the heavy shopping bags to the car with my kids and their stroller.
-
I won't have to be worried about my kids running around the stores.
-
I won't have to pay delivery fees.

IDEATION PHASE
CRAZY 8

DEFINE PHASE
HOW MIGHT WE
improve our target audiences' grocery shopping experiences.
By delivering and loading shopping bags for them.
WE FOUND OUT THAT
LEAVING THE CAR FOR GROCERY SHOPPING IS THE MAIN CHALLENGE FOR OUR TARGET AUDIENCE.

DESIGN PHASE
USER JOURNEY

I mapped out the user journey to clarify what screens I need to have on the app.
Early Sketches / Lo-Fi Wireframes

Mid-Fi Sketches
After testing the lo-fi wireframes with the users and some iterations, I took my hand-drawn sketches to the next level, using Figma.




Hi-Fi SKETCHES
After usability testing with the users, I came up with a more minimal and aesthetic design and made some changes on the user interface based on the users feedback.





APP PROTOTYPE
Users shop and pay online and pick them up at the store-assigned parking without leaving their car.
The benefits of using this app:
-
Saving time
-
Saving energy
-
Saving money
-
Easy grocery shopping for people in needs

WHAT I'VE LEARNED
This project was my second User Experience and User Interface design practice. I learned how to:
-
Interviewing the Users
-
Collecting data
-
Learning from and organizing the data
-
Ideation throughout the different methods like crazy 8, sketching, and wireframing
-
Receiving feedback and implementing them into my design
-
Iterations
-
Prototyping
-
Testing
bottom of page