Project9 / 10

Digital Perfumery Commerce / 2021

Maison 21G

A bespoke perfume-shopping experience connecting scent discovery, ingredient mixing and bottle customization.

My role
Principal UX/UI Designer
Client
Maison 21G
Scope
Scent questionnaire, discovery and mixing flows · Bottle customization

Led user research, collaborative workshops, interface design, prototyping and usability evaluation.

Overview

Maison 21G wanted to translate its olfactory expertise into an experience customers could use online and in store.

Customers needed a useful way to explore a product they could not smell through a screen, while creating a scent and bottle that felt personal.

Design choices

A questionnaire leads into scent suggestions and ingredient mixing. Bottle labels and typography can then be customized before purchase.

  • Guide discovery with an approachable questionnaire and immediate scent feedback.
  • Let customers explore ingredients and adjust their own blend.
  • Connect scent creation to bottle customization in the same shopping journey.

Results

  • Prototype testing received favorable qualitative feedback from online consumers and in-store shoppers.
  • Scent creation stood out as a useful, engaging part of the experience.
Maison 21G gallery
Maison 21G: In-store research workshop
01Maison 21G: In-store research workshop
Maison 21G: Scent creation flow
02Maison 21G: Scent creation flow
Maison 21G: bottle customization
03Maison 21G: bottle customization
Maison 21G: Website and product screens
04Maison 21G: Website and product screens
Maison 21G: design process
05Maison 21G: design process
Maison 21G: prototype flow
06Maison 21G: prototype flow

Project details

Read the process

Commerce Experience Showcase · 1 month

  1. Learn from shoppers and experts

    Reviewed perfume and customization experiences, gathered consumer input and held a Q&A and ideation workshop with the in-house olfactory team.

  2. Map discovery to purchase

    Developed personas, journeys, information architecture and flows for both online and in-store customization.

  3. Prototype scent and bottle creation

    Built low- and high-fidelity screens, then connected the questionnaire, mixing and bottle customization steps in Figma.

  4. Evaluate the prototype

    Collected usability and Q&A feedback. The source reports favorable reactions to scent creation but does not provide a numeric conversion uplift.

Tools Used

Project tools

  • Figma
  • LottieFiles

Current case-study workflow

  • Codex
  • Notion

Current documentation and presentation workflow; not a claim that these tools were used during the original project.

Deliverables
  • Scent questionnaire, discovery and mixing flows
  • Bottle customization
  • Linked shopping prototype
  • Responsive interface
  • Online and in-store flows
Next projectZarklab