Client work · Sites

A director with national brands in her reel. A portfolio that moves like her films.

Hannah Varnell is a creative director and director in Austin, Texas. H-E-B, Procter & Gamble, and Square are in her commercial grid, alongside her own documentary and founder-portrait work. The Sites engagement built hannahvarnell.com end to end: a film-first director portfolio in her own art direction, designed around her footage instead of on top of it.

Client
Hannah Varnell · hannahvarnell.com
Engagement
Sites (full design + build)
Status
Built 2026 · in final launch prep
Captured
2026-08-26
What I built
A single-page director portfolio that runs as one continuous scroll through eight numbered sections (work, photo, studio, about, press, contact); an editorial serif identity over full-bleed film stills and reels; a commercial work grid that puts her brand spots first; and her press placements presented alongside the work.
The hannahvarnell.com build, opening screen
The build · captured 2026-08-26 from the production preview · launching at hannahvarnell.com
8 Numbered sections in one continuous scroll, so the site reads like a reel, not a menu
3 National brands in her commercial grid: H-E-B, Procter & Gamble, Square
01 The starting line

A director’s portfolio has one job: get out of the footage’s way while still carrying a point of view. Template portfolio platforms do the first half and flatten the second, so every director ends up with the same grid. Hannah’s work has a distinct visual language, and the site had to hold it: her typography, her pacing, her color, with the films doing the talking.

02 What the build does
  • A film-first single page. Full-bleed stills and reels, with the interface receding to captions and section numbers.
  • Her own art direction carried through. Editorial serif wordmark, lowercase system type, a dark room for the footage to glow in.
  • A commercial grid that leads with the brand work: H-E-B, Procter & Gamble, Square, and her documentary and founder-portrait pieces.
  • Press presented with the work, not buried on a separate page.
  • A contact surface that states it plainly: available worldwide, based in Austin, Texas.
03 The build, screen by screen

REAL CLIENT WORK captured 2026-08-26

  • The hannahvarnell.com build, screen 1
  • The hannahvarnell.com build, screen 2
  • The hannahvarnell.com build, screen 3
  • The hannahvarnell.com build, screen 4
  • The hannahvarnell.com build, screen 5
  • The hannahvarnell.com build, screen 6
  • The hannahvarnell.com build, screen 7
  • The hannahvarnell.com build, screen 8
// PALETTE ⌘K · Esc to close