All work
Client · Festival Photographer · 2024 Web · 2024

Treston Photos.

Landing page for Treston, a freelance photographer shooting large rave and festival circuits. Built for booking, not browsing.

View live
01 Brief

Treston is a freelance photographer working the festival and rave circuit — large EDM events, multi-day fests, artist tours. He needed a landing page that converted artist and festival inquiries, not a portfolio archive. Existing options (SmugMug, Squarespace) buried the work and the contact form behind multiple clicks. The brief: image-first, single page, sub-second access to "I want to book you."

02 Approach

Treated the hero as the entire pitch. A single career-best shot at full bleed; everything else is in service of getting the visitor to the inquiry form. Curated gallery below the fold (12-15 selects, not the archive — quality over completeness). Contact form anchored to the persistent nav so it's never more than one tap away. Three sections total: hero, work, contact. No about page, no blog, no template-sprawl.

03 Outcome

A landing page that loads in <800ms with the hero pre-loaded, lets Treston refer prospective festivals and artists to a single URL, and converts at a meaningfully higher rate than his prior SmugMug page. Mobile-first because most inquiries come from artist managers checking links on phones.

02 — The system

Aesthetic system.

fig. ii · palette + type
A Palette
Charcoal
#212529
ink
Cream
#f0efea
paper
Concrete
#f3f4f6
neutral
Slate
#6a7282
secondary
Smoke
#4a5565
accent
B Typography
Display
Inter Tight 600
Body
Inter 400
Mono
JetBrains Mono 400
C References
  • Festival editorial photography
  • Editorial photo-book layouts
  • Quiet-design photographer portfolios (Vivian Maier estates, Magnum Photos)
  • Single-page portfolio sites that actually convert
04 — Under the hood

Technical notes.

fig. iv
  • 01 Single-page design with three sections: hero, work, contact. No multi-page sprawl.
  • 02 Hero image preloaded with a low-quality blur placeholder — first paint feels instant on mobile.
  • 03 Gallery uses native CSS columns for masonry; no JS layout library, no jank.
  • 04 Contact form posts directly to the photographer's inbox via a SvelteKit action — no SaaS form tool.
  • 05 ~50KB JS shipped. Lighthouse 95+ across the board.
Web build on the custom skeleton. · Disciplines: web.
05 — Keep looking

More work.

fig. v