I created this video to go deep into how I’m building AuteurGraph — a visual-first film platform that’s more than just a database. It’s a creative, strategic project blending design, film culture, and SEO.

The vision for AuteurGraph was simple: bring clarity and connection to the film world using data, timelines, and visuals. But turning that into an actual product has been a huge learning experience — and in this video, I share it all.

The vision: Film as connected data

Every film is linked to a director, genre, movement, and more. Instead of presenting these things as flat lists or blog posts, I wanted AuteurGraph to feel like an interactive film map.

Each page is:

  • Designed with minimalist UI

  • Structurally optimized for SEO

  • Connected to related content via visual and textual cues

Tools and tech stack

I used:

  • Next.js for fast page rendering

  • TailwindCSS for clean design

  • TMDb API for base film/director data

  • Custom written metadata and summaries layered on top

Every bit of it was coded with speed and SEO in mind.

In the video, I walk through my Figma designs and show how they translated into production layouts that are both beautiful and functional.

Content strategy meets automation

A big part of this project is blending automation with manual curation. Yes, I use APIs. But I also write custom blurbs for movements, director bios, and genre explanations.

This mix of scale and soul is what I think will make the site last.

Are you building content platforms that scale — or ones that feel handmade? What if you could do both?