Projects

Featured work, interactive experiences, and advertising.

Featured

Interactive Experiences

View experience

Tenure

Luxury property site built on full-bleed architectural photography.

REACT
View experience

Orven

Performance-eyewear scroll story with dual-video scrubbing.

JAVASCRIPT
View experience

Apex

Scrubbable lap over traced Silverstone geometry, coloured by speed.

REACT
View experience

Horizon Estates

Luxury real-estate hero with a dual-video scroll swap.

REACT
View experience

Digital Archive

Cinematic art-gallery site with layered scroll reveals.

GSAP
View experience

WoodNest

Liquid-glass booking UI across three phone mockups.

REACT
View experience

Food Tracker

Calorie tracker with a hand-built SVG progress ring.

JAVASCRIPT
View experience

Seamless

Web3 banking landing with a scripted section transition.

VANILLA JS
View experience

WildCrumb

3D scroll landing built with Three.js and GSAP.

THREE.JS
View experience

Kinetic

WebGL kinetic typography built with Three.js and GSAP.

THREE.JS
View experience

Mostar

Cinematic scroll story in vanilla JavaScript.

JAVASCRIPT
View experience

Mesozoic

Natural-history museum with GSAP-driven motion.

VITE
LuminaView experience

Lumina

WebGL luxury slider with custom GLSL shaders.

THREE.JS
View experience

VELORA

Luxury real-estate scroll experience in React.

REACT
AtlasView experience

Atlas

Single-file travel landing with a layered parallax dusk hero.

HTML5
Zenith RealtyView experience

Zenith Realty

Real-estate landing with React and motion.

REACT
CozyPawsView experience

CozyPaws

Playful pet-store hero with layered motion.

REACT
AtelierView experience

Atelier

Design-agency hero with a full-bleed video and animated menu.

REACT
AscentView experience

Ascent

AI-course landing with a video hero and parallax dashboard mock.

REACT
MicroVisualsView experience

MicroVisuals

AI-image landing with a boomerang video and liquid-glass UI.

REACT
ThornevaleView experience

Thornevale

Consulting site with a clean brand system and booking funnel.

NEXT.JS
BespokeView experience

Bespoke

Architecture studio with a drag-physics image marquee.

REACT
Bakery FacilitiesView experience

Bakery Facilities

B2B bakery site with a GSAP clip-path video slider.

GSAP
Real EstateView experience

Real Estate

Listings search with faceted filters over a dusk-lit hero.

NEXT.JS
ToonhubView experience

Toonhub

Character-figurine carousel with crossfading depth and blur.

REACT
BoomerangView experience

Boomerang

React
Neon TetrisView experience

Neon Tetris

High-performance Tetris game with neon aesthetics, ghost pieces, hard drops, and a New Game+ mode

typescript

Interactive ad campaigns for Fortune 500 brands.

Advertising

PorscheView project

Porsche

Full-page Porsche brand takeover with a hero 911, animated open, and a Learn More click-through

html5
Jeep CompassView project

Jeep Compass

Jeep Compass showcase with a swipeable feature carousel and a shake-to-reveal on mobile

html5
Marvel Avengers (Target)View project

Marvel Avengers (Target)

Gyroscope-driven parallax ad for Target's Marvel Avengers line, with multi-layer depth, tilt tracking, and a Gear Up CTA

html5
HBO: True DetectiveView project

HBO: True Detective

True Detective launch ad with a custom autoplay video engine and a sprite-sheet fallback for iOS

html5
MastercardView project

Mastercard

Mastercard Priceless Cities map with nine MLB stadium hotspots that open partner experiences and booking

html5
Nabisco Wheat ThinsView project

Nabisco Wheat Thins

Interactive rich-media ad for Nabisco Wheat Thins

html5
Grey GooseView project

Grey Goose

Split-panel Grey Goose ad with the bottle and brand story on the left and a four-tab cocktail menu on the right

html5
L'OréalView project

L'Oréal

L'Oréal Féria ad that expands from a leave-behind teaser into a full-screen shade picker with video

html5
Blizzard: World of WarcraftView project

Blizzard: World of Warcraft

Cross-screen Page Grabber ad for Blizzard's World of Warcraft

html5
Rutgers UniversityView project

Rutgers University

Cross-screen Page Grabber ad for Rutgers University

html5
AudiView project

Audi

Interscroller ad for Audi that reveals the car inline as the article scrolls, over an animated particle field

html5
HBO: Game of ThronesView project

HBO: Game of Thrones

Cross-screen Page Grabber ad for HBO's Game of Thrones

html5
The North FaceView project

The North Face

The North Face FuseForm ad with an animated jacket reveal and a brand-film overlay

html5
Quaker OatsView project

Quaker Oats

Quaker Oats ad with a parallax food animation and a touch-scrolling product gallery

html5
NY LotteryView project

NY Lottery

New York Lottery Champions of Cash ad with rotating sports venues, a video ticket preview, and app-download CTAs

html5
iRobotView project

iRobot

Full-screen Page Grabber ad for iRobot's Roomba, built for a Mother's Day gifting push

html5
SephoraView project

Sephora

Cross-screen Page Grabber ad for Sephora

html5
PepsiView project

Pepsi

Cross-screen Page Grabber ad for Pepsi

html5
FITView project

FIT

Full-screen Page Grabber ad for FIT

html5

Get in touch

From idea to production across design, creative, and engineering. I ship end to end, and the vision stays company-first the whole way.

jeffkliu@gmail.com