Pre-launch Landing Page for Regent by Hamza MughalPre-launch Landing Page for Regent by Hamza Mughal

Pre-launch Landing Page for Regent

Hamza Mughal

Hamza Mughal

Overview
๐—ฃ๐—ฟ๐—ผ๐—ท๐—ฒ๐—ฐ๐˜ ๐——๐—ฒ๐˜๐—ฎ๐—ถ๐—น๐˜€
๐—œ๐—ป๐—ฑ๐˜‚๐˜€๐˜๐—ฟ๐˜†: SaaS / Fitness Technology / Business Management
๐—ฆ๐—ฒ๐—ฟ๐˜ƒ๐—ถ๐—ฐ๐—ฒ๐˜€ ๐—ฃ๐—ฟ๐—ผ๐˜ƒ๐—ถ๐—ฑ๐—ฒ๐—ฑ: Figma Design, Webflow Development, Waitlist Integration, UI/UX Design
๐—–๐—น๐—ถ๐—ฒ๐—ป๐˜ ๐—•๐—ฎ๐—ฐ๐—ธ๐—ด๐—ฟ๐—ผ๐˜‚๐—ป๐—ฑ: Regent is a scheduling and client management platform designed specifically for personal trainers and fitness professionals. The app helps trainers run their business on autopilotโ€”handling smart scheduling, payment processing, automated reminders, no-show protection, and client tracking. Currently in pre-launch, Regent aims to eliminate awkward payment conversations and streamline every aspect of running a fitness business.
Challenge
Regent needed a compelling pre-launch landing page to build anticipation and capture early adopters:
๐—™๐—ฒ๐—ฎ๐˜๐˜‚๐—ฟ๐—ฒ ๐—ฐ๐—ผ๐—บ๐—บ๐˜‚๐—ป๐—ถ๐—ฐ๐—ฎ๐˜๐—ถ๐—ผ๐—ป โ€“ Multiple product features (scheduling, payments, reminders, no-show protection) needed clear, visual explanation
๐—ง๐—ฟ๐˜‚๐˜€๐˜ ๐—ฏ๐˜‚๐—ถ๐—น๐—ฑ๐—ถ๐—ป๐—ด ๐—ณ๐—ผ๐—ฟ ๐—ป๐—ฒ๐˜„ ๐—ฝ๐—ฟ๐—ผ๐—ฑ๐˜‚๐—ฐ๐˜ โ€“ As a pre-launch SaaS, the site needed to establish credibility without existing users
๐—ช๐—ฎ๐—ถ๐˜๐—น๐—ถ๐˜€๐˜ ๐—ฐ๐—ผ๐—ป๐˜ƒ๐—ฒ๐—ฟ๐˜€๐—ถ๐—ผ๐—ป โ€“ The primary goal was capturing email signups from personal trainers
๐—–๐—ผ๐—บ๐—ฝ๐—ฒ๐˜๐—ถ๐˜๐—ถ๐˜ƒ๐—ฒ ๐—ฑ๐—ถ๐—ณ๐—ณ๐—ฒ๐—ฟ๐—ฒ๐—ป๐˜๐—ถ๐—ฎ๐˜๐—ถ๐—ผ๐—ป โ€“ The site needed to show how Regent solves pain points other tools miss
Strategy
Our Figma to Webflow approach focused on visual product storytelling and conversion optimization:
๐—”๐—ฝ๐—ฝ ๐—ถ๐—ป๐˜๐—ฒ๐—ฟ๐—ณ๐—ฎ๐—ฐ๐—ฒ ๐˜€๐—ต๐—ผ๐˜„๐—ฐ๐—ฎ๐˜€๐—ฒ๐˜€ demonstrating the product experience before launch
๐—ฃ๐—ฎ๐—ถ๐—ป ๐—ฝ๐—ผ๐—ถ๐—ป๐˜ ๐—บ๐—ฒ๐˜€๐˜€๐—ฎ๐—ด๐—ถ๐—ป๐—ด addressing awkward payment conversations and scheduling chaos
๐—ฆ๐—ผ๐—ฐ๐—ถ๐—ฎ๐—น ๐—ฝ๐—ฟ๐—ผ๐—ผ๐—ณ ๐—ถ๐—ป๐˜๐—ฒ๐—ด๐—ฟ๐—ฎ๐˜๐—ถ๐—ผ๐—ป through trainer testimonials
๐— ๐˜‚๐—น๐˜๐—ถ๐—ฝ๐—น๐—ฒ ๐—ฐ๐—ผ๐—ป๐˜ƒ๐—ฒ๐—ฟ๐˜€๐—ถ๐—ผ๐—ป ๐˜๐—ผ๐˜‚๐—ฐ๐—ต๐—ฝ๐—ผ๐—ถ๐—ป๐˜๐˜€ capturing waitlist signups throughout the page
๐—™๐—ฒ๐—ฎ๐˜๐˜‚๐—ฟ๐—ฒ-๐—ฟ๐—ถ๐—ฐ๐—ต ๐˜ƒ๐—ถ๐˜€๐˜‚๐—ฎ๐—น ๐—ฑ๐—ฒ๐˜€๐—ถ๐—ด๐—ป bringing the SaaS product to life
Solution
๐—™๐—ถ๐—ด๐—บ๐—ฎ ๐——๐—ฒ๐˜€๐—ถ๐—ด๐—ป:
Created modern, clean design with light gradient theme and vibrant red accents
Designed hero section with "Run Your Training Business on Autopilot" headline
Built realistic app interface mockups showing scheduling, workout plans, and client management
Developed feature cards with consistent iconography and visual hierarchy
๐—ช๐—ฒ๐—ฏ๐—ณ๐—น๐—ผ๐˜„ ๐——๐—ฒ๐˜ƒ๐—ฒ๐—น๐—ผ๐—ฝ๐—บ๐—ฒ๐—ป๐˜:
Built fully responsive Webflow site with smooth animations and interactions
Created six-feature showcase grid:
๐—ฆ๐—บ๐—ฎ๐—ฟ๐˜ ๐—ฆ๐—ฐ๐—ต๐—ฒ๐—ฑ๐˜‚๐—น๐—ถ๐—ป๐—ด โ€“ Real-time availability, no double bookings
๐—ฃ๐—ฎ๐˜†๐—บ๐—ฒ๐—ป๐˜ ๐—ฃ๐—ฟ๐—ผ๐—ฐ๐—ฒ๐˜€๐˜€๐—ถ๐—ป๐—ด โ€“ Stripe, Google Pay, Apple Pay integration
๐—”๐˜‚๐˜๐—ผ๐—บ๐—ฎ๐˜๐—ฒ๐—ฑ ๐—ฅ๐—ฒ๐—บ๐—ถ๐—ป๐—ฑ๐—ฒ๐—ฟ๐˜€ โ€“ Text updates for payments and sessions
๐—–๐—น๐—ถ๐—ฒ๐—ป๐˜ ๐— ๐—ฎ๐—ป๐—ฎ๐—ด๐—ฒ๐—บ๐—ฒ๐—ป๐˜ โ€“ Progress tracking and goal organization
๐—ก๐—ผ-๐—ฆ๐—ต๐—ผ๐˜„ ๐—ฃ๐—ฟ๐—ผ๐˜๐—ฒ๐—ฐ๐˜๐—ถ๐—ผ๐—ป โ€“ Automatic payment capture for cancellations
๐—ฆ๐—ฒ๐˜€๐˜€๐—ถ๐—ผ๐—ป ๐—ง๐—ฟ๐—ฎ๐—ฐ๐—ธ๐—ถ๐—ป๐—ด โ€“ Record of completed, cancelled, and postponed sessions
๐—ฃ๐—ฟ๐—ผ๐—ฑ๐˜‚๐—ฐ๐˜ ๐—™๐—ฒ๐—ฎ๐˜๐˜‚๐—ฟ๐—ฒ ๐—ฆ๐—ฒ๐—ฐ๐˜๐—ถ๐—ผ๐—ป๐˜€:
Built "Take Full Control of Your Time" section with calendar visualization
Created "Stay Protected From Cancellations" section highlighting waitlist and cancellation policy features
Designed "Online Training Covered" section with infinite-scroll workout plan cards (Lower Body Focus, Upper Body, Cardio Burn)
Implemented nutrition plan marquee showing meal examples
Built "Client Onboarding Has Never Been Easier" section with rate and billing setup mockups
Created "Regent Chat" section showcasing in-app messaging and polls
๐—ฆ๐—ผ๐—ฐ๐—ถ๐—ฎ๐—น ๐—ฃ๐—ฟ๐—ผ๐—ผ๐—ณ:
Designed testimonial grid with trainer photos and quotes
Featured testimonials addressing the core pain point: eliminating awkward payment conversations
Added "Load more" functionality for additional testimonials
Included trainer handles (@arlene_coy, @floyd, @edwards, etc.) for authenticity
๐—–๐—ผ๐—ป๐˜ƒ๐—ฒ๐—ฟ๐˜€๐—ถ๐—ผ๐—ป ๐—ข๐—ฝ๐˜๐—ถ๐—บ๐—ถ๐˜‡๐—ฎ๐˜๐—ถ๐—ผ๐—ป:
Integrated waitlist signup forms in hero section and footer
Built FAQ accordion addressing common pre-launch questions:
Setup time (under 5 minutes)
Client app requirements
Payment conversation elimination
Risk-free trial
Added prominent CTAs throughout the page
๐—”๐—ฑ๐—ฑ๐—ถ๐˜๐—ถ๐—ผ๐—ป๐—ฎ๐—น ๐—˜๐—น๐—ฒ๐—บ๐—ฒ๐—ป๐˜๐˜€:
Social media integration (Instagram, TikTok, X, Threads, Email)
Terms of Service and Privacy Policy pages
Mobile-responsive navigation
Contact functionality
Outcome & Impact
๐—–๐—น๐—ฒ๐—ฎ๐—ฟ ๐—ฝ๐—ฟ๐—ผ๐—ฑ๐˜‚๐—ฐ๐˜ ๐˜ƒ๐—ถ๐˜€๐—ถ๐—ผ๐—ป โ€“ Visitors immediately understand what Regent does and why it matters
๐—™๐—ฒ๐—ฎ๐˜๐˜‚๐—ฟ๐—ฒ ๐—ฐ๐—น๐—ฎ๐—ฟ๐—ถ๐˜๐˜† โ€“ Six key features explained with visual mockups and clear copy
๐—ฃ๐—ฎ๐—ถ๐—ป ๐—ฝ๐—ผ๐—ถ๐—ป๐˜ ๐—ฟ๐—ฒ๐˜€๐—ผ๐—ป๐—ฎ๐—ป๐—ฐ๐—ฒ โ€“ "Awkward payment conversations" messaging connects with trainer frustrations
๐—ช๐—ฎ๐—ถ๐˜๐—น๐—ถ๐˜€๐˜ ๐—บ๐—ผ๐—บ๐—ฒ๐—ป๐˜๐˜‚๐—บ โ€“ Multiple conversion points capture interested trainers
๐—ฆ๐—ผ๐—ฐ๐—ถ๐—ฎ๐—น ๐—ฝ๐—ฟ๐—ผ๐—ผ๐—ณ ๐—ฒ๐˜€๐˜๐—ฎ๐—ฏ๐—น๐—ถ๐˜€๐—ต๐—ฒ๐—ฑ โ€“ Testimonials build trust despite pre-launch status
๐— ๐—ผ๐—ฏ๐—ถ๐—น๐—ฒ-๐—ผ๐—ฝ๐˜๐—ถ๐—บ๐—ถ๐˜‡๐—ฒ๐—ฑ ๐—ฒ๐˜…๐—ฝ๐—ฒ๐—ฟ๐—ถ๐—ฒ๐—ป๐—ฐ๐—ฒ โ€“ Fully responsive design works across all devices
Deliverables
Complete Figma design system with SaaS aesthetic
Fully responsive Webflow website (desktop, tablet, mobile)
Hero section with app mockups
Six-feature showcase grid
Product feature sections with UI visualizations
Infinite-scroll workout and nutrition plan carousels
Testimonial grid with trainer quotes
FAQ accordion section
Dual waitlist signup forms
Social media integration (5 platforms)
Terms of Service and Privacy Policy pages
Mobile navigation menu
Regent helps me skip uncomfortable payment talks that hurt my client relationships, the best fitness SaaS doesn't just manage schedules, it removes friction from every interaction.
๐—•๐˜‚๐—ถ๐—น๐—ฑ๐—ถ๐—ป๐—ด ๐—ฎ ๐—ฆ๐—ฎ๐—ฎ๐—ฆ ๐—ฝ๐—ฟ๐—ผ๐—ฑ๐˜‚๐—ฐ๐˜, ๐—ณ๐—ถ๐˜๐—ป๐—ฒ๐˜€๐˜€ ๐—ฝ๐—น๐—ฎ๐˜๐—ณ๐—ผ๐—ฟ๐—บ, ๐—ผ๐—ฟ ๐—ฝ๐—ฟ๐—ฒ-๐—น๐—ฎ๐˜‚๐—ป๐—ฐ๐—ต ๐˜€๐˜๐—ฎ๐—ฟ๐˜๐˜‚๐—ฝ ๐˜๐—ต๐—ฎ๐˜ ๐—ป๐—ฒ๐—ฒ๐—ฑ๐˜€ ๐—ฎ ๐—น๐—ฎ๐—ป๐—ฑ๐—ถ๐—ป๐—ด ๐—ฝ๐—ฎ๐—ด๐—ฒ ๐—ฑ๐—ฟ๐—ถ๐˜ƒ๐—ถ๐—ป๐—ด ๐˜„๐—ฎ๐—ถ๐˜๐—น๐—ถ๐˜€๐˜ ๐˜€๐—ถ๐—ด๐—ป๐˜‚๐—ฝ๐˜€? Let's talk about bringing your product to life with Figma design and custom Webflow development.
Like this project

Posted Jan 17, 2026

Built a high-converting pre-launch landing page for Regent to showcase app features and capture waitlist signups.