Plate 02 / 09 · 2024 · Vue · GSAP · Tailwind

Photofolio

Photofolio is a motion-first portfolio for a freelance photographer. Built around John Doe's practice, it leads with portraits, editorial stories, and documentary coverage, then makes booking a shoot the clear next step. What I built: A single-page Vue site where the photographs carry the pitch. An SVG wipe loader opens into a split-text hero with a Book a shoot CTA, sticky service cards for portrait sessions, editorial and campaign stills, and events/documentary coverage, a selected-works index with viewport-triggered video previews, about and testimonials, and a full-bleed contact plate. Custom cursor, magnetic buttons, and scroll-linked type keep the interaction craft of the original shell while the product identity is fully photographic. Tech stack: Vue 3, TypeScript, Tailwind CSS v4, GSAP (ScrollTrigger), Lenis, and Lottie.
Photofolio screenshot 1
Photofolio screenshot 2
Photofolio screenshot 3
Photofolio screenshot 4