Full-Stack eCommerce website Redesign

Ifeoluwa Ajele

Project Summary

Title: Zaron Cosmetics – A Dual-Faced Digital Transformation Role: UI/UX Designer, Experience Strategist Tools Used: Figma, FigJam, Notion Duration: 6 Weeks
What This Project Was Really About: More than a facelift. This was about elevating an African beauty powerhouse into a scalable, world-class digital operation both for the woman on her phone trying to find her perfect shade, and the team behind the scenes making it all happen.

The Brand Context

About Zaron Cosmetics: Zaron is a bold, African-rooted beauty brand. It exists to serve melanin-rich skin with quality, inclusivity, and power. But even brands that embody beauty need a digital system that matches their ambition.
The Problem: The existing ecosystem was fragmented, outdated, and failing both customers and the internal team. It needed more than a refresh, it needed an intentional reinvention.

Project Objectives

For Customers:
Craft a seamless, intuitive shopping experience
Make shade discovery joyful, not frustrating
Modernize the look without losing authenticity
For the Back Office:
Give the internal team power, not friction
Make insights and operations visible and manageable
Build a platform that scales as fast as the brand does

Research That Informed the Blueprint

I didn’t design in a vacuum.
Insights from Customers:
“I don’t know if this shade will match me.”
“The site is too slow on mobile.”
“I want to shop faster.”
Insights from the Zaron Team:
“I can’t find the orders I need to update.”
“Inventory tracking is chaotic.”
“Reporting is manual , everything takes too long.”
I merged empathy and insight into a design system that works.

Design Strategy That Anchored Everything

Visual Language:
Public Platform: Melanin-first imagery, bold typography, rich reds and golds
Admin System: Crisp lines, clean grids, high legibility utility without the ugly
Experience Principles:
Beauty meets functionality
Every click should feel intentional
Information must feel effortless to find

What I Designed And Why It Works

Customer-Facing Website
Homepage: Immediate visual identity, campaign-led navigation
PLP: Filters that work, not frustrate. Fast scan layout.
PDP: Swatches that actually show. Bundled upsells that feel helpful.
Checkout: Guest-friendly. Fewer steps. No fluff.
Back Office System
Dashboard: Live sales KPIs, restock alerts, and intuitive graphs
Inventory: Uploads, edits, alerts — all in one logic-based system
Orders: Track, update, filter — frictionless logistics
Users & Permissions: Role-based access, admin-level flexibility

The Outcomes

+30% faster checkout completion
-40% time spent processing orders
+Significant internal efficiency and team satisfaction
But beyond metrics we brought dignity to the work behind beauty. We gave both customers and staff the power of clarity.

The Bigger Picture

What This Project Taught Me: Great digital platforms don’t just sell. They serve. The front and back office are two sides of the same coin and both deserve intentionality.
What’s Next:
Smarter data integrations for Zaron’s leadership
Community content on PDPs to build trust
Hyper-localized flows as the brand goes global

Final Thoughts

This wasn’t just a design task, it was a product transformation. From discovery to deployment, I rebuilt how Zaron connects with the women it serves and the team behind the scenes.
If you're a founder, recruiter, or fellow creative know this: I don’t just design to make things look good. I design to make things work better bafor the people using it and the business running it.
Thanks for scrolling. Let’s create something powerful together.
View live website here
Like this project

Posted Jun 4, 2025

Revamped both store and admin dashboard to elevate experience, boost sales, and support operational growth.

Likes

0

Views

1

Clients

Zaron Cosmetics

Elevating Digital Finance: A Human-Centered Fintech Redesign
Elevating Digital Finance: A Human-Centered Fintech Redesign
GO4U: Food Delivery UI/UX Case Study
GO4U: Food Delivery UI/UX Case Study
Internship Placement by Design: A UX-First Approach
Internship Placement by Design: A UX-First Approach

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc