Perfect Fragrance is an online fragrance shopping platform designed to help people find their ideal perfumes. It provides detailed information on each fragrance, describes scents through visual and auditory elements, and includes a personalized recommendation feature.
UIUX Design / Personal Project / Oct 2024, 2 months
ஐ
Background
Fragrance is a growing market, valued at $52.49 billion globally and expected to exceed $97.76 billion by 2037. As a fragrance enthusiast, I love collecting perfumes and have extensive purchasing experience.
Goal
The goal of this project is to identify pain points in existing fragrance shopping websites and redesign the experience for better user engagement.
Observation
01
✷ Too many products options
There are too many options in current website, which is confusing for users to choose their fragrance.
✷ Lack of fragrance information
In those fragrance detailed pages, most of them only show the ingredients of the fragrance, but the users still don't how it smells like.
User Research
02
✷ User Interview
“ I have experience purchasing fragrance online. ”
Iris · 28y · female
“ I don’t have experience purchasing fragrance online but are willing to try. ”
Amber · 27y · female
“ I don’t have experience purchasing fragrance online but are willing to try. ”
Lee · 27y · male
✷ User Journey Map
✷ Users may encounter issues when browsing the product exploration page and viewing the product details page.
Insights & Ideation
03
✷ Insight 1
There are too many brands and products at the first glance, which is overwhelming to users.
“Having too many choices makes it hard to decide which one to choose!“
“Too much is shown at once, making it hard to know where to click!“
ஐ
How might we effectively organize the vast amount of information so that users can easily understand it while browsing the website?
✷ Insight 2
Information about the fragrance, ingredients, and descriptions is very important.
“Ingredient of the fragrance is the most important factor!“
“Ｎeed fragrance descriptions to help me decide if I would like that scent.“
ஐ
How might we describe the various scents in a unique and clear way so that users can decide on a fragrance even online?
* these sketches made by me and my classmate <3
Information Architecture & Wireframe
04
✷ Site Map
Landing Page
Promotional Banners
Brand spotlight section
Popular fragrance recommendations
find your perfect fragrance
Filter
gender
types (floral, citrus, woody, oriental)
brand
usage (Daytime, Nighttime, Work, etc.)
price
Comparison
pick three perfumes to compare
show ingredient
directly add to cart if they like
Select Sample Set
select section
sample lists
Product Detailed Page
Fragrance description, including top, middle, and base notes
fragrance image
Ingredients list
Similar product recommendations
Add to cart and wishlist functionality
User reviews and ratings
Fragrance Exploration
Filter
All perfumes
categorized by gender
categorized by scent type
categorized by brand
categorized by usage
most popular / best sellers
comparison
Personal fragrance recommendation page
the result of the tset
recommended product list
Discovery
Fragrance Library
Brand Introductions
Blog
Fragrance Trends
Fragrance Reviews
Interviews & Profiles
Seasonal Picks
Fragrance Events
About us
Brand Philosophy
Member
Social Media Links
Membership
personal fragrance profile
wishlist
Purchase history
order tracking
Setting
Sign up / Log in
create an account
log in
google / apple / facebook
Fragrance recommendation tools
Fragrance matching quiz
scent type guide
Fragrance Library
Fragrance Families Overview
Scent Notes Guide
Fragrance Creation Process
History of Perfume
How to Choose a Perfume
Perfume Care & Storage
Brand Overview
Brand introductions
Brand introductions and histories
Brand Stories
Brand Philosophy
Perfumer Profiles
Brand Aesthetic & Packaging
Display of products under each brand
Brand Lists
find your perfect fragrnce
Q1
Q2
Q3
Q4
Q5
Add to cart
Log in / Sign up
Product List
Discount
Payment
Choose the payment method
enter information
✷ Wireframe
Help you find your Perfect Fragrance !
Best sellers
Featured Brands
Blog
personal recommendation
Find your Perfect Fragrance !
personal recommendation
personal recommendation blablablabl ablablablablablabla blablab lablablablablabla!
see more
see more
see more
Aesop
Ouranon Eau de Parfum
Frankincense, Hay, Myrrh
$200
Aesop
Ouranon Eau de Parfum
Frankincense, Hay, Myrrh
$200
Aesop
Ouranon Eau de Parfum
Frankincense, Hay, Myrrh
$200
Aesop
Ouranon Eau de Parfum
Frankincense, Hay, Myrrh
$200
History
A history of fragrance
From the earliest in-house experiments to our newest formulations: a tale of essential oils, patience and the science of perfumery. On encountering our formulations, customers often remark on their aromas, derived from a range of botanical oils. ...
History
A history of fragrance
From the earliest in-house experiments to our newest formulations: a tale of essential oils, patience and the science of perfumery. On encountering our formulations, customers often remark on their aromas, derived from a range of botanical oils. ...
History
A history of fragrance
From the earliest in-house experiments to our newest formulations: a tale of essential oils, patience and the science of perfumery. On encountering our formulations, customers often remark on their aromas, derived from a range of botanical oils. ...
Aesop
Le labo
Byredo
Diptyque
Perfect
Fragrance
Fragrance
Discovery
Blog
About Us
Begin Exploring by Fragrance Families
Filter
Perfect
Fragrance
All perfumes
total 1,000 results
Aesop
Ouranon Eau de Parfum
Frankincense, Hay, Myrrh
$200
Aesop
Ouranon Eau de Parfum
Frankincense, Hay, Myrrh
$200
Aesop
Ouranon Eau de Parfum
Frankincense, Hay, Myrrh
$200
Aesop
Ouranon Eau de Parfum
Frankincense, Hay, Myrrh
$200
Aesop
Ouranon Eau de Parfum
Frankincense, Hay, Myrrh
$200
Aesop
Ouranon Eau de Parfum
Frankincense, Hay, Myrrh
$200
Aesop
Ouranon Eau de Parfum
Frankincense, Hay, Myrrh
$200
Aesop
Ouranon Eau de Parfum
Frankincense, Hay, Myrrh
$200
Aesop
Ouranon Eau de Parfum
Frankincense, Hay, Myrrh
$200
Aesop
Ouranon Eau de Parfum
Frankincense, Hay, Myrrh
$200
Aesop
Ouranon Eau de Parfum
Frankincense, Hay, Myrrh
$200
Aesop
Ouranon Eau de Parfum
Frankincense, Hay, Myrrh
$200
1
2
3
4
5
...
50
Citrus
Spicy
Floral
Aromatic
Fruity
Leather
Woody
Aquatic
Oriental
Green
Fragrance
Discovery
Blog
About Us
Aesop
Tacit Eau de Parfum
Yuzu, Vetiver Heart, Basil
1 / 5
$200.00
Add to cart
get a free sample
Fragrance Description
Story of the fragrance
Music of the fragrance
( Video )
Yuzu, Basil Grand Vert, Clove
Rosemary, Mint, Fennel
Cedarwood, Vetiver Heart, Amber
Top notes
Middle notes
Base notes
A vibrant, uplifting and distinctly contemporary fragrance distinguished by liberal use of Basil Grand Vert and fresh citrus notes.
personal recommendation blablablabl ablablablablablabla blablab lablablablablabla! personal recommendation blablablabl ablablablablablabla blablab lablablablablabla!personal recommendation blablablabl ablablablablablabla blablab lablablablablabla!
personal recommendation blablablabl ablablablablablabla blablab lablablablablabla! personal recommendation
Aesop
Ouranon Eau de Parfum
Frankincense, Hay, Myrrh
$200
Aesop
Ouranon Eau de Parfum
Frankincense, Hay, Myrrh
$200
Aesop
Ouranon Eau de Parfum
Frankincense, Hay, Myrrh
$200
Aesop
Ouranon Eau de Parfum
Frankincense, Hay, Myrrh
$200
Perfect
Fragrance
Fragrance
Discovery
Blog
About Us
Save to Wishlist
3.3 fl oz
1.6 fl oz
( picture )
( picture )
( picture )
River Flows in You
Yiruma
How others described the scent...
captures the feeling of a cool breeze on a warm afternoon, with bright notes of lemon and a touch of fresh greenery.
like squeezing fresh citrus on a summer picnic, with a hint of green herbs that makes everything feel refreshing and alive.
smells like stepping into a sunlit herb garden, where fresh basil leaves and citrus zest fill the air.
crisp, lively, and effortlessly natural.
Imagine waking up early and walking through a dewy garden
This fragrance reminds me of a peaceful morning, sitting by the window with the scent of basil plants nearby and sunlight streaming in.
Fragrance personality
Scent Type
Season
Occasion
Others
Everyday
Office
Date
Party
Vocation
Workout
Warm
Strong
fresh
sweet
Light
Spicy
Spring
Summer
Fall
Winter
Informal
Light
Vibrant
formal
intense
Steady
Fragrance
Discovery
Blog
About Us
Create an Account
or log in with
Password
Forgot my password
jenny@gmail.com
********
Log in
Log in
Perfect
Fragrance
Fragrance
Discovery
Blog
About Us
Shopping Cart
Tacit Eau de Parfum
Sample
Shipping fee
Taxes
Total
Subtotal
$ 200.00
$ 0.00
$ 0.00
$ 200.00
$ 200.00
free
Size
1.6 fl oz
Aesop
1
choose the fragrance
Checkout
Perfect
Fragrance
Fragrance
Discovery
Blog
About Us
Checkout
Full name (shown on the card)
Enter your full name
card number
1234 1234 1234 1234
Validity
MM / YY
Security code
CVC
Your card data will be securely encrypted. You can delete or modify it in account settings.
Payment method
Pay with Credit Card
Pay with Gift Card
Use shipping address as billing address
First name
Enter your first name
Country
Select your country
City
Enter your city
Apt. / Unit
not required
Zipcode
Address
Enter the address
Phone number
+1 (201) 2389058
State / Province
Select the state
Last name
Enter your last name
Shipping details
Landing Page
Product Page
Detailed Page
Log in
Cart
Payment
Usability Test
05
I did usability test and found that they want the log in process can be moved to before the payment process, and they want more pictures of the ingredients in the detailed page.
✷ The log-in step can be moved to before the payment step
✷ Add some pictures of the ingredients in the detailed page to help understanding fragrance.
Hi-Fi & Prototype
06
01
Personal
Recommendation
A quick personal test, help users find their perfect fragrance!
02
Fragrance Introduction combined with different senses
Use other senses to describe fragrance, help users have better understanding about the fragrance.
