Works

Design case studies.

All case-study landing-page scroll-animation video 3d ai-tool game

Jirai-kei landing chapter 1 — a sweet dark-pink styled character still with the title “What is jirai-kei?” overlaid

Jun 23, 2026 · LENIS

Scrubbing an AI-generated video with scroll: one timeline, six chapters

A landing that scrubs an AI-generated film straight from scroll progress: a 700vh pin, eased seeking so the video tracks your scroll, and six chapter captions.

WAX & SOUL vinyl-shop landing hero — a vinyl record spinning centre-screen above the store name and tagline

Jun 21, 2026 · THREE.JS, LENIS

Building a 3D vinyl-shop landing that scrolls as one continuous animation

A scroll-driven 3D experience with Three.js + Lenis: a record spins in the hero, glides into a New Arrivals carousel, then drops onto a turntable. Design decisions and lessons.

Citypunks landing page above the fold — nav, ronin character, CITY PUNKS headline and dual CTAs

May 29, 2026 · CLAUDE, MIDJOURNEY

Following a tutorial to try Claude Design + Midjourney: a cyberpunk game landing page

Following a YouTube tutorial to learn the Claude Design + Midjourney website workflow, building a landing page for a fictional game called Citypunks. Process and takeaways.