September 7, 2025

Premium Perfume E-commerce Platform & Admin System

Premium Perfume E-commerce Platform & Admin System

Premium Perfume E-commerce Platform & Admin System

Role
Product Designer · UI/UX Designer

Tools
Figma

Role
Product Designer · UI/UX Designer

Tools
Figma

Role
Product Designer · UI/UX Designer

Tools
Figma

Man Smoking
Man Smoking

Year

Sept 2025

Client

Serena Braide

Category

Lead Product Designer : Sept 2025

Product Duration

4 Weeks
Overview
Overview

Serena Braide is a premium fragrance brand focused on delivering a refined luxury experience through digital commerce. The project involved designing a complete end-to-end e-commerce ecosystem that balances elegant brand storytelling with seamless purchasing and operational efficiency.

The scope covered both the customer-facing storefront and a comprehensive admin management system, creating a unified experience across shopping, payments, inventory, and order management.


The Challenge

Luxury perfume brands often struggle to balance aesthetics with usability. Many fragrance e-commerce experiences prioritize visuals while creating friction in navigation, product discovery, checkout, or mobile responsiveness.


The challenge was to design a platform that could:

  • Communicate the sophistication of the Serena Braide brand

  • Simplify product discovery and purchasing

  • Reduce friction across checkout and payment flows

  • Support operational efficiency through an intuitive admin system

  • Create a scalable structure for future product and business growth

Design Goal
Design Goal

Design a modern luxury e-commerce experience that makes fragrance discovery and purchasing effortless while providing the business with a scalable backend system for inventory, order, and customer management.


What I Delivered

  • End-to-end UX/UI design for customer and admin experiences

  • Information architecture and service flow mapping

  • Responsive design system across desktop and mobile

  • Interactive product and checkout experiences

  • Admin dashboard workflows and management tools

  • Design-to-development collaboration and implementation support


Product Experience

Customer Storefront

The storefront was designed to combine premium visual storytelling with intuitive shopping flows. The experience prioritizes clarity, fast navigation, and mobile usability while maintaining a refined luxury aesthetic.


Key Features

  • Responsive luxury-focused interface

  • Featured product discovery experience

  • Brand storytelling and About pages

  • Product listing and detailed product pages

  • Real-time search with live suggestions

  • Add-to-cart and streamlined checkout flow

  • Guest checkout and account-based purchasing

  • Order confirmation and automated email receipts


Payment Experience

The payment flow was designed to minimize friction while supporting multiple transaction pathways.


Payment Features

  • Seamless Paystack integration

  • Serena E-gift card payment support

  • Success and failed transaction handling

  • Transaction ID storage and tracking


Admin Dashboard

Alongside the storefront, a full operational dashboard was designed to help the business efficiently manage products, inventory, customers, and orders from a centralized system.

The dashboard focused on simplifying operational workflows rather than overwhelming administrators with dense management interfaces.


Admin Features

  • Secure authentication and password management

  • Product creation and editing workflows

  • Inventory and stock management

  • Category management system

  • Order tracking and status updates

  • Manual cancellation and refund handling

  • Customer database and order history access

  • Gift card management system

  • Exportable reports (CSV/PDF)

  • Automated email notification workflows

Man
Design Process
Design Process

Research & Discovery

The process began with competitive analysis across luxury fragrance brands and modern e-commerce platforms. The research identified recurring friction points including:


  • Complicated checkout experiences

  • Weak mobile optimization

  • Poor product discoverability

  • Overly cluttered navigation systems

  • Limited backend usability for store management

These findings informed the platform structure, interaction flows, and content hierarchy.


Design Focus Areas

1. Luxury Without Friction

The interface was designed to feel premium without sacrificing usability. Clean spacing, restrained hierarchy, and intentional product presentation helped create a more refined browsing experience.

2. Product Discovery

Search, categorization, and product layouts were structured to help users quickly explore fragrances without cognitive overload.

3. Operational Simplicity

The admin experience focused on making complex tasks like inventory updates, order management, and customer tracking more manageable through clearer workflows and system organization.

4. Mobile-First Commerce

Given the high percentage of mobile commerce traffic, the experience was optimized for smaller screens with simplified navigation, responsive layouts, and touch-friendly interactions.

Man Smoking
Outcome
Outcome
  • Created a cohesive luxury e-commerce experience aligned with the Serena Braide brand

  • Improved clarity and usability across product discovery and checkout flows

  • Built a scalable admin system for inventory and order operations

  • Established a responsive design foundation optimized for mobile commerce

  • Delivered a structured experience ready for future product and marketing expansion


This project focused on translating a luxury fragrance brand into a functional digital commerce experience where elegance and usability could coexist seamlessly. Beyond visual design, the work centered on creating structure, clarity, and operational efficiency across both customer and business-facing experiences.

Man
  • More Works More Works

03

//FAQ

Concerns

Frequently

Asked Questions

01

What do you specialize in?

02

Do you design end-to-end products or only audit existing ones?

03

What industries have you worked in?

04

Are you open to remote work or collaborations?

03

//FAQ

Concerns

Frequently

Asked Questions

01

What do you specialize in?

02

Do you design end-to-end products or only audit existing ones?

03

What industries have you worked in?

04

Are you open to remote work or collaborations?

//FAQ

Concerns

Frequently

Asked Question

What do you specialize in?
Do you design end-to-end products or only audit existing ones?
What industries have you worked in?
Are you open to remote work or collaborations?

03

//FAQ

Concerns

Frequently

Asked Questions

01

What do you specialize in?

02

Do you design end-to-end products or only audit existing ones?

03

What industries have you worked in?

04

Are you open to remote work or collaborations?

Let'S WORK

TOGETHER

Let'S WORK

TOGETHER

Let'S WORK

TOGETHER

Let'S WORK

TOGETHER

Create a free website with Framer, the website builder loved by startups, designers and agencies.