A Scent to Remember

Reimagining a Digital Fragrance Experience

Dec 2023
5 min read
Role
User Research
Interaction Design
Timeline
Sept - Dec 2023
Team
1 Designer (me!)
Dec 2024
5 min read
In a nutshell

A Scent to Remember is perfume customization experience. The challenge is to conceptualize a way to experience fragrance in a digital space. This project was done under the mentorship of BASIC/DEPT Associate Creative Director Garret Schauteet.

Jump to Final Product
Problem

It's impossible to smell through a screen

Well, duh. But for fragrance e-commerce, that limitation is everything. Without the sensory experience that defines the product, trust becomes the entire challenge. This project explores how design can close that gap—building credibility and creating an experience that feels premium, tangible, and worth buying into, even when the most important sense is missing.

How might we creatively and accurately create the illusion of scent in the digital space?

Solution

Blending Scent with Memories

A Scent to Remember invites the user to take a walk down memory lane and recreate their favourite moments in a fragrance. Through a digital journey that highlights the relationship between scent, emotion, and nostalgia, users can easily understand the concept and leave the experience eager for their memory in a bottle to arrive.

Research

Fragrances Briefly Explained

To understand more about the fragrance industry, I learned about the fragrance families and notes. Here are my key learnings:

A Fragrance wheel displaying different scent categories and a fragrance pyramid diagram illustrating top, middle, and base notes in a structured format for scent classification. A Fragrance wheel displaying different scent categories and a fragrance pyramid diagram illustrating top, middle, and base notes in a structured format for scent classification.

The Fragrance Wheel

There are 4 main families of fragrances (fresh, floral, oriental/amber, and woody) that are most commonly represented on a wheel to show their subfamilies and relationships between each other.

Fragrance Notes

Fragrance notes (top, heart, and base) are layers of a perfume that vary in strength and unfold over time: top notes appear and fade the quickest while base notes are deeper and linger the longest. Together they create the perfume's unique structure and overall character.

The Underrated Memory Trigger

We often underestimate our sense of smell, but it has a surprisingly strong link to our memories. This is because the olfactory bulb is very close to the amygdala and hippocampus, the brain regions responsible for emotion and memory. I used this unexpected connection to spur creative ways of visualizing and describing scent on a screen.

Key Design Considerations

How do I create an immersive and intuitive experience?

To design the main customization page, I researched common design patterns for all kinds of customizable products, like Vitra and Radbikes, and distilled my ideas into three key concepts. With Garret’s help, we decided to move on with a combination of the wheel and journaling concept.

Explorations of 3 visual concepts for the site and highlighting 2 that worked best.

I continued to iterate and decided to use the Fragrance Wheel as the basis for the main layout, offering users a logical way to navigate and explore scents as they please.

A circular diagram displaying various photographs with an overlay of the Fragrance Wheel structure on top of it.

How do I communicate scent visually?

Keeping with the theme of recreating memories, each scent is associated with a set of curated visuals and a short description to set the scene for a moment or common experience. This creates a more engaging experience and helps the user better imagine what the scent would smell like.

Gif of the details dialog box for the scent Leather with accompanying text and images associated with the scent.

How can I guide users who are unfamiliar with fragrances?

The customization process encourages users to retell their own story by providing prompts that evoke scents as a response. These cues also align with the roles that different fragrance notes play in the final perfume composition. For instance, the prompt “The smell of the weather” is an appropriate prompt for top notes, which are the first to emerge and fade away the fastest.

This provides an easy way for users to connect scents to something they’re definitely familiar with: their personal experiences.

#

More information is provided for users who want to know more about the scents and the reasoning behind each prompt. There's also a map in the upper right that displays the user's position in the fragrance wheel, allowing navigation through dragging or clicking.

Web page layout displaying
            perfume options. Central images:
Final Product

Visual Language

Layout showcasing design language of project including typography, photography, and motion. Typography includes fonts GT Alpina and Haas Grotesk. Photography features natural and movement-focused images, including blurred scenes and close-ups. Motion section displays three frames with text and image layouts, highlighting creative design concepts.

Start Your Journey

Explore & Build

Users can drag the entire screen or click on a location on the map to navigate the wheel. The colour gradients that follow the cursor also represent the different scents and change depending on your location on the wheel.

Click into the tiles to reveal scent stories and use the prompts as a guide to choose which ones to add to your fragrance.

Make it Yours

The scent can be named rearranged on the timeline until the user is satisfied.

To showcase the user's creation, a timeline of moving photos sweeps across the screen for an immersive final experience. A simplified version of this video can be downloaded or shared on social media, allowing users to highlight their unique creation.

Read More