Built with Framer

Web design for a video production studio

Resnick

Resnick Tometin

Work section
Work section

Website design for a video production studio witch Figma and Framer

Social proof section
Social proof section
Testimonials
Testimonials
Statement
Statement
FAQ Section
FAQ Section
Contact form Design
Contact form Design
Footer
Footer
My superpower is wireframing
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)
Like this project

Posted Oct 12, 2025

A bold, cinematic website for DOFF — blending fearless copy, sleek design, and smooth Framer interactions to showcase creative storytelling.

Likes

1

Views

3

Timeline

Aug 12, 2025 - Aug 26, 2025