Skip to content
Undenied
Get a free store teardown Book a 30-minute strategy call

Valoré

A couture beauty house told in motion: molten gold under the cursor, a morning that lights up as you arrive, and a product photography family made for the brand.

Client
Client build
Timeline
Built Sep 2026 · redesign live Sep 23 2026
Category
Luxury skincare & haircare
Status
Live and trading
Visit valorebeauty.us
valorebeauty.us
Valoré home page

The brief

Thirty skincare and haircare formulas at designer-brand prices needed a storefront with the restraint of a couture label.

The first version ran on stock photography, and every image had to be replaced with one that belonged to Valoré alone. The site had to feel expensive in the way it moves, not in how loudly it sells.

What we built

The parts that matter.

  1. 01

    Molten gold, live

    The hero is a WebGL shader of liquid gold that swirls under the cursor. The wordmark sits on top as real type, so it stays sharp and paints first.

  2. 02

    One morning, in light

    As the section arrives, a morning passes over the oil: blue pre-dawn, then a window's worth of sun slides across the wall and settles on the bottle, the oil glows and throws gold onto the stone, and only then does the line appear. It plays once by itself and stays lit, so it never holds up the scroll.

  3. 03

    The collection, sideways

    On a desktop the bestsellers pin and scrolling carries them sideways. On a phone it becomes a swipe rail, because pinned sideways scroll fights a thumb.

  4. 04

    An ingredient dial

    Scrolling turns a dial through the ten key ingredients: what each one does and the formulas that carry it, one click from the product.

  5. 05

    A photography family

    42 product shots and 6 texture studies, art-directed and rendered for the brand: frosted glass, brushed champagne-gold caps, travertine and window light, every label spelled right.

  6. 06

    Transitions with manners

    An ink curtain carrying the wordmark lifts off each new page. It never plays on the first visit, so it can't slow the first paint, and every animation stands still for visitors who ask for reduced motion.

In motion

Screenshots don't do it justice.

Recorded on the live site, nothing staged. Each one plays as it comes into view.

valorebeauty.us
Liquid gold: The hero shader, stirred by the cursor.
01Liquid goldThe hero shader, stirred by the cursor.
valorebeauty.us
Morning light: The sun crosses the wall and comes to rest on the bottle.
02Morning lightThe sun crosses the wall and comes to rest on the bottle.
valorebeauty.us
The collection rail: The section pins and the bestsellers travel sideways.
03The collection railThe section pins and the bestsellers travel sideways.
valorebeauty.us
The ingredient dial: Ten ingredients, one turn of the page.
04The ingredient dialTen ingredients, one turn of the page.
valorebeauty.us
The ink curtain: Every page change lifts a curtain carrying the wordmark.
05The ink curtainEvery page change lifts a curtain carrying the wordmark.

Product photography

One shelf, one light.

One look for every product: frosted cream glass, brushed champagne gold, travertine and soft window light. Art-directed and rendered for the brand, then held to one reference so all 42 shots sit together on a shelf.

Valoré serum, frosted glass dropper bottle on travertine
A dropper releasing a single golden drop onto travertine
Valoré cream jar with a brushed gold lid and a swatch of cream
Valoré face oil, a clear gold dropper bottle
A swirl of rich cream on travertine
Valoré gift box with a serum and a sprig of dried grass
Valoré mask jar, lid resting open
Golden oil droplets on glass, casting light onto stone
Valoré eye treatment in a pump bottle
Valoré SPF 50 tube lying on travertine
A clear gel pool with water droplets on stone
Valoré cleanser tube with a little foam

In the client's words

Luxury is in the details. It should never feel forced or excessive—it should simply feel right. Alex understood that from the beginning. He gave Valoré the elegance, restraint, and sophistication I wanted, and the result speaks for itself.
Pietro · Valoré

More of the real site

valorebeauty.us/shop
The shop: filter by product type or by skin concern, every photo from the same family.
The shop: filter by product type or by skin concern, every photo from the same family.
valorebeauty.us/shop/6
A product page: the formula in full and where it sits in the routine.
A product page: the formula in full and where it sits in the routine.

Under the hood

  • Next.js 16
  • React
  • WebGL
  • Motion
  • Lenis
  • Tailwind CSS
  • Supabase
  • Netlify
  • Square

Custom code, no page builder and no stack of paid plugins. The owner holds the code and the data.

Next project

Vitascend

Telehealth

Read the case study

Your store

Yours next.

Send us your store and we'll record a free video teardown: what's costing you sales, and what we'd build instead.

Free store teardown

Let's see what your store is leaving on the table.

  • A recorded walkthrough of your store, start to checkout
  • The fixes worth the most orders, in order
  • A fixed-price quote if you want us to build it

No store yet? Tell us what you're launching and we'll plan it with you.

Rather talk it through?

Book a 30-minute strategy call

Or message us on WhatsApp.

Free teardown Book a call