%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2031.9%2032'%20style='enable-background:new%200%200%2031.9%2032;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%230D7BBA;}%20%3c/style%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cpolyline%20class='st0'%20points='17.6,26.6%2029.4,14.8%2031.9,17.2%2017.6,31.5%205.1,18.9%207.5,16.4%20'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cg%3e%3cpolygon%20class='st0'%20points='26.8,12.7%2017.7,21.8%2015.3,19.3%2021.9,12.7%2019.4,10%2012.6,16.7%2010.2,14.3%2016.8,7.6%2014.3,5%202.5,16.7%200,14.3%2014.3,0.1%20'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
Gym Trainer — A Conversion-Focused Landing Page for a Personal Trainer
Conversion-focused landing page for a personal trainer, pairing a bold hero with transparent pricing and clear CTAs to drive bookings. Built to feel strong, direct, and easy to act on.
Overview
A conversion-focused landing page designed for a personal trainer looking to book more clients online. The design pairs a bold, energetic hero section with transparent pricing, social proof, and clear calls-to-action. Every element is built to move visitors from interest to booking with minimal friction, while the strong visual identity reflects the trainer's direct, no-nonsense approach.
My Role
- UX / UI Design
- Frontend Development
- Content & Structure
- Interaction Design
- Assets / Handoff
Key Features
Bold hero section
An energetic, high-impact hero that immediately communicates strength and professionalism to potential clients.
Transparent pricing
Clear pricing tiers displayed upfront so visitors can evaluate options without guesswork or hidden costs.
Strong CTAs
Prominent, action-oriented buttons placed strategically to drive bookings at every scroll depth.
Social proof & testimonials
Client results and testimonials that build trust and demonstrate the trainer's track record.
Service breakdown
Clear descriptions of training programs, session types, and what clients can expect from each option.
Responsive layout
Mobile-optimized with fast load times, ensuring potential clients can book sessions from any device.
Screenshots
Tech Stack
Final Thoughts
This project was about matching design energy to brand personality. The bold visuals and direct copy reflect the trainer's approach, while the conversion-focused structure ensures every visitor has a clear path to booking. The result is a landing page that feels strong, trustworthy, and easy to act on.
Want to see it live?