Category:
Website Design
Client:
Vitalo
Duration:
3 weeks
Vitalo is a fitness Framer template built for personal trainers and coaches who want a site that feels as considered as their coaching. It pairs a dark, editorial aesthetic with a complete content system, a 12-section homepage, CMS blog, transformation gallery, programs and pricing, FAQ, press and legal pages, all production-ready out of the box.
(MY APPROACAH)
Rather than chasing trends, the layout follows how coaches actually convert: a personal welcome, real client stories, measurable results, a clear four-step process, and transparent pricing. Every section earns the next, ending on a low-pressure ‘book your session’ moment.
(VISION & INNOVATION)
The goal was a template that reads like a brand, not a starter kit. Typography-led compositions, generous spacing and a restrained palette keep the coach’s voice front and center, while the CMS makes blog posts, testimonials and transformations effortless to maintain.
(CHALLENGES)
Coaching sites usually fall into one of two traps: generic gym templates that feel interchangeable, or beautiful portfolios that bury the one action that matters — booking. Vitalo had to look distinctive while staying ruthlessly focused on conversion, and stay editable by a solo coach with no developer on call.
(PROBLEMS)
We solved this with a clear narrative spine — Vision, Plan, Process, Proof — that carries visitors through the story before asking for a commitment. Social proof, transformations and pricing are all CMS-driven, so the proof grows as the coach does, without touching the layout.
(USER-CENTRIC DESIGN)
Every decision started from the visitor’s mindset: someone tired of starting over, scanning for a reason to trust. Generous type, calm spacing and a dark, premium palette signal seriousness, while a single, repeated ‘book a call’ action removes any guesswork about the next step.
(USER NEEDS)
The template answers the real questions clients ask before committing — how it works, what’s included, whether it fits a busy life — directly in the FAQ and process sections. Nothing is hidden behind a form, which lowers friction and builds confidence before the first email.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 24.635 22.866 C 25.123 23.355 25.123 24.147 24.635 24.635 C 24.147 25.123 23.355 25.123 22.866 24.635 L 12.501 14.268 L 2.135 24.635 C 1.647 25.123 0.855 25.123 0.366 24.635 C -0.122 24.147 -0.122 23.355 0.366 22.866 L 10.734 12.501 L 0.366 2.135 C -0.122 1.647 -0.122 0.855 0.366 0.366 C 0.855 -0.122 1.647 -0.122 2.135 0.366 L 12.501 10.734 L 22.866 0.366 C 23.355 -0.122 24.147 -0.122 24.635 0.366 C 25.123 0.855 25.123 1.647 24.635 2.135 L 14.268 12.501 Z" fill="rgb(0, 0, 0)" height="25.00139023844741px" id="jBymG44fK" transform="translate(7.499 7.499)" width="25.001390238447406px"/></svg>)