Coachhub
Website Development
//
Framer
A designer's portfolio, built pixel-perfect in Framer
Mart de Looijer is a graphic designer who helps brands grow through branding, logo design, web design, and more. He'd designed his own portfolio down to the last detail and needed it brought to life in Framer — fast, fully responsive, and faithful to every pixel. Building for a designer leaves zero margin for error. We handled the complete Framer development, turning his design into a polished, high-performance portfolio he can grow on.
The Challenge
The client is a designer — so every detail of the build would be scrutinized by the person who created it. The brief came down to five things:
Deliver a pixel-perfect build a designer would sign off on, at every breakpoint
Recreate the case-study cards with their mixed mockup grids cleanly and consistently
Bring the playful, editorial design to life — big type, accent color, emoji, the 3D hero — without breaking
Keep an image-heavy portfolio fast and fully responsive
Build a structure where new case studies drop in easily
The design was confident and detailed. Our job was development that honored every choice while staying fast and responsive — because for a designer's own portfolio, "close enough" isn't an option.
Our Solution
Pixel-Perfect Framer Build
Faithful, pixel-perfect development straight from the provided design
Reusable case-study card components with mixed mockup grids
The 3D hero and oversized editorial typography recreated cleanly
Smooth scroll animations and subtle micro-interactions
Custom layouts cleanly adapted for tablet and mobile
Responsive & Performance
Fully responsive across phone, tablet, and desktop breakpoints
Optimized images and mockups for fast loading
Lazy loading and clean structure for strong Core Web Vitals
A portfolio that stays fast even with image-heavy case cards
Clean, Scalable Foundation
A component system so new case studies can be added in minutes
Semantic, accessible heading structure throughout
One consistent system across Cases, Services, Process, and Contact
A foundation that scales as the portfolio grows
The Results
A polished, fully responsive portfolio delivered in Framer — pixel-perfect to Mart's design, smooth across every device, and easy to expand. The playful, editorial feel carries through on every screen, case cards load fast, and new work can be added in minutes. As a designer, Mart now has a build that matches his own standards — and a portfolio that's ready to grow with him.
