DF Studio Productions Website
Designed and developed a responsive, fully custom marketing website for a GTA-based creative agency using HTML, CSS, and JavaScript. Featuring a display of video cards, scroll-reactive animated background, interactive service cards, and SEO optimization with Calendly integration.
The Problem
DF Studio Productions had a website that didn't match the quality of their work. Visitors couldn't easily see their portfolio, understand their services, or book a call. The goal was to build a site that felt as premium as their video and photography, communicated what they do clearly, and turned visitors into booked calls.
How I Approached It
Research
I studied how top creative agencies in the GTA present themselves online, focusing on competitor layouts, the target audience of busy restaurant and local business owners, and what visitors actually want in the first ten seconds. The research pointed to three priorities: a strong visual hook, clear services, and an easy way to book.
Wireframes
I mapped out three pages (Home, Portfolio, and About) starting with low-fidelity wireframes to lock in layout and hierarchy before design. Each page was structured to guide visitors through a clear funnel: hook, proof, services, trust, and booking.
Design
The design uses a cinematic dark-mode aesthetic with a crimson red accent pulled from the DF Studio logo. Fustat typography gives it a modern, editorial feel, and motion throughout such as floating particles, drifting film strips, and hover-expanding cards reinforces the video-first brand.
Build
The site was built from scratch with HTML, CSS, and JavaScript, fully responsive and deployed as a fast static site. It features an interactive video hero, a scroll-reactive background, Lenis smooth scrolling, SEO-ready schema markup, and Calendly CTAs across the site. All videos were compressed to keep the total size under 50MB.
A Closer Look
Result
The final site delivers a fast, cinematic, mobile-first experience designed to move visitors from first impression to booked call, matching the quality of DF Studio Productions' work.