Back to work
E-commerce/2026/Full-Stack Developer

Nova Commerce

A store that feels like a magazine.

View live demo
Nova Commerce
Client
Self-initiated project
Timeline
Solo build
Role
Full-Stack Developer
Year
2026

Overview

Nova is a concept storefront for small-batch luxury outerwear. I built it to see how far I could push an e-commerce experience on feel alone — editorial product pages that sell the craft instead of competing on discount codes.

The Challenge

Templated storefronts all look the same and undersell premium products. I wanted to design something that felt as considered as the clothes it was selling, while still behaving like a real store with a working cart.

The Solution

A React storefront with editorial product pages built on GSAP scroll storytelling, a WebGL fabric close-up viewer in React Three Fiber, and a fully working cart with animated line items and a custom checkout UI (mock data).

What I built.

01

Editorial product pages

Long-scroll narratives with pinned images and typographic transitions.

02

WebGL fabric viewer

React Three Fiber close-up of fabric detail with a live material picker.

03

Custom cart drawer

Slide-in with animated line items, quantity controls and subtotal.

04

Checkout UI

A custom multi-step checkout interface (mock data, no real payments).

05

Instant search

Client-side search with faceted filtering across the catalogue.

06

Responsive by default

Tuned layouts from mobile to widescreen.

The process.

Step 1

Art direction

Editorial references, a custom type system and a motion language.

Step 2

Design

Product-page storytelling and the fabric viewer concept.

Step 3

Build

React frontend, GSAP sequences, WebGL viewer, working cart.

The Impact

Editorial
Product pages
Long-scroll storytelling with pinned images
WebGL
3D viewer
React Three Fiber fabric close-up
Working
Cart
Animated drawer with live subtotal
"I built Nova to see how far I could push an e-commerce storefront on feel alone — editorial product pages, a WebGL fabric viewer, and a cart that behaves like a real one."
H
Hunain
Builder's note · Self-initiated build

Next project

Atlas Analytics