LUME

Brand and packaging direction, UI and UX, web design and Shopify build for LUME, a red light therapy brand, with custom Three.js interactions.

Website

Brief

LUME sell red light therapy tools, which takes a bit of explaining. So I designed the store to make the product easy to explore and its detail easy to read, then built it on Shopify.

Client

LUME. A red light therapy brand.

Tools

Shopify, Three.js

Role

Brand direction, packaging direction, UI and UX, web design

What I did

Brand, packaging, website design, Shopify build, Creative & Art Direction, AI Production, Design & Brand

Pick a light setting and save it

Product imagery, controls and information respond together as you explore.

Three.js

Some of it needed custom code: a live light field that follows your pointer and a product view that flips to the packaging.

A live light field

Small moments.

Tap to open.

A moment for yourself.

A softer transition between states.

1 item selected

The product page

Colour, type and timing.

Micro interaction 250ms

Reveal 850ms

Spacing 8 / 16 / 32 / 64

Ease .22 / .61 / .36 / 1

The wavelength selector shows which light goes into which product.

Red and near-infrared light.

Used in every LUME format. The Face Mask adds blue and amber.

635 nm red light is used in the Face Mask. 660 nm red light is used in the Blanket and Movement Mat.

Routines on video

Shopify

The rest of the store follows the same thinking, from the homepage to the product page.