Fragrantica
Context
Fragrantica.com is an online database of over 80,000 perfumes, colognes, and fragrances.
The goals of this project were to modernize Fragrantica’s user interface design, and to reimagine the desktop website as an iPhone app.
Defining the problem
Fragrantica’s website looks dated, cluttered, and overwhelming. A UI refresh would make this service more visually appealing, and easier to navigate.
Additionally, Fragrantica is only available as a website. An app designed specifically for the mobile experience will make the service more harmonious for users on the go.
Project goals:
Reimagine Fragrantica’s UI design to look more modern and streamlined
Create 1 mobile user flow
Early ideation
Design system
Design spec example: Fragrance Family Button
The Fragrance Family Button is a reusable component that will be used during Fragrantica’s mobile user onboarding process. A “note” refers to a specific, singular scent found within a larger scent profile. Users will click this button to set their fragrance preferences.
Final wireframes
Clickable prototype
The final prototype provides an introduction to what the Fragrantica app could feel like. Click below to explore the prototype for yourself: