Zoomcode logoZoomcode
Retail · Cosmetics · 2024

Steelo's Fragrances

A bespoke digital e-commerce experience for Steelo's Fragrances, introducing an AI Scent Finder (AIS) that matches users to premium notes (like Midnight Mist and Mystic Woods) based on personal mood and sensory choices.

Steelo's Fragrances

Steelo's Fragrances (steelosfragrances.com) creates storytelling perfumes inspired by nature. Since purchasing fragrances online is highly subjective, we developed a personalized shopping journey backed by an AI-Guided Scent System (AIS) that recommends custom blends based on lifestyle parameters, mood inputs, and notes preferences.

Client
Steelo's Fragrances
Industry
E-commerce & AI Scent Finder
Year
2024
Scope
Next.js, React, Python AI, Shopify Storefront
Challenge & solution

From problem to product.

The challenge
  • 01Simulating scent profiles digitally without physical product testing
  • 02Calculating complex recommendations in real time based on user answers
  • 03Creating a premium, storytelling e-commerce interface matching their luxury branding
  • 04Scaling headless Shopify checkout with high loading speed
The solution
  • AI-Guided Scent Finder (AIS) with note clustering algorithm
  • Headless architecture using Next.js and Shopify Storefront GraphQL API
  • Rich glassmorphic transitions and dark theme matching the brand aesthetic
  • Fast and secure one-step checkout for frictionless conversions
Next.jsReactTailwind CSSPythonFastAPIPostgreSQLVercelShopify API
Steelo's Fragrances showcase
Results

The outcomes that mattered.

Recommendation Accuracy
Conversion Lift
Page Load Speed
Uptime
Highlights

Built around what matters.

Highlight 01

AI Scent Profiler (AIS)

An interactive questionnaire matching user mood, favorite elements, and seasons to targeted wood/citrus/oriental notes.

AI Scent Profiler (AIS)
01
Highlight 02

Storytelling Product Pages

Immersive visuals describing top, middle, and base notes for Midnight Mist, Mystic Woods, and others.

Storytelling Product Pages
02
Highlight 03

Headless Performance Engine

Under 1.8-second catalog navigation ensuring seamless user transitions.

Headless Performance Engine
03
Highlight 04

Interactive Discovery Mode

Responsive sliders to navigate moods (power, confidence, allure, intimacy) and update recommendations instantly.

Interactive Discovery Mode
04
A closer look

Inside the product.

Steelo Homepage

Selling perfumes online is notoriously difficult, but the AI Scent Finder built by Zoomcode changed everything. Customers trust the recommendations and conversion skyrocketed by 40%.
STSteelo's TeamFounders, Steelo's Fragrances
Recommendation Accuracy

Have a project like this in mind?

Tell us where you are and where you want to be — we'll map the fastest, safest path to get there.

View all work