Skip to content
Case Study
eCommerce · Branding · UX/UI · Development

Bloom
by Aneela

A premium made-to-order skincare platform where storytelling, commerce and production live as one considered experience.

ClientBloom by Aneela
IndustrySkincare · Made-to-order
Timeline10 weeks
PlatformWeb · Mobile · eCommerce
StatusShipped · In production
Bloom by Aneela — desktop homepage
PHOTO 01 · Replace with real Bloom asset (Photo 01)
Bloom by Aneela — mobile home
PHOTO 02 · Replace with real Bloom asset (Photo 02)
Bloom by Aneela — product listing
PHOTO 03 · Replace with real Bloom asset (Photo 03)
Scroll
The Story

A label built by hand.

Aneela started Bloom from her kitchen — a small line of skincare made slowly, for people she knew by name. The label grew because the products were honest. But growth introduced a quieter problem: a handmade brand needed a digital home that could carry its intent without diluting it.

We were invited in not to "build a store", but to translate a maker's philosophy into a platform: something that could hold the ritual of made-to-order production, tell the story of every ingredient, and still feel calm on a Tuesday-afternoon phone screen.

"I didn't want a shop. I wanted a place that felt like the way I actually make the products — slow, considered, and entirely mine."
Aneela — Founder, Bloom
The Challenge

A handmade label deserves a digital home just as considered.

Every product is prepared to order — a slower, more intentional way of working that most commerce platforms simply weren't built to respect.

Customers arrive mostly on mobile, curious rather than convinced. They want to understand the ingredients, feel confident about what "made fresh" really means, and finish a purchase without friction. The brand needed a home editorial enough to build trust, and practical enough to run a real production workflow behind it.

Project Goals
  • Position a premium, handmade brand online
  • Explain a made-to-order production model
  • Build trust with first-time skincare buyers
  • Design for a majority-mobile audience
  • Educate customers on ingredients & rituals
  • Keep the checkout calm and low-friction
Our Approach

Five principles, applied without compromise.

PHOTO 05 · Replace with real Bloom asset (Photo 05)
01Trust

Trust

Trust is earned before the cart. The homepage reads like a printed cover — restrained, confident, quiet. Nothing shouts because nothing needs to.

PHOTO 06 · Replace with real Bloom asset (Photo 06)
02Storytelling

Storytelling

Every product page is written like a curator's note. The maker's voice appears where a spec sheet usually would, and photography is treated as still life, not stock.

PHOTO 07 · Replace with real Bloom asset (Photo 07)
03Education

Education

Ingredients aren't buried. Each is explained in plain language — what it does, where it comes from, why it's in the formula. Understanding replaces persuasion.

PHOTO 08 · Replace with real Bloom asset (Photo 08)
04Mobile-first

Mobile-first

Every layout was proven on a phone before it earned a desktop treatment. One-thumb navigation, calm tap targets, magazine-style reading — the phone is the primary canvas.

PHOTO 09 · Replace with real Bloom asset (Photo 09)
05Made Fresh to Order

Made Fresh to Order

The production reality shapes the interface: honest lead times, quiet order updates, and a checkout that treats waiting as anticipation rather than delay.

Design Philosophy

A quiet, editorial visual language.

Every element was chosen to feel like a considered object. Restraint over decoration, structure over noise.

PHOTO 10 · Replace with real Bloom asset (Photo 10)
Typography

A modern serif for editorial voice, paired with a quiet humanist sans for interface clarity.

Colour

Warm ivory, blush and softened graphite — a palette borrowed from linen, paper and amber glass.

Photography

Natural light, single subject, generous negative space. Product treated as still life.

Spacing

A single spacing scale used consistently across every surface — so the page breathes at every breakpoint.

Interaction

Calm easing, short durations, nothing that competes with the product. Motion as punctuation.

Mobile Experience

Designed on a phone, before a desktop.

Most Bloom customers arrive on mobile — often between other things. Every layout, tap target and reading rhythm was proven on a phone before it ever earned a desktop treatment.

  • One-thumb navigation with generous, calm tap targets.
  • Product stories that read like a magazine, not a spec sheet.
  • Guest checkout that removes friction without hiding trust cues.
  • Optimised for mid-range devices, not just showroom phones.
Bloom — mobile homepage
PHOTO 11 · Replace with real Bloom asset (Photo 11)
Bloom — mobile checkout
PHOTO 12 · Replace with real Bloom asset (Photo 12)
Commerce Journey

A calm path from curiosity to made-fresh.

Five deliberate steps, each designed to lower doubt and build anticipation for something worth waiting for.

    01

    Discover

    Editorial homepage introduces the brand's point of view.

    02

    Learn

    Ingredient stories build understanding, not obligation.

    03

    Choose

    Product pages read like a curator's note, not a spec sheet.

    04

    Checkout

    Guest-first, minimal fields, honest trust signals.

    05

    Made Fresh

    The order enters production — the customer is kept informed.

Business Foundation

A platform that grows without being rebuilt.

Beneath the editorial surface is an operational spine. Content is structured, not typed; the shop, story and production pipeline share one source of truth; and every screen is built to accept features the brand doesn't yet know it needs.

Operational thinking

Orders, production stages and customer messaging modelled as one connected flow.

Future-ready architecture

Structured content ready for subscription rituals, personalisation and AI recommendations.

Scalable platform

New categories, campaigns and languages ship without touching the visual system.

Maker-friendly ops

A back-of-house that lets the founder spend more time formulating, less time in spreadsheets.

Results

Outcomes that matter to the business.

No vanity metrics. What actually changed for the label after launch.

01

A premium customer experience

An editorial home that positions Bloom alongside brands two sizes larger, without losing its handmade voice.

02

Trust-building UX

Guest checkout, honest ingredient stories and quiet reassurance where hesitation usually lives.

03

A production-aware workflow

A made-to-order pipeline that respects how the label actually operates, order by order.

04

A future-ready platform

Foundations ready for personalisation, subscription rituals and AI-assisted recommendations when the brand is ready.

Lessons Learned

What the project taught us.

01

Restraint is a feature

The most premium decision was almost always the one we didn't make. Whitespace out-performed decoration at every review.

02

The phone sets the standard

If a section didn't feel right on a mid-range Android, it wasn't right anywhere. Mobile-first stopped being a checkbox and became the ceiling.

03

Story compounds trust

Every paragraph the founder wrote in her own voice out-converted anything we could optimise into place afterwards.

04

Ops belong in design

The made-to-order workflow wasn't a back-office concern — it shaped the checkout, the lead times, and the tone of every email.

Technology

Chosen for longevity, not novelty.

Framework
Next.js
Library
React
Styling
Tailwind
Backend
Supabase
Hosting
Vercel
Project Gallery

Selected surfaces.

Click any image to view it in full.

PHOTO 13 · Replace with real Bloom asset (Photo 13)
PHOTO 14 · Replace with real Bloom asset (Photo 14)
PHOTO 15 · Replace with real Bloom asset (Photo 15)
PHOTO 16 · Replace with real Bloom asset (Photo 16)
PHOTO 17 · Replace with real Bloom asset (Photo 17)
PHOTO 18 · Replace with real Bloom asset (Photo 18)
Reflection

"The website was never the product.
It was the first impression of the product."

Bloom by Aneela — botanical still life
Next

More stories coming soon.

Until then — if this is the kind of work you want doing quietly and properly, we'd like to hear from you.