The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Body Aware | Personal Trainer Website Design in Framer
I designed and built a professional, responsive website for Body Aware, a personal training business based in Cambridge, UK, led by personal trainer Piotr Woskresinski.
The goal was to establish a strong online presence for the business and make it easier for potential clients to discover the training services, understand the available packages, and enquire about personal training sessions.
The Challenge
Body Aware needed a dedicated website to communicate its services and build trust with people looking for personalised fitness support. The website needed to appeal to a broad audience, including beginners and adults looking to improve their strength, mobility, fitness, and overall well-being.
My Approach
I designed the website with a clean, welcoming visual style, using a light blue and turquoise colour palette to create a fresh and approachable fitness brand. The layout prioritises clarity, readability, and a straightforward user experience across desktop and mobile devices.
Key Features
Responsive website design: Created a layout designed to work across desktop, tablet, and mobile screens.
Service presentation: Organised the personal training services, including one-to-one coaching, strength and mobility training, weight management, and fitness support.
Training packages: Presented the available session options and pricing clearly to help prospective clients understand the offers.
Conversion-focused sections: Included clear calls to action to encourage visitors to enquire about training and book a free consultation.
Trust-building content: Highlighted the trainer's experience, approach to coaching, and client testimonials.
Local SEO foundations: Structured page content around relevant personal training services in Cambridge to support local search visibility.
Framer development: Built the website in Framer with an emphasis on clean layouts, consistent spacing, and a polished browsing experience.
The Outcome
The project gave Body Aware a dedicated digital presence where potential clients can explore the services, review training options, and take the next step towards working with a personal trainer.
This project demonstrates my ability to take a real business's needs and translate them into a clear, professional website experience using Framer, combining visual design, responsive development, user experience, and practical website structure.
Tools: Framer, Figma, Canva
Project type: Client website design and development:
building the local seo for cambridge in from the start is a smart move for a personal trainer. how did you and piotr end up working together?
Thanks! I connected with Piotr through outreach. He was looking to build a stronger online presence for his personal training business, so I helped him create a website that showcases his services and supports his local visibility in Cambridge.
a site that helps him get found locally is a good fit for a trainer. how did you reach him, email or social?
got his email from his social
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
The only glow on the Kestra page is the reflective strip on the jacket. It comes from the image itself, so the Framer layers on top stay flat: grey, white and mono text, no glow effects on buttons or headings. That keeps the page easy to edit, because nothing in the UI depends on one lighting setup. If you swap the photo, the glow goes with it. Would you add a glow effect in Framer or keep it in the image?
wow, nothing but top notch
A Recent Framer-Based Brand Experience for a Real Estate Company
Super clean brand system! 🤌 Love the mint on dark contrast and how the mark works across touchpoints - that ID card mockup is chef's kiss. Great Framer execution for real estate!
Built this in Framer as a concept project. Goal was to make it feel run by ex-journalists. Choices: editorial serif (Libre Baskerville), a dark photo with one color accent, and copy that positions against blast-style PR.
Where I’m unsure: text legibility over the photo and whether the two CTAs compete. What would you change?
That's great design it feels professional I like how the background mixed with interface ❤️❤️
Great job Cheree🎉🎉
