Tempo - A Framer template for personal trainers

Breakaway Studio

UX Designer
UI Designer
Framer Designer
Figma
Framer
I often found it challenging and time-consuming to conduct multiple front-end reviews with developers to ensure designs were implemented precisely. To enhance my skills and provide more value to clients in future interactions, I created a versatile personal website template using Framer. This new skill would help me deliver pixel-perfect websites faster.
My thoughts behind the template were:
• Keeping things interesting without being too specific
• Allowing for easy customization by just changing the accent color
• Helping out those who aren't familiar with design tools
• Making it simple for people to add their own content, like news or blogs
Deliverables:
• About
• Services
• Plans and pricing
• Testimonials
• Recent news and blog
• Contact
And to make sure everyone could use it, I put together a comprehensive guide with eight videos showing how to customize the template.
Hero section with an aAbout section and a feature and service showcase section.
Hero section with an aAbout section and a feature and service showcase section.
About section and a feature and service showcase section.
About section and a feature and service showcase section.
Pricing section.
Pricing section.
Blog - Listing page
Blog - Listing page
Blog - detail page
Blog - detail page
Contact page
Contact page
Documentation
Documentation
Partner With Breakaway
View Services

More Projects by Breakaway