Flower Shop App

María
Project overview

The product:
Flower Shop is a regional flower shop located in the
suburbs of a metropolitan area. Flower Shop
strives to deliver beautiful flowers and bouquets.
They offer a wide spectrum of competitive pricing.
Flower Shop targets customers who want to sent
gifts to their loved ones.

Project duration:
May 2023 to December 2023.
Project overview

The problem: The goal:

Busy workers and commuters lack the time Design an app for Flower Shop that allows
necessary to prepare a custom gift. Some of users to easily order a custom gift and get it
them live far from their loved ones too. delivered to their loved ones.
Project overview

My role:
UX designer designing an app for Flower Shop
from conception to delivery.
Responsibilities:
Conducting interviews, paper and digital
wireframing, 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 conducted 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 travel where their loved ones live on special occasions.

This user group confirmed initial assumptions about Flower Shop customers, but research
also revealed that travelling was not the only factor limiting users from giving those gifts.
Other user problems included obligations, interests, or challenges that make it
difficult to get flowers online or go to the Flower Shop in-person.
User research: pain points

1 2 3
Time Accessibility Customization

Working adults are Platforms for ordering Platforms for ordering

too busy to go buy flowers are not equipped flowers are not equipped
flowers or travel to with assistive technologies. with personalization
deliver a gift options
Persona: Carmen

Problem statement:
Carmen is a busy working
adult who needs easy
access to flower bouquet
ordering options because
they live far from her loved
ones and from local flower
shops.
User journey map
Mapping
Carmen’s user
journey revealed
how helpful it
would be for
users to have
access to a
dedicated Flower
Shop app.
 ● Paper wireframes
Starting ● Digital wireframes

the design ● Low-fidelity prototype

● Usability studies
Paper wireframes
Taking the time to draft
iterations of each screen of the
app on paper and their
functionality 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.
Digital wireframes
As the initial design phase
continued, I made sure to
base screen designs on
feedback and findings from
the user research.
This image at the
top of the home
screen acts as a
button that makes it
fast and easy for
users access the
customization
process.
Pre-made
options make it
more simple and
straight-forward
for the user to
make a decision.
 Title at the top
of the screen
Digital wireframes that indicate
the page the
user is in.

Easy navigation was a key

user need to address in the
designs in addition to
equipping the app to work
with assistive technologies.

Easy access to navigation

that’s screen reader
friendly.
Low-fidelity prototype

Using the completed set of

digital wireframes, I created a
low-fidelity prototype. The
primary user flow I connected
was building and ordering a
pizza, so the prototype could
be used in a usability study.

View the Flower Shop App

low-fidelity prototype
1 The bouquet customization menu
needs to be simplified

2 The checkout process has too many

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

The search and custom

suggestions page was fused
in a single one that
simplifies the experience
for the user and makes it
less overwhelming.
Mockups
During the second round we
added the custom suggestions
page and a search page but
with a different approach.
Mockups
High-fidelity prototype
The final high-fidelity
prototype presented cleaner
user flows for building a
bouquet, choosing a pre-made
flower and checkout. It also
met user needs for a tracking
information menu as well as
more customization.

View the Flower Shop

high-fidelity prototype
Accessibility considerations

1 2 3

Provided access Used icons and words Used detailed

to users who are to make it screen to imagery for flowers
vision impaired help make and vases to
through adding alt navigation easier. help all users
text to images for better understand
screen readers. the designs.
 ● Takeaways
Going forward ● Next steps
Takeaways
Impact:
The app makes users feel like Flower Shop App
really thinks about how to meet their needs.
One quote from peer feedback:
“The app made it so easy and fun to build my own
bouquet of flowers! I would definitely use this app
as a go-to for buying a valentine’s day or mother’s
day gift.”
What I learned:
While designing the Flower Shop app, I learned
that the first ideas for the app are only the
beginning of the process. Usability studies and
peer feedback influenced each iteration of the
app’s designs.
Next steps

1 2 3

Conduct another Conduct more user Check if the colors

round of usability research to determine chosen for the design
studies to validate any new areas of are accessible enough
whether the pain need. for a variety or users.
points users
experienced have
been effectively
addressed.
Let’s connect!

Thank you for your time reviewing my work on the Zia’s Pizza app! If you’d like to
see more or get in touch, my contact information is provided below.

Email: email@email.com
Website: www.website.com