Website design for a video production studio witch Figma and Framer
Social proof section
Testimonials
Statement
FAQ Section
Contact form Design
Footer
My superpower is wireframing
Client / Project: DOFF — Creative Video Agency
Role: Copywriter, Web Designer (Figma), Framer Developer
🎯 Context & Objective
DOFF wanted a website that captured their bold creative spirit — something powerful, cinematic, and unapologetically different.
The goal was to design a site that:
Communicates the agency’s fearless personality and storytelling power
Highlights performance metrics to build trust and credibility
Combines strong copy, striking visuals, and smooth motion for a high-impact experience
Feels modern, fast, and engaging across all devices
🧩 My Process
1. Copywriting & Voice Definition
I developed a tone that felt bold yet refined — confident headlines, concise copy, and clear storytelling to express what DOFF stands for: creativity that moves people.
2. Web Design in Figma
Structured the homepage to guide attention from story to proof to action.
Defined typography, layout rhythm, and color palette for a clean yet cinematic vibe.
Balanced imagery and white space to keep the design breathable and visual-first.
3. Build & Motion in Framer
Recreated the layout with pixel precision and crafted smooth scroll effects.
Integrated animations to add depth and flow.
Ensured full responsiveness and fast performance across desktop, tablet, and mobile.
🚀 Highlights
Distinct brand tone: A fearless, modern voice that instantly communicates DOFF’s identity.
High visual impact: Cinematic imagery, confident typography, and motion that feels alive.
Performance-focused: Clear stats like “+4.9M Views” and “95% returning clients” establish trust and credibility.
Effortless experience: Clean navigation and intuitive structure that drives engagement.
💡 Learnings & Improvements
Optimize image performance for even faster load times.
Enhance mobile readability in text-heavy sections.
Add subtle micro-interactions for a more tactile and responsive feel.
🧭 My Contribution
Full copywriting and content strategy
Visual design in Figma (layout, typography, color system)
Complete site build in Framer (animations, interactions, responsive design)