Core Fragrance
One of Smelo’s three equally important core products, presented as a distinct choice within the collection.
Client Project / Fragrance Brand
Smelo
Premium Fragrance Brand Website & Conversion Experience
A premium digital experience created to showcase Smelo’s three core fragrances, communicate the brand’s identity, and create a simple path from discovery to ordering.
Project Overview
Smelo is a premium fragrance brand website focused on presenting three core fragrances through an elegant digital experience. The website combines product discovery, premium visual presentation, responsive interactions, and direct customer contact to guide visitors toward choosing and ordering a fragrance.
From Brand Discovery to Purchase
The website’s primary goal is to help customers discover Smelo’s fragrances and move naturally toward an order.
Discover Smelo
Meet the brand and its premium identity.
Explore the Collection
Enter the product experience through a clear collection path.
Choose a Fragrance
Compare the three core fragrances and select with confidence.
Order / Contact Smelo
Continue toward ordering or direct conversation.
Unnecessary friction is intentionally minimized between product interest and customer action.
Three Fragrances. One Smelo Identity.
Each fragrance is presented as an independent product choice, giving customers a clear way to explore the collection and select the scent that suits them.
Core Fragrance
One of Smelo’s three equally important core products, presented as a distinct choice within the collection.
Celestial Bloom
One of Smelo’s three equally important core products, presented with the same emphasis as the rest of the collection.
Luxury, Without Excess
Smelo’s established visual language balances darkness, gold detail, and calm typography for a premium fragrance presence.
- Dark luxury aesthetic
- Gold accents
- Light typography
- Premium product presentation
- Large visual moments
- Generous spacing
- Clean typography
- Atmospheric lighting
- Minimal interface
- Strong visual hierarchy
Designed to Move Customers Forward
Two clear paths help visitors move from interest to action—without unnecessary steps.
Path 01
View Collection
- View Collection
- Discover three fragrances
- Choose a fragrance
- Order
Path 02
- Contact Smelo
- Ask / order
The View Collection CTA acts as a clear product-discovery entry point, with a subtle glowing animation that draws attention without overpowering the page.
Built Around Product Discovery
The responsive product experience keeps the collection accessible across desktop, tablet, and mobile.
Desktop
Large product presentation, multiple product cards, hover interactions, and generous spacing.
Tablet
Responsive card sizing, adapted typography, and appropriate CTA placement.
Mobile
Product card/carousel presentation, touch interaction, full product visibility, a responsive hero, accessible CTAs, and a floating WhatsApp action.
Responsive product-card visibility and layout behavior were refined so the collection remains accessible on smaller screens.
Motion With Purpose
The interaction design uses motion to guide attention and reinforce the premium character of the brand without overwhelming the browsing experience.
View Collection glow
WhatsApp glow
Product reveal
Card transitions
Hover effects
Smooth scrolling
Subtle image movement
A Direct Line to the Customer
The floating WhatsApp action provides a direct route for visitors who want to ask questions or place an order through conversation.
Interest
WhatsApp
Conversation
Order
The previous “CLICK ME” label was removed. The final direction uses a standalone WhatsApp floating action with a subtle glow.
Beyond the Website
The Smelo digital identity extends into social and campaign content, carrying the black and gold premium language consistently across the website and supporting promotional artwork.
- Instagram promotional assets
- Product launch artwork
- Seasonal campaigns
- Festival campaigns
- Celestial Bloom launch / promotional artwork
- Onam campaign
- Independence Day campaign
For Celestial Bloom, established emotional messaging remains: Heavenly, Soft, and Calm. Those characteristics are not applied to the other fragrances.
Technical Implementation
The live Smelo experience is delivered as a static frontend website with dedicated stylesheets and client-side JavaScript for storefront behavior and motion.
HTML
CSS
JavaScript
Refining the Mobile Experience
Challenge
The product-card layout and reveal behavior were not reliably maintaining visibility on smaller screens.
Solution
The responsive layout and reveal behavior were refined so product cards retain proper layout structure, visibility, touch interaction, and horizontal browsing behavior where used.
A Digital Experience Built for Desire and Action
The completed Smelo website gives the brand a premium digital presence for presenting its three core fragrances, communicating its visual identity, guiding customers toward the collection, and providing direct routes toward ordering and customer contact.
The project demonstrates Quinac Global’s ability to combine premium visual design, responsive frontend development, product presentation, conversion-focused UX, and supporting digital marketing assets into a cohesive brand experience.
Experience Smelo
Explore the live fragrance experience and see how Smelo combines premium presentation, product discovery, and a simple path toward customer action.