Custom Shopify Site for The Notes Fragrance

Mason Price

Verified

1 collaborator

Live Showcase of The Notes website.
About the Client: 👥
We’re thrilled to showcase our work with The Notes, a premium fragrance brand based out of Europe. This startup wanted to create a unique, personalized shopping experience, and we helped bring that vision to life. Their main challenge was developing a custom configurator that allows users to create fragrance bundles with different frequencies, all while maintaining full control over their storefront without being constrained by Shopify themes or page builders.
What we used to complete this job: 🛠️
Next.js & React for a powerful and flexible custom storefront
Shopify API for seamless integration with Shopify’s backend and real-time data syncing
Custom Configurator for creating personalized fragrance bundles with different frequencies, all done without any plugins
Smooth Scroll with Framer Motion to create a dynamic, fluid experience on the About page
Meta Fields and other Shopify tools to adapt to custom notes and scents, ensuring the configurator worked as intended
Close collaboration with the client to understand and tackle the complex challenges in building a seamless fragrance configuration experience
The results: 🏆
This collaboration led to the development of a high-performance, headless Shopify site that:
Delivered a fully customized fragrance configurator allowing users to create bespoke bundles without relying on any page builders or plugins
Enhanced user experience with smooth scrolling and dynamic transitions powered by Framer Motion
Created a scalable, custom storefront that seamlessly integrates with Shopify, providing complete flexibility without limitations
Empowered the client to control every aspect of their e-commerce experience, overcoming previous challenges others couldn’t tackle
Offered a unique digital experience that showcases the client’s premium fragrance brand and sets them apart in the market
This project proved to be a rewarding and challenging experience, and we’re excited to have helped bring The Notes’ vision to life.
Check out the work! ⬇️
About Page uses Framer Motion and Lenis Smooth Scroll for a premium experience.
About Page uses Framer Motion and Lenis Smooth Scroll for a premium experience.
The Shopify site is headless, but all products sync dynamically through the Shopify API.
The Shopify site is headless, but all products sync dynamically through the Shopify API.
Metafields are used to apply custom notes fields to each fragrance.
Metafields are used to apply custom notes fields to each fragrance.
Used Shopify subscriptions to allow users to get recurring orders.
Used Shopify subscriptions to allow users to get recurring orders.
Like this project

Posted Aug 8, 2025

We built a custom Shopify site for The Notes, featuring a unique fragrance configurator and dynamic design, offering a personalized e-commerce experience.

Framer Landing Page for Trading Card Startup Slabscan
Framer Landing Page for Trading Card Startup Slabscan
Shuffle | Custom Shopify Web3 Streetwear Brand
Shuffle | Custom Shopify Web3 Streetwear Brand
Boston Hurricanes Sports Website | Framer Design & Development
Boston Hurricanes Sports Website | Framer Design & Development
Kenji Kuramoto Personal Website Framer Development
Kenji Kuramoto Personal Website Framer Development

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc