Regent – Figma Design & Webflow Development by Talha ShahzadRegent – Figma Design & Webflow Development by Talha Shahzad
Built with Webflow

Regent – Figma Design & Webflow Development

Talha Shahzad

Talha Shahzad

Verified

Overview

Project Details:
Industry: SaaS / Fitness Technology / Business Management
Services Provided: Figma Design, Webflow Development, Waitlist Integration, UI/UX Design
Client Background:
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:
Feature communication – Multiple product features (scheduling, payments, reminders, no-show protection) needed clear, visual explanation
Trust building for new product – As a pre-launch SaaS, the site needed to establish credibility without existing users
Waitlist conversion – The primary goal was capturing email signups from personal trainers
Competitive differentiation – 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:
App interface showcases demonstrating the product experience before launch
Pain point messaging addressing awkward payment conversations and scheduling chaos
Social proof integration through trainer testimonials
Multiple conversion touchpoints capturing waitlist signups throughout the page
Feature-rich visual design bringing the SaaS product to life

Solution

Figma Design:
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
Webflow Development:
Built fully responsive Webflow site with smooth animations and interactions
Created six-feature showcase grid:
Smart Scheduling – Real-time availability, no double bookings
Payment Processing – Stripe, Google Pay, Apple Pay integration
Automated Reminders – Text updates for payments and sessions
Client Management – Progress tracking and goal organization
No-Show Protection – Automatic payment capture for cancellations
Session Tracking – Record of completed, cancelled, and postponed sessions
Product Feature Sections:
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
Social Proof:
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
Conversion Optimization:
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
Additional Elements:
Social media integration (Instagram, TikTok, X, Threads, Email)
Terms of Service and Privacy Policy pages
Mobile-responsive navigation
Contact functionality

Outcome & Impact

Clear product vision – Visitors immediately understand what Regent does and why it matters
Feature clarity – Six key features explained with visual mockups and clear copy
Pain point resonance – "Awkward payment conversations" messaging connects with trainer frustrations
Waitlist momentum – Multiple conversion points capture interested trainers
Social proof established – Testimonials build trust despite pre-launch status
Mobile-optimized experience – 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."
Building a SaaS product, fitness platform, or pre-launch startup that needs a landing page driving waitlist signups? Let's talk about bringing your product to life with Figma design and custom Webflow development.
Like this project

Posted Jan 5, 2026

Developed a pre-launch landing page for Regent's fitness SaaS using Figma and Webflow.

Likes

0

Views

6

Timeline

Nov 24, 2025 - Jan 12, 2026

Clients

Regent