The Long Way Home — A Documentary Filmmaker's Client Portal

Link to project: https://shorturl.at/DMEWC

Short description: A motion-rich client portal for a personal documentary project — a film built from footage shot on the Camino Francés in July 2016, being edited ten years later. The portal gives a broadcast client a cinematic, real-time view of the production from assembly edit through to festival submission. Built entirely in Google Stitch using a dark glassmorphic design system — deep charcoal surfaces, warm amber accents, Playfair Display headers, and animated production milestones.

How I used Stitch: I used Google Stitch as the sole design and build tool. I began with a single detailed prompt establishing the full design system and layout — hero section, chapter tracker, production timeline, recent deliverables, and filmmaker's note all generated in one streaming canvas output. I then used in-place AI edits across four subsequent prompts to refine content, reskin the project narrative, fix layout details, and add motion. The final build includes hero entrance animations, animated progress indicators on chapter cards, and a pulsing active milestone on the production timeline.

Stitch features used: Streaming generation to canvas · In-place AI edits · Native motion and animation on HTML canvas · Iterative content reskinning across five prompt rounds

Feedback on Stitch: The in-place editing workflow felt immediately natural as a filmmaker — selecting a component, describing what I want, and seeing it update without breaking the surrounding design mirrors the non-linear way I think about editing. The HTML canvas motion support meant the prototype felt alive from the first generation, not just a static mockup. The design system interpreted a detailed brief — specific typefaces, colour tokens, glassmorphic depth — with impressive fidelity. The main friction point is generation limits for iterative creative workflows; a higher-volume tier would suit this kind of work well.