← All work
Demo project (self-initiated): designed and built by me, not client work.
Custom build (Demo project)
Framer Website | Figma Design to Pixel-Perfect Framer Build
- Client
- Everline Advisory, a concept site for a fractional CFO
- Role
- Framer developer: Figma design to Framer build, responsive on desktop and mobile
- Design
- View the Figma file ↗
- From → To
- Figma design → Framer site
- Stack
- Figma, Framer
- Key result
- Google PageSpeed mobile 78, desktop 98, Accessibility 96, Best Practices and SEO 100
01 / The brief
Everline Advisory is a concept site for a fractional CFO supporting pre-seed to Series A founders. I designed it in Figma and built it in Framer.
The goal: a pixel-perfect build with a clear path to book an intro call.
02 / What I built
- A one-page Framer site matched to the Figma file, section by section: hero, three services, about section, FAQ, booking calendar and contact form.
- Layout, type and spacing taken from the design.
- Responsive for desktop and mobile.
Everline Advisory built in Framer from the Figma design.
The Everline Advisory Figma file the Framer site was built from.
03 / The result
- Mobile PageSpeed 78, desktop 98
- Accessibility 96, Best Practices 100, SEO 100
- I later rebuilt the same design in Astro, which took mobile to 99: the Framer to Astro case study
Google PageSpeed Insights on the Framer build.
What I'd do for you
Have a Figma design that needs building in Framer? Send it over and I'll quote the build.
Send me your site