Case

Fenwater Film Week: film festival web UI concept (Landing / Programme / Film)

An original high-fidelity web UI concept for a small-town film festival: a landing page, a planner-style programme grid and a film page. Fictional festival and films, DEMO data, not a real event.

  • 4 images

Image credit: Tink

Fenwater Film Week is an original high-fidelity web UI concept for a ten-night independent film festival in a small marsh town, with four venues and a screen on the old harbour.

The three pages

Landing. A condensed poster headline, "Ten nights of films that stay up late", sits beside a night illustration of a projector throwing the opening film onto a screen over the water. Four key numbers and four colour-coded strands (Night Shift, Water Stories, First Features, Short & Loud) lead into the programme.

Programme. The festival day laid out like a weekly planner: venues as columns, hours as rows and every screening as a soft block in its strand colour. The left rail holds festival days, venue filters, strands and a dark "My plan" card. On the right, the selected film shows its runtime, Q&A and a clear note when it overlaps something already in your plan.

Film. A dark film page for the opening night: a large code-drawn still, title, director and synopsis, three screenings with seats-left bars, a reserve button and more films from the same strand.

Visual system

  • Warm paper and ink for daytime pages, a dark cinema mode for film pages, oxblood as the single action colour
  • Big Shoulders for poster-style headlines, Newsreader italic for accents, Inter Tight for the interface and Geist Mono for times
  • Four muted strand colours that work as both labels and programme blocks
  • Sample times add up: runtimes plus Q&As match the blocks, and the plan total matches the films in it

Notes

Fenwater Film Week, its venues, films and people are fictional. All dates, prices and seat counts are DEMO data for illustration. It is a static design study, not a real event or ticketing service. All artwork, including the film stills, is drawn in code; no photos, film stills or third-party logos are used.