Cosmetic Brand Rebranding

BUSINESS

UX/ UI Product Designer & Re-branding

YEAR

2025

Problem Analysis

Current State Assessment: The brand's website suffered from multiple interconnected issues affecting user experience and conversion potential.

Core UX Problems Identified:

Outdated UI components no longer aligned with user expectations or contemporary aesthetic standards
Limited accessibility optimization impacting usability for diverse user groups
Absence of defined outlines around images resulted in unpolished visual presentation
Information overload creating cluttered navigation experience
Lack of strategic design elements to guide users toward purchase completion
Inconsistent experience between mobile and desktop platforms creating unnecessary friction

Business Impact: The disjointed experience eroded user confidence, directly affecting conversion rates and long-term brand loyalty. Without clear visual and structural flow, the site failed to deliver the premium positioning expected by the luxury clientele.

Research & Benchmarking

Comprehensive benchmarking analysis was conducted focusing on contemporary UX patterns and competitive landscape positioning.

Solution Implementation

Design Strategy: The redesign prioritized essential elements for purchasing decisions through cleaner, sophisticated visual structure effectively communicating premium brand positioning.

Key Improvements Delivered:

Enhanced visual hierarchy with better organization of product information
Strategic emphasis on crucial conversion elements (customer reviews, product variations, stock availability)
Visual consistency between desktop and mobile ensuring seamless cross-device experience
Functional optimization including intuitive quantity selector, integrated shipping calculator, and clear payment options visualization
Detailed, educational product feature presentation aligned with luxury market expectations
Reduced purchasing friction through streamlined information architecture

Outcome: The redesigned interface provides users with more confident, efficient shopping experience aligned with expectations of clientele seeking luxury products in digital environments.

⚡

Function first

The hierarchy is fixed: function, clarity,

accessibility, feedback, efficiency,

consistency — aesthetics last.

🔍

Transparency

Every insight is labeled — DATA,

ESTIMATED, or INFERENCE — so you always

know what's a fact.

📐

Principles, not opinions

Feedback is grounded in established

frameworks: Nielsen, Fitts, Gestalt, Von

Restorff, WCAG 2.1.

🎯

Precision over vagueness

Every output includes exact values, hex

codes, pixel sizes, and WCAG levels.

Nothing is left to interpretation.

Open Source. Free to use.

All 5 skills are available on GitHub. Download, modify, or build on top of them.

Browse full repository

➜

Browse full repository

➜