JD Gallery: Photography Portfolio
A clean, editorial portfolio for a photographer and videographer, built to put sports, wedding, real estate, and aerial work front and center.
- Role
- Designer and developer
- Stack
- Astro
- TypeScript
- Tailwind CSS
- Netlify
- Links
- Visit siteCode
The problem
Dan needed a portfolio where the photos do the talking: fast-loading galleries, a clear list of services, and an easy way for clients to book a shoot.
My approach
I chose Astro so pages ship as static HTML with almost no JavaScript, and used Astro's image pipeline to serve responsive WebP images. The design stays quiet (a serif headline, plenty of white space) so the photography stands out. Each collection gets its own gallery page with a swipeable lightbox.
Highlights
- Static Astro site with responsive, optimized WebP images
- Gallery pages with a swipeable lightbox and next/previous controls
- Services section covering photography, video, editing, drone, and prints
- Contact form that opens a pre-filled email, with no server needed
- Lightweight vanilla JavaScript for the mobile menu
The outcome
Complete and live: two full galleries (Real Estate, 38 photos; Ride with Tide, 31 photos), a clear services page, and a direct way for new clients to get in touch.
