Back to work
E-Commerce2026

VORI

Premium fashion e-commerce platform

VORI is a premium fashion storefront built to sell a feeling. It’s a frontend-first model for a luxury clothing startup — a dark, immersive, 60fps experience where changing a product’s colourway morphs the entire page. A polished, working demo that shows a brand exactly what their store could feel like.

RoleSolo product — brand, design & frontend build
Timeline2026
PlatformWeb storefront · mobile-first
Next.jsTypeScriptTailwind CSSGSAPFramer Motion
01 — The bet

Sell the feeling first

Premium brands are judged in about three seconds. Nobody buys because the backend architecture is elegant — they buy because the site feels expensive the instant it loads.

So VORI is built frontend-first: a complete, beautiful storefront designed to make a luxury clothing startup feel premium before a single line of backend exists.

02 — The signature

Change the colour, change the world

The centrepiece is a living colour identity: pick a product’s colourway and the entire page morphs to match — background, navigation, glow, even the logo’s accent dot — in one smooth transition.

It turns a simple product choice into something physical and satisfying.

03 — Design & motion

Next-level, but 60fps

The brief was “next-level animation” — without ever dropping a frame on a phone.

  • A full e-commerce flow — catalogue, product pages, cart drawer, checkout — as a clean, modern model
  • An inline 360° product viewer with drag momentum
  • Sequenced, word-by-word entry animations and 3D product tilt on desktop
  • Engineered for a strict 60fps on mobile: transform/opacity only, safe areas, proper tap targets
04 — Honest scope

A model, ready to grow up

This is deliberately a frontend model — the cart, checkout and product pages all work against seed data, but there’s no live backend yet. It exists to show the experience and win the brand.

If a brand loves it, the architecture is already laid out to wire in real products, payments and delivery — without redesigning anything.

05 — Build

Built for the upgrade path

Next.js + TypeScript + Tailwind with GSAP and Framer Motion for the motion, structured as a monorepo with shared types so a real backend slots in cleanly later.

The whole thing is the pitch: this is what your store could feel like.

// the result
ColourwayMorphs the whole page
60fpsOn mobile, always
A modelReady to wire to backend

Got a manual workflow worth automating?

This kind of focused, end-to-end tool is exactly what I like building. Let's talk about yours.