Work Services About Pricing Start a project CALL — 801 380 6854

Case study — Dylan Simpson Films · Park City, UT

A portfolio that screens like a film.

Dylan and Tiana Simpson film and photograph weddings around the world. Their new site — designed in Figma, built by hand, and launching soon — treats the portfolio the way a studio treats a premiere. Here's a look inside.

The build

18 pages designed & built by hand — zero templates

The experiences

3 signature moments: a film theater, a poster wall, a print editorial

The fidelity

1:1 Figma to code — the live site matches the mockups to the pixel

Designed & engineered by Thornwood Digital · launching at dylansimpsonfilms.com

01 — The brief

Award-winning films deserved better than a template.

Dylan Simpson is a Best of State–winning wedding filmmaker; his wife Tiana shoots the photography. Together they work everywhere from Santorini to Kona — and their films are graded, scored, and edited like cinema.

Their old WordPress site couldn't carry that. It looked like a website. The brief for the rebuild was simple and demanding at once: every page should feel like their work — dark, cinematic, editorial — with nothing off the shelf. So we designed the whole thing in Figma first, then built it by hand.

02 — The homepage

Every scroll sets a scene.

The homepage opens on a full-bleed film — no headline shouting over it, just the work. From there it moves like an opening sequence: a quiet editorial introduction, story cards whose color bars are sampled from each couple's actual gallery, and a three-act "experience" section that walks couples through before, during, and after the wedding day.

dylansimpsonfilms.com Launching soon
Dylan Simpson Films homepage — a full-bleed wedding film plays behind the studio wordmark

The homepage opens on film — the hero is a real wedding, playing

Selected Stories section — editorial photography cards with color bars sampled from each couple's gallery
Story cards — the color bars are sampled from each gallery
The Experience section — a three-act guide to working with the studio, before, during, and after the wedding
The experience, told in three acts

03 — The films page

A theater, not a gallery.

Most videographers put their films in a grid. We built Dylan a theater. The page opens like a title sequence, and the featured film sits under a "Now Showing" marquee — press play and the house lights actually go down, a custom dimming sequence before the film takes over the screen. Stage lights at the edges dim as you scroll deeper into the room.

Below it, the collection is a wall of one-sheets — every wedding gets a real movie poster, generated from structured data, so a new film joins the wall in minutes, not a redesign.

dylansimpsonfilms.com/films Launching soon
The films page opens like a title sequence — FILMS, LOVE STORIES over a widescreen wedding frame
Now Showing — the featured wedding film, presented like a premiere with credits, before the house lights dim
Now Showing — press play and the lights go down
Directed By — Dylan's portrait, signature, and awards including the Best of State medal
Directed by — signature, awards, and the man himself
The Collection — a wall of movie posters, one for every wedding film, each generated from structured data

The poster wall — hover to scroll it. Every film gets a one-sheet.

04 — The photography page

A print magazine, published to a URL.

Tiana's photography didn't get a grid either. Her page is built as an issue of a magazine — masthead, table of contents, and three fully art-directed wedding stories, set in editorial serifs with real layouts, not stacked thumbnails.

It ends the way a photographer's process does: a darkroom contact sheet with the selects circled by hand, and a page of polaroid outtakes with handwritten notes.

The Wedding Editorial — the photography page opens as a magazine cover with masthead and issue line
The cover — hover to read down the page
Story 01, James and Tasia — an art-directed magazine spread with lead image, details, and captions
Story № 1 — a real spread, not a thumbnail grid
The contact sheet — black and white frames laid out like a darkroom proof, selects circled by hand
The darkroom contact sheet — selects circled
Polaroid outtakes — instant-film frames with handwritten notes close the photography editorial
Outtakes, on instant film

05 — The craft

Custom to the pixel, fast by construction.

  • Designed page-by-page in Figma first — typography, spacing, and color pulled straight from the mockups, so what shipped is what was designed
  • A bespoke type system — an editorial serif for display, a hairline grotesque for body, script accents used like a signature, not a theme
  • Hand-written static pages — no WordPress, no page builder, no plugin stack — so a media-heavy portfolio still loads fast on a phone at a venue
  • Film pages generated from structured data — adding a new wedding to the poster wall is a data entry, not a design project
  • The inquiry flow is wired into our studio systems — every lead is logged, relayed, and monitored, and the site itself is watched around the clock
Dylan Simpson, seated in a director's chair with his cinema camera
"Jaxon did amazing for my website. We worked close together with a graphic designer to bring my vision together. Extremely happy with the finished product. He's always available and diligent with little updates to the site as my business continues to grow. I've used Jaxon for my site ever since I started my business and almost 4 years has gone by and he's been with me every step of the way. Great price and a great quality product. Again, could not be happier with the service I've received over these years and will continue to use him as my business is constantly evolving and expanding."
— Dylan Simpson, Dylan Simpson Films

Your work deserves a site this considered.

See more of our work or how a project runs — every build is designed from zero, like this one.

Start a project