Case Study · Branding & Web Design

Lumina Skincare — Full Brand & E-Commerce Relaunch

A complete brand relaunch and online store redesign that turned a fading storefront into a fast, premium shopping experience — growing online sales 3x in just six months.

ClientLumina Skincare Co.
RoleBrand & Web Design
Timeline12 Weeks
Year2025
Project Overview

A quick snapshot

Lumina Skincare came to us with a five-year-old website that no longer reflected the quality of their products. The goal was simple: build a brand and storefront that feels as premium as what's inside the bottle.

Industry
Skincare & Beauty
Services
Brand + Web + Dev
Platform
Headless Storefront
Team
2 Designers, 1 Dev
The Problem

Where things stood before

The existing site was slow, inconsistent across devices, and didn't communicate what made Lumina's products different. Traffic was steady, but very few visitors ever made it to checkout.

Customer feedback pointed to confusing navigation, low-quality product imagery, and a checkout flow that felt disconnected from the rest of the brand.

"We knew our products were great — our website just wasn't telling that story."

The Solution

What we built instead

We designed a new visual identity rooted in soft, natural tones, then rebuilt the storefront from scratch with performance and clarity as the top priorities.

  • A refreshed brand identity with a flexible logo system and updated packaging photography direction.
  • A component-based storefront that loads fast on any device and any connection.
  • A simplified three-step checkout that reduced friction at the final purchase step.
  • A modular content system so the team can launch new collections without developer help.
Process

How the project came together

01

Research

Interviews, analytics review, and a full audit of the existing experience.

02

Wireframes

Low-fidelity flows to map navigation and checkout before any visual design.

03

Visual Design

Building the new brand system and applying it across every key page.

04

Development

Turning approved designs into a fast, responsive storefront.

05

QA & Launch

Cross-device testing, content migration, and a phased public launch.

Key Features

What the new site includes

01

Responsive Storefront

A layout that adapts cleanly from large desktop screens down to mobile.

02

Product Configurator

Lets shoppers customize bundles and preview them before adding to cart.

03

Streamlined Checkout

A distraction-free, three-step checkout built to reduce drop-off.

04

CMS-Driven Content

Marketing can update banners and collections without touching code.

05

Performance Optimized

Compressed media and lazy-loading keep every page fast.

06

Accessibility Built-In

Keyboard navigation and color contrast checked against WCAG guidelines.

Technologies Used

Tools behind the build

Figma Webflow HTML5 & CSS3 JavaScript GSAP Google Analytics
Results

The impact, in numbers

3x

Online Sales Growth

+210%

Organic Traffic

-38%

Cart Abandonment

97%

Client Satisfaction

Testimonial

What the client said

★★★★★

"The new site finally looks and feels like the brand we always dreamed of. Our team can't imagine going back to the old one."

SL
Sarah Lin
Founder, Lumina Skincare Co.
Let's Talk

Have a similar project in mind?

I help brands design and build premium digital experiences that convert. Let's talk about what we could build together.

Project1

Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...