A Salty VetOlympia / Product systems
Back to Work

Work / Website portfolio

Open the work.
Scroll the story.

Film, motion, and interactive pages are meant to be experienced. Open a full-page demo, or choose a preview below and scroll inside it.

Full-page demos open in a new tab. Previews load only when you choose one.

The live collection

Three different worlds.

01

Original concept / Woodland apothecary

Moth & Mortar

A woodland film that moves with your scroll. Follow the fairy into the grove, then explore the imagined botanical collection.

Scroll-scrubbed film · React · Responsive design

Open demo

Concept brand; imagined products and illustrative prices.

02

Original concept / Cinematic spatial story

ASV Labs Spatial Field

A globe, a field of stars, and a story told in chapters. Scroll through the scenes, move the pointer, or use the chapter controls.

WebGL · Three.js · GSAP · Optional sound

Open demo

Experimental brand experience; sound starts only when enabled.

03

Business website example / China, Maine

The Fairy Apothecary

An illustrated path into a small woodland apothecary. Seasonal goods, handmade bread, and a local story unfold as you explore.

Illustrated storytelling · React · Responsive design

Open demo

Website example; check current business details directly before visiting.

The study archive

Motion & component studies.

Reference recreations and focused experiments. These demonstrate implementation techniques and are labeled separately from original concepts.

04

Reference study

Avalon Drive

Car-rental cinema, a transforming header, and scroll-controlled video.

GSAP · ScrollTrigger · Video

Open study
05

Reference study

Plume

A knife-product story with full-bleed footage and a sticky scroll sequence.

Native sticky scroll · Video · Vanilla JavaScript

Open study
06

Component study

Construction footer

A full-viewport construction-themed footer with oversized type and interactive details.

HTML · CSS · Vanilla JavaScript

Open study