ALBAN SWISRA MOBILE ORDERING APP

Habiba Ali
Project overview

The product:
Alban swisra is a regional cheese curator located in metropolitan area. Alban

Swisra strives to deliver fresh, tasty cheeses splatters and side dishes.They

offer a wide spectrum of competitive pricing.Alban Swisra target customers

like commuters and worker who lack the time or ability to prepare family

dinner.

Project duration:
June 2022-October 2022
Project overview

The problem: The goal:

Busy workers and commuters lack the time to Our ordering app will let users order in advance

stand in line and find parking spaces to get ann which will affect busy citizens or foreigners by

way meal to go. saving them time from standing in line or

dealing with foreign language. We will measure

effectiveness by keeping track of large orders

(start to finish) & comparing in store to app

usage.
Project overview

My role: Responsibilities:
UX designer designing an app for Alban swish Conducting interviews, paper and digital wire

from conception to delivery framing ,low and high fidelity

prototyping ,conducting usability

studies ,accounting for accessibility , and

iterating on designs.
 ● User research
Understanding ● Personas

the user ● Problem statements

● User journey maps

User research: summary

I gathered participants to conduct interviews to further understand the behavior of user around
water sceneries and get accustomed to their needs. The primary groups were working adults looking
for an escape from the big city.
This user group confirmed initial assumptions about how relaxing was their main concern ,but they
furthered raised awareness to how little to no interaction & no disturbances were another things
they were looking for.
User research: pain points

1 2 3
Accessible IA Time

Pick ups are a hassle Some users have The time it takes to order
especially if user is limitations (visual/hearing from street vendor and
inaccessible to get it. impairment) pick up could be
shortened by half
Persona: Dareen

Problem statement:

Dareen is a working

student who needs a

more organized way to

collect orders because

she wants her day to get

by effectively.
Persona: Nour

Problem statement:

Nour is an on call doctor

who needs a reliable

assistant ordering apps

because he wants a nice

work/life balance.
User journey map

Mapping out Dareen’s

journey revealed how

helpful it would be for

users to have access to a

dedicated Alban Swissra

app.
 ● Paper wireframes
Starting ● Digital wireframes

the design ● Low-fidelity prototype

● Usability studies
Paper wireframes

We believe that a simplified

app for this tweet vendor Image of paper

could help Darien day be
effective while attending to
Nour’s need of accessibility.
wireframes including
five different
versions of the same
screen and one
image of the new,
refined version
Digital wireframes Visual
description of
the ingredients

I tried incorporating visual

representation to help visual

impaired users or ease

communication between Clear note on

how the order
product and user. affects the
lifestyle
Digital wireframes
Addition of
pickup time for
Accessibility was another choice.

user need that needed to be

established thru ETA and

pchoice 0of pick up times. The form of

transportation
matters user
for
accessibility.
Low-fidelity prototype

We tried to keep the user flow as

easy as possible. Link to

prototype : lo-fidelity prototype

Usability study: findings
Write a short introduction to the usability studies you conducted and your findings.

Round 1 findings Round 2 findings

1 A clear button needs to be added for 1 Canceling orders at order checkout

easier navigation
2 Adjusting ETA to be seen before 2 Payment and past orders confusion
checking out
3 User would want to view cart before
checkout
 Mockups
Refining
●

● High-fidelity prototype
the design ● Accessibility
Mockups
Before usability study After usability study

The goal was to add visual

elements to make decision

making process quicker.

Image of
selected
screen before
usability study
 Before usability study After usability study

Mockups

The second usability study

revealed frustration with the

checkout flow to streamline

Image of Image of
this flow I consolidated the selected selected
screen before screen after
“Current Order” and
usability study usability study
“Checkout screen” to one

“Order summary”screen. I

also added the pickup

option to this screen.

Mockups
High-fidelity
prototype

The final high-fidelity

prototype presented

cleaner user flows for the

selection process and the

checkout process .It also

met user needs for pickup

option as well as more

customization. View Alban

swisra: Hi-fidelity prototype

Accessibility considerations

1 2 3

Provided access to users Used icons to help make Used fun imagery to help
who are vision impaired navigation easier users understand the
through adding alt text to details of the food
images for screen readers options
 ● Takeaways
Going forward ● Next steps
Takeaways

Impact: What I learned:

The app makes users feel like Alban Swisra While designing the app , I learned that the first

really thinks about how to meet their needs ideas are only the beginning of the

process.Usability studies and peer feedbacks

One quote from peer feedback: influenced each of the iterations of this app.

“the app made it easy and quick to complete my

order. I would def. recommend this to my

colleagues for easier access.”

Next steps
1 2

Conduct another round of Conduct more user

usability study to validate research to determine
whether the pain points any new areas of need.
users experienced have
been effectively
addressed.
Let’s connect!

Thank you for viewing the case study for this app

Email: habibayassser@gmail.com
Website: https://www.behance.net/habibayasser11
Thank you!