Assil Ziat
Framer Website RedesignOverviewAssil is a short-form video editor who transforms raw footage into clean, engaging content for creators and influencers. He needed a modern, conversion-focused portfolio that clearly communicates his value, builds trust, and makes it easy for potential clients to reach out.The ChallengeMost video editor portfolios either look generic or focus too much on flashy effects while failing to explain why the editor’s approach works. The goal was to create a clean, professional presence that highlights Assil’s strength in pacing, storytelling, and brand-aligned editing — without overwhelming the visitor.
My Process1
. Research & Competitor Analysis
I started by studying other video editor and creative freelancer websites. I analyzed what was working (clear value proposition, strong hierarchy, easy contact) and what wasn’t (cluttered layouts, weak messaging, slow loading, or portfolios that looked impressive but failed to convert). This research helped me identify the key opportunities: a strong personal introduction, a clear explanation of Assil’s editing philosophy, and a frictionless way to get in touch
.2. Design System
Next, I built a focused design system: Colors – A clean, professional palette that feels modern and trustworthy while staying neutral enough to let the work shine. Typography – Clear, readable type hierarchy that supports both short punchy statements and longer explanatory text.
Imagery & Visual Style – Minimal and intentional, supporting the “clean and engaging” brand Assil wants to project.
3.Wireframing
I created simple wireframes to define the structure and user flow: Strong hero introduction
Clear explanation of Assil’s approach
Portfolio section
FAQ
Contact form
The focus was on hierarchy and conversion — making sure the most important information and the call-to-action were never more than one scroll away.4. Applying the Design System
I translated the wireframes into high-fidelity designs in Framer, applying the design system consistently across every section. Special attention was given to spacing, visual clarity, and making the messaging feel personal yet professional.5. Motion, Effects & SEO
Subtle interactions and micro-animations were added to make the experience feel polished and modern without distracting from the content. On the technical side, I optimized the site for performance and SEO — clean structure, proper heading hierarchy, fast loading, and clear metadata — so Assil’s portfolio can rank and load quickly for potential clients.ResultA clean, focused Framer portfolio that clearly positions Assil as a thoughtful short-form video editor who prioritizes pacing, storytelling, and brand alignment. The site makes it easy for creators and influencers to understand his value and get in touch.

