Power Fit

💪 The Challenge

Gyms sell transformation — not memberships. The website needed to capture the raw energy, discipline, and results that Power Fit delivers. Think Nike meets local gym: aspirational branding with practical functionality for a neighborhood fitness center.

The goal was to create a website so visually powerful that visitors feel motivated just by scrolling through it — and then make it effortless to sign up.

🎯 Feature Showcase

🏋️ Hero & Brand Experience

• Full-screen video hero with overlay text — gym footage playing on loop
• Dark-mode design — black backgrounds with neon accent colors (electric green, fiery orange)
• Parallax scrolling effects on workout imagery
• Animated statistics counter — "500+ Members | 15+ Trainers | 10,000+ Sessions"

💎 Membership Plans

• Tiered pricing cards — Basic, Premium, VIP with feature comparison
• Highlighted "Most Popular" plan with social proof badges
• Monthly/Annual toggle with savings calculation
• WhatsApp enrollment CTA — one-tap signup inquiry

👨‍🏫 Trainer Profiles

• Professional cards with certifications, specializations, and experience
• Before/after client transformations (with consent)
• Individual booking links for personal training sessions

📅 Class Schedule

• Weekly timetable grid — Yoga, CrossFit, Cardio, Strength, HIIT
• Day-based filtering for quick lookup
• Trainer assignments per class with profile links

🧮 Interactive BMI Calculator

• Real-time BMI calculation with height/weight inputs
• Visual health category indicator — Underweight, Normal, Overweight, Obese
• Personalized recommendation with CTA to book a consultation
• Built with Alpine.js — zero server calls, instant feedback

⚡ Design & Technical Highlights

• Design system: Custom dark theme with neon gradients and glassmorphism cards
• Animations: GSAP-powered scroll animations and AOS reveal effects
• Performance: 90+ Lighthouse score despite heavy imagery (lazy loading + WebP)
• SEO: LocalBusiness schema, optimized meta tags, Google Maps integration
• Responsive: Mobile-first design with thumb-zone-optimized CTAs

📊 Design Impact

• 🎨 Brand perception: Visitors describe the site as "professional" and "motivating"
• 📱 Mobile engagement: 3.5 avg pages/session (industry avg: 2.1)
• 💬 WhatsApp inquiries: 30+ membership inquiries/month from the website
• ⏱️ Avg. session duration: 2m 45s (industry avg: 1m 10s)

🔑 Creative Insight

Fitness websites have one job: make people want to become the person they see on screen. Every color choice (energetic), every animation (dynamic), and every photo (aspirational) was selected to trigger that emotional response. The technical skill is in making it all load fast while looking incredible.