Scribd
Upload
142 views

Case Study

The document summarizes the design process for a boutique app from conception to delivery. It describes conducting user research including interviews and personas to understand busy customers' needs. Paper and digital wireframes were created, followed by low and high-fidelity prototypes. Usability studies provided feedback that informed design iterations, such as streamlining the checkout process and adding more customization options. Accessibility was also considered throughout. The process demonstrated how research and testing improved the designs to better meet users' needs.

Uploaded by

JAINPP
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
142 views

Case Study

The document summarizes the design process for a boutique app from conception to delivery. It describes conducting user research including interviews and personas to understand busy customers' needs. Paper and digital wireframes were created, followed by low and high-fidelity prototypes. Usability studies provided feedback that informed design iterations, such as streamlining the checkout process and adding more customization options. Accessibility was also considered throughout. The process demonstrated how research and testing improved the designs to better meet users' needs.

Uploaded by

JAINPP
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 27

Boutique App Design

Pranjal Jain
Project overview

The product:
Your Boutique is an app for the boutique retailer in a town. Your
Boutique strives to deliver home service and customized products.
They offer a wide variety of options on competitive pricing. Your
Boutique targets customers like people with busy schedules who
cannot visit stores or the people interested in customization .

Project duration:
September 2022 to October 2022
Project overview

The problem: The goal:


Busy workers who cannot visit stores and people Design an app for Boutique allows users to easily
who have specific requirements of the outfit. order and customize there outfit through home
service.
Project overview

My role: Responsibilities:
UX designer designing an app for Boutique from Conducting interviews, paper and digital
conception to delivery. 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 visit stores.

This user group confirmed initial assumptions about boutique customers, but research
also revealed that time was not the only factor limiting users from placing order at home.
Other user problems included fitting issues , their personal requirements like material and colour and the
work on outfit.
User research: pain points

1 2 3 4

Time Accessibility IA Visual issue

Working adults are too Platforms for ordering Text-heavy options in Cannot identity their
busy to spend time on outfit are not equipped apps are often difficult to perfect fit and material
searching for the outfit on with assistive technologies read and order from. for the outfit.
e-commerce sites.
Persona: Leah

Problem statement:
Leah is a doctor with busy
and demanding schedule
who needs to order outfits
for herself because she want
customize outfit according to
her requirement.
User flow
User journey map

Mapping Leah’s user journey


revealed how helpful it would be
for users to have access to a
dedicated Boutique app. Now user
can have customize outfits as
well.
● 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 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
This button at
the top of the
home screen
makes it fast
As the initial design phase and easy for
continued, I made sure to base users to order.
screen designs on feedback and
findings from the user research.

This button
provides an
easy option for
users to select
their own outfit.
Digital wireframes
Easy access to
navigation that’s
screen reader
Easy navigation was a key user
friendly.
need to address in the designs in
addition to equipping the app to
work with assistive technologies.
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.
Usability study: findings
I conducted two rounds of usability studies. Findings from the first study helped guide the designs
from wireframes to mock-ups. The second study used a high-fidelity prototype and revealed what
aspects of the mock-ups needed refining.

.
Round 1 findings Round 2 findings

1 User want to place order quickly 1 The checkout process has too many
unnecessary steps.

2 User want more customization 2 Customize your outfit option is


options confusing

3 User want home services


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

Early designs allowed for some


customization, but after the
usability studies, I added
additional options to choose
outfit and material. I also revised
the design so users see all the
customization options when
they first land on the screen.
Mockups Before usability study After usability study

The second usability study


revealed frustration with the
checkout flow. to streamline this
flow, I consolidated the “Current
order” and “Checkout screens” to
one “Order summary” screen.
I also added the pickup or
delivery option to this screen.
Mockups
High-fidelity
prototype

The final high-fidelity prototype


presented cleaner user flows
for making a outfit and
checkout. It also met user
needs for a delivery option as
well as more customization.

View the boutique app


Prototype for the app
Accessibility considerations

1 2 3

Provided access Used icons to Used detailed


to users who are vision help make imagery for outfits to
impaired through navigation easier. help all users
adding alt text to better understand
images for screen the designs.
readers.
Takeaways
Going forward
●
● Next steps
Takeaways

Impact: What I learned:


The app makes users feel like boutique app really
thinks about how to meet their needs. While designing the boutique app, I learned that
the first ideas for the app are only the beginning
One quote from peer feedback:
“The app made it so easy and fun to decide my of the process. Usability studies and peer
outfit for the office party! I would definitely use feedback influenced each iteration of the app’s
this app as a go-to for a trendy, fast, and even
good quality outfit.” designs.
Next steps
1 2

Conduct another round of Conduct more user


usability studies to validate research to determine any
whether the pain points new areas of need.
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 protected]

You might also like