A conversion-focused site for a performance creative agency that shows the work instead of talking about it.
Role: Design, Interaction Design & Development
Platform: Figma + Framer
Client: Adstr, Performance Creative Agency
Overview
Adstr builds high-impact ad creative for eCommerce and DTC brands spending anywhere from $50k to $1M+ a month on paid social, a client base that judges agencies by the quality of their work, not the quality of their copy. The brief was to design and build a website that could win that audience over fast: skeptical, experienced founders and marketing directors who scroll past thousands of ads a day and want proof, not promises.
I took ownership of the design and full development of the site in Framer, building a video-led hero experience, a case study system built to sell on results, and a fast, compressed video pipeline that keeps a content-heavy site loading quickly.
The result is a conversion-focused site that leads with real creative work and hard numbers, structured around exactly what a high-spend eCommerce buyer needs to see before they trust a new agency.
Project Goals
Get real ad creative in front of visitors immediately, before any copy
Structure the page around the buyer's actual decision-making questions, not a generic agency template
Prove results with real case study numbers, not vague testimonials
Keep the site fast despite being almost entirely video-driven
Design motion that feels premium and intentional without distracting from the creative work itself
Site Architecture
Primary pages (deeper design and development investment):
Home — Hero reel, engine breakdown, format showcase, case studies, process, testimonials
Case Study Detail — Individual result-driven breakdown for each client
Secondary pages (streamlined implementation):
Creatives — Full library of format examples for visitors who want to browse deeper
What I Built
Hero & First Impression
The homepage opens with a full-bleed reel of real client ad creative, playing immediately — no headline gate, no scroll required to see proof of capability. This was the central design decision the rest of the site was built around: for this audience, the work has to speak before the words do.
Conversion-Focused Page Structure
Rather than a standard "About / Services / Contact" flow, I structured the homepage to move a visitor through the exact questions a high-spend founder is silently asking:
Do they know what they're doing? — the Performance Creative Engine breakdown (Insight → Hypothesis → Execution → Testing → Iteration)
Can they do my type of content? — a format showcase spanning UGC, podcast-style, founder interviews, skits, statics, and high-production
Does this actually work? — case studies with numbers up front: 334% scaled ad spend, +205% new customer rate, $250K profit from a single creative
What's it like working with them? — testimonials from founders and marketing leads at recognizable DTC brands
What happens if I sign up? — a clear five-step process from onboarding through ongoing iteration
Media Handling
This is a video-first site by necessity, the product being sold is the creative itself. To keep that from working against the site, I:
Compressed and optimized every video across the hero, format showcase, and case study sections
Balanced autoplaying, looping reels against load performance so the hero starts playing the moment a visitor lands
Built the video-heavy sections so they stay fast and smooth even on mobile connections
Motion & Interaction
Animations throughout are smooth and subtle, used to guide attention through the page rather than compete with it. The creative work is always the loudest thing on screen, the motion design supports that, it never overshadows it.
Responsive Development
Every section, from the hero reel to the case study cards to the multi-step process, was built to hold up cleanly across desktop and mobile, keeping the pacing and impact of the video content intact at smaller breakpoints rather than just scaling it down.
Design Direction
The visual system stays out of the way of the content on purpose. With an audience judging creative quality, the site's own design needed to feel confident and understated, clean layout, controlled typography, and generous space around each video, so nothing competes with the reels, case studies, and testimonials doing the actual convincing.
Outcome
The finished site gives Adstr a homepage that:
Proves creative capability within the first few seconds, before a visitor reads a single line of copy
Leads every section with evidence — reels, results, and testimonials — instead of claims
Loads quickly and performs smoothly despite being built almost entirely around video
Gives a skeptical, high-spend buyer everything they need to trust the agency before they ever reach the contact form