Cinematic motion layer
GSAP and Lenis drive smooth scroll, parallax, scroll reveals, a pinned horizontal
Work gallery, a custom cursor and magnetic CTAs. Every effect disables under
prefers-reduced-motion.
Brand Website · Astro + Headless CMS
We make brands visible — and easy to run.
A cinematic studio site for an Australian production house — built to match the production value of their reels, and handed over so the team edits every word and project themselves, no developer required.
00:01 — The brief
A site as cinematic as the content they make.
MIO Media is Sandro's Australian production studio — photography, videography, drone work and social strategy for brands that want to be remembered. Their reels set a high bar; their old web presence did not meet it.
The ask was a marketing site that carries the same production value as the work it showcases — and that the team can update on their own. New projects, new packages, copy changes: all done in-house, without booking a developer and without breaking the design.
00:02 — The craft
Built for motion, and for maintenance.
Editorial design system
Charcoal and cream, Barlow Condensed display set at a fluid scale, and a restrained palette built around a single accent — discipline that lets the work be the loudest thing on the page.
Git-based CMS
Sveltia (Decap-compatible) lives at /admin. A client edit is a commit,
which triggers a Netlify rebuild and is live in about a minute. Content lives as
markdown collections — work, packages, home.
SEO, performance & access built in
Astro static output, Partytown keeping GA4 off the main thread, a sitemap,
ProfessionalService structured data, semantic headings, visible focus
states, a skip link and alt text — all in from the start.
00:03 — The architecture
How the pieces fit together.
-
01
Markdown content
Work, packages and home as plain markdown collections.
-
02
Astro static build
Compiles the content into pre-rendered static HTML.
-
03
Git
The single source of truth — every edit is a commit.
-
04
Sveltia CMS · /admin
The client's editing surface; writes back to Git.
-
05
Netlify · build + Forms
Rebuilds on push and handles contact form submissions.
Partytown isolates analytics off the main thread, and there is no server to maintain — the whole site ships as static files behind a CDN.
00:04 — The quality
Engineered-in quality.
-
Responsive
Lays out cleanly across mobile, tablet and desktop.
-
Accessibility
Semantic headings, visible focus, a skip link and alt text throughout.
-
Reduced-motion
Full parallax, cursor and transition fallback when users ask for less motion.
-
SEO
Per-page meta, Open Graph and Twitter cards, canonical URLs, sitemap and structured data.
-
Static delivery
No server to run — pre-rendered files that sit happily on a CDN.
-
Client-editable
No developer needed to publish — the team owns its own content.
Shipped as a build, ready to deploy — content and analytics are the client's to switch on.
Have a brand that deserves to be seen?
This is the kind of site I build when the work is already great and the website needs to catch up — cinematic, fast, and handed over so you can run it yourself.