Motion Narrative

Motion Narrative is a Toronto documentary studio that helps healthcare organizations turn complex programs and patient experiences into clear, human stories. Founder Kevin Feraday has made a documentary broadcast on PBS, and his clients include Ontario Family Health Teams, CommunitiCare Health and the World Health Organization.

The website didn't show any of that. Kevin had built it himself on Squarespace, and his strong video, photography and copy ended up inside a template that didn't look like a professional studio's site.

For a studio that sells visual storytelling, that was a real problem. Hospital teams, health networks and public health organizations check a studio's credibility before they get in touch, and the website was the first sample of Motion Narrative's work they saw.

From conversations to a content plan

This project started with conversations about the studio, its audience and how it wanted to be seen, and we turned those into a page-by-page content plan: positioning, site map, homepage flow, a seven-part case study library, the About story and the path to contact. We tightened Kevin's notes into consistent editorial copy, and every case study follows the same structure so visitors can compare projects.

A design that gives the films room

We designed the site in Figma from a blank page, clean and understated so the work leads. A full-bleed showreel opens the homepage, the case studies are built around the films, and small motion details add polish without pulling focus: a testimonial carousel that reveals line by line, buttons whose text rolls on hover, animated link underlines and gentle hover effects on client logos.

Built around video

Video is the product, so we made it fast and reliable. The homepage reel plays full-frame and fits correctly on phones. Case study films use a lightweight player that shows the poster at the film's true aspect ratio and loads Vimeo only when someone presses play, so pages with many films stay quick. The seven case study pages, from a PBS documentary to a World Health Organization series, share one template of reusable sections, so adding new work is easy.

Every page leads to a conversation

Calls to action on every page lead to an inquiry form, delivered by email, and a link to book a 10-minute call. Privacy-friendly Umami analytics track booking clicks and form submissions, so Kevin can see what brings in inquiries. Structured data that identifies the studio as a Toronto business serving Ontario and Canada, branded social sharing images and a full accessibility pass round out the build.

Kevin reports that the new site has been great for the business. Motion Narrative now looks as professional as its films to the healthcare organizations it pitches, and the site is bringing in more leads.

• Delivery: designed and built in 5 days
• Scope: 12 pages, including 7 detailed case studies
• Platform: Squarespace → custom Next.js site on Vercel
• Lead generation: inquiry form, call booking and tracked calls to action on every page

The site is built to grow with the studio. New projects drop into the existing case study template, and the analytics show which pages and calls to action lead to inquiries.

Next.js 16, React 19, TypeScript, Tailwind CSS 4, GSAP, Vimeo Player API, Resend, Calendly, Umami Analytics, Vercel, Figma