E-Commerce / Fragrance

Apollo Fragrances

Apollo Fragrances is a premium eCommerce website for luxury-inspired perfumes, combining refined visuals, smooth interactions, strong product presentation, and an easy shopping experience.

Apollo Fragrances

PROJECT OVERVIEW

2026

THE CHALLENGE

The main challenge was translating the sensory experience of fragrance into a digital interface. Unlike physical retail, customers cannot smell a perfume before purchasing it online, so the website needed to build confidence through presentation and information. At the same time, the visual design had to feel premium without becoming overly decorative or making the shopping flow difficult. Another challenge was balancing high-impact product photography and animation with responsive performance across different screen sizes.

Design Process

From concept to creation — a step-by-step journey of crafting the perfect design.

01

Discovery & Research

Studied the fragrance market, customer buying behavior, product information requirements, and premium visual references to establish the website's experience and direction.

02

Information Architecture

Structured the homepage, collections, shop categories, product pages, cart experience, contact flow, and supporting content around simple product discovery.

03

Visual Direction

Created a refined visual language using elegant typography, dark premium tones, strong fragrance photography, spacious compositions, and consistent branding.

04

UI / UX Design

Designed responsive product cards, collection layouts, image galleries, fragrance information blocks, navigation, reviews, FAQs, and purchase interactions.

Initial Concepts

From concept to creation — a step-by-step journey of crafting the perfect design.

Concept 1
Concept 2
Concept 3
Concept 4
Concept 5
Concept 6
Concept 7
Concept 8
Concept 1
Concept 2
Concept 3
Concept 4
Concept 5
Concept 6
Concept 7
Concept 8

Apollo Fragrances – E-Commerce Website Showcase

A visually striking 3D animation that captured emotion, movement, and meaning — turning the client’s vision into a cinematic story.

Building a Strong Luxury Fragrance Presence

The 3D animation became a defining moment for the brand — transforming how their story was seen and felt.

Technologies & Tools Behind The Craft

The 3D animation became a defining moment for the brand — transforming how their story was seen and felt.

Next.js

Next.js

Application architecture, routing, rendering, image optimization, and reusable frontend structure.

Figma

Figma

Used for interface planning, visual design, layout structure, component systems, and preparing the overall user experience before development.

Tailwind CSS

Tailwind CSS

Used to create responsive layouts, consistent spacing, typography, reusable styling patterns, and fast UI development.

JavaScript

JavaScript

Used to handle interactive functionality, dynamic behavior, custom logic, events, and frontend application features.

Stripe

Stripe

Used to implement secure online payments, checkout flows, transaction handling, and payment-related functionality.

From Pixels to Perfection

A seamless blend of artistry and technology shaped every frame of this 3D experience.

4.0 PROJECTS

MAJOR PROJECTS

Prodigi Studio

Prodigi Studio

A modern agency website designed for Prodigi Studio, showcasing design, development, and creative digital services with a clean and professional UI.

Webnify

Webnify

A modern portfolio website designed to present creative work with clean visuals, smooth interactions, and a professional user experience.

PRODI ● Online
PRODI

Hello. I'm PRODI, the Prodigi Studios AI assistant. Ask me anything about our work, services, or how we can help you.