Home/Selected work

Bareful — Personalized Haircare E-commerce Experience

A premium beauty brand and a guided personalization journey for discovering, customizing, and managing tailored haircare formulas.

Year
2022
Domain
Personalized Beauty Commerce
Platform
Responsive Web E-commerce
Scope
Product Design
Design System
Tools & Stack
Figma

Overview

Bareful is a personalized haircare e-commerce concept built around the idea that every customer’s hair is unique. The experience combines a premium beauty brand aesthetic with a guided personalization journey, helping users discover, customize, purchase, and manage haircare formulas tailored to their individual needs. The project covers the complete commerce journey, from first impression and formula creation through to purchase and ongoing account management, designed to feel like one cohesive experience from end to end.

Challenge

Personalized beauty asks more of a customer than an off-the-shelf product does. Before buying, people need to feel that a formula is genuinely right for them, which means the experience has to earn trust rather than simply present products.

That set a few clear challenges for the design:

  • Feel premium and considered without ever becoming cold or intimidating.
  • Make personalization feel simple and enjoyable rather than like work.
  • Stay cohesive as a single brand across a wide, multi-part experience.

Visual direction

The visual direction was chosen to make personalized beauty feel calm, refined, and personal, with a soft, warm palette that keeps attention on the product and the person. The overall aesthetic is feminine, minimal, and premium, yet still approachable, with generous space and restraint that let the experience feel breathable and considered. Type is used to set an editorial, high-end tone while keeping everything easy to read, so the brand feels like a considered beauty label rather than a standard online store.

Experience strategy

Personalized Product Discovery

The entry to the experience was designed to earn trust before asking for a sale. Rather than pushing straight to purchase, it leads with the brand’s philosophy and the idea of a formula made for each person, so interest is built on understanding rather than pressure.

Guided Formula Creation

Personalization was framed as a calm, guided consultation rather than a form to fill in. Breaking it into small, easy steps keeps the experience approachable and low-effort, so creating a formula feels enjoyable instead of demanding. The outcome is tied back to each person’s answers, so the recommendation reads as genuinely curated rather than generic. That connection is what makes the personalization feel credible and builds trust in the result.

Educational Ingredient Experience

Ingredient transparency was treated as a trust-building moment rather than a technical disclosure. Being open and direct about what goes into the product and what never will, turns what is usually dry information into a genuine reason to believe in the brand.

Key design highlights

Editorial Beauty Commerce

The experience was deliberately steered away from a generic store feel, leaning on editorial composition and storytelling so the brand reads as a premium beauty label rather than a basic online shop.

Consistent Multi-Page System

The experience spans many different page types, but one consistent system holds them together, so everything feels like a single, cohesive brand no matter where a customer is in the journey.

Mobile-First Practicality

The editorial richness of the desktop experience was carried to mobile without sacrificing usability, so even the more involved parts of the journey stay clear, practical, and easy to read on a small screen.

Outcome

The final result presents Bareful as a polished, personalized haircare brand with a complete experience that carries a customer from first discovery through to life after purchase. More than a store, it shows how personalization, education, and emotional storytelling can come together into one cohesive brand that feels genuinely made for the person using it.

Reflection

What Worked Well

The project succeeds in making a personalized beauty brand feel both premium and genuinely approachable. Leading with warmth and storytelling rather than a hard sell, and framing personalization as a calm, guided journey, the experience builds a real emotional connection between the customer and a product made for them.

🧩
What Could Improve

Future iterations could deepen the personalization itself, adapting recommendations to how a customer’s hair changes over time, and give returning customers richer ways to manage and evolve their routine as their relationship with the brand grows.

🧠
What This Project Reinforced

Designing for personalized products is not only about aesthetics, it is about building trust, reducing uncertainty, and helping people feel understood. In beauty commerce especially, every detail shapes whether a product feels personal and credible, which makes the balance between emotional branding and practical usability the thing that matters most.

Let's build something thoughtful together.

Open to meaningful collaborations, product design conversations, and building thoughtful digital experiences.