Web Live demo

A website you step into.

A concept site for wildlife photographer Ethan Vale. An intro film gives way to a sphere of photographs you can spin, zoom into and open — the kind of front-end craft that makes a brand impossible to scroll past.

  • 3D CSS + vanilla JS
  • Intro film
  • FLIP lightbox
  • Fully responsive

Concept Ethan Vale is a fictional photographer created for this showcase.

01 Preview

Drag to rotate. Scroll to zoom.

ethanvale.photoFull screen ↗

EthanVale

I See Through the Wild

Loads an intro film and 21 photographs

02 The build

Cinematic, but fast.

No frameworks or 3D engines — just CSS 3D transforms and a single animation loop, so it stays light and smooth on phones too.

Fibonacci photo sphere

21 photographs spaced evenly on a sphere, shaded by depth, with the title held at its exact centre while it turns.

Loading that feels intentional

A splash tracks real progress while images are decoded and resized in the browser, then a 2× intro film hands over to the archive.

Touch-aware drag

Mouse drags rotate instantly; on phones, vertical swipes still scroll and only horizontal gestures turn the sphere.

FLIP lightbox & grid

Photos fly from their card into a lightbox and back, with an archive grid view for quick browsing.