A motion-first, dark portfolio that has to prove craft, explain process and book a call, built in Framer with CMS case pages and custom code components.
Client and challenge
This is my own site. It has three jobs at once: prove craft, explain how I work, and turn a visitor into a booked call. Because I sell Framer design and development, the site itself has to be the proof of what I build for clients, so it is motion-first and dark by default.
What I did
I did the full design and Framer build, responsive across desktop, tablet and mobile.
Hero.
A looping showreel video with an animated title and role reveal.
Stats band.
Numbers that count up on scroll.
Work.
Featured projects with individual case pages, plus a tools and skills overview.
Process.
Four stages (Discovery, Design, Build, Launch) with deliverables and timelines per stage.
Trust.
A client testimonials carousel and an FAQ accordion covering timelines, support, brand guidelines and revisions.
CMS.
Collections for projects, services, blog and templates, each with its own detail pages.
Motion and code.
Scroll and appear animations tuned per section, and custom code components where Framer's native tools fall short.
Technical SEO.
Semantic structure, meta tags, schema and a search index.
Conversion.
Two paths: a contact form and instant call booking through Calendly.
Results
Every project, service, article and template has its own page and URL, managed through the CMS.
Two direct routes to a conversation from any page: the contact form and Calendly booking.
A motion-first, dark portfolio that has to prove craft, explain process and book a call, built in Framer with CMS case pages and custom code components.