VESPER — Cinematic Fragrance Storefront for Shopify by Nolan TyreeVESPER — Cinematic Fragrance Storefront for Shopify by Nolan Tyree

VESPER — Cinematic Fragrance Storefront for Shopify

Nolan Tyree

Nolan Tyree

Ten original fragrance compositions, unified by amber glass and burgundy. Family filters and sorting make the collection easier to explore.
Ten original fragrance compositions, unified by amber glass and burgundy. Family filters and sorting make the collection easier to explore.
Nightfall: an individual scent story with clear notes, two size options and a simple route to the bag.
Nightfall: an individual scent story with clear notes, two size options and a simple route to the bag.
Opening, heart and base notes unfold in three movements, with original storytelling for every fragrance.
Opening, heart and base notes unfold in three movements, with original storytelling for every fragrance.
Five scents, one starting point. The discovery page explains the set and connects each sample to its full-size composition.
Five scents, one starting point. The discovery page explains the set and connects each sample to its full-size composition.
The same cinematic identity on mobile, with clear gallery controls, product format and discovery content.
The same cinematic identity on mobile, with clear gallery controls, product format and discovery content.
VESPER — Cinematic Fragrance Storefront for Shopify
How do you help someone choose a fragrance they cannot smell through a screen?
VESPER explores that question through ten imagined fragrances and a five-scent discovery set. I created the visual direction, AI-generated product imagery, scent storytelling, responsive interface and Shopify theme implementation around a consistent palette of deep burgundy, amber glass and warm cream.
The brief I set myself: make the store feel intimate and cinematic while keeping product discovery, size selection and the bag straightforward.
01 — An atmosphere with a clear next step The homepage uses evening light, expressive typography and a single hero fragrance to establish the mood. Two clear paths let visitors explore the collection or begin with five samples.
02 — Ten fragrances, one coherent collection Each composition has its own imagery and scent profile. Family filters and simple sorting help visitors compare the collection without losing the visual identity.
03 — A product page that balances emotion and detail The story sets the scene; scent notes, size options and prices make the product understandable. Two image views offer atmosphere and a closer look at the bottle.
04 — Scent storytelling in three movements Opening, heart and base notes unfold through a restrained interactive section. Each fragrance has original passages and related selections rather than repeated placeholder copy.
05 — A thoughtful first encounter The discovery set introduces five distinct fragrances, with a clear five-by-two-millilitre format and links to each full-size composition.
06 — The same identity on a smaller screen The mobile layout carries the typography, palette and product imagery into a single-column flow with explicit gallery and size controls.
Implementation The Shopify development version includes eleven native products, two sizes for each full-size fragrance, tested bag interactions and theme settings for scent stories, alternate photographs and the five discovery selections. Targeted checks covered desktop, tablet and phone layouts, keyboard gallery operation and cart error handling.
The linked public version is a separate interactive presentation with a browser-local demonstration bag. It requires no store password and does not accept orders, payments or customer details.
Project status Self-initiated portfolio concept. The fragrances, packaging, prices and imagery are fictional; product imagery was created with AI assistance. This is a demonstration of design and implementation, with no client sales or conversion results claimed.
Have a Shopify store that needs a more distinctive experience? My storefront build and focused page-improvement services are available through this profile.
Like this project

Posted Nov 5, 2026

Self-initiated Shopify concept: ten fragrances, a five-scent discovery set, cinematic imagery and responsive shopping. Explore the interactive demo.