Pittsburgh Topographic Map
Back to Portfolio
Solution Builder2026

AMP Fitness Pittsburgh

Website Redesign & Admin Portal

RoleDesigner & Developer
StackNext.js · Supabase · Vercel
Live Siteampfitnesspgh.com

Overview

AMP Fitness is a boutique HIIT and strength training gym in McKees Rocks, PA — just outside Pittsburgh. They run 60-minute coached classes across formats like HIIT, MAX, Round Robin, and AMRAP, and have donated over $16,000 to local Pittsburgh charities. The gym had a working website, but it wasn't doing justice to the quality of the experience inside.

I redesigned and rebuilt their site from the ground up — modernizing the brand presentation, adding a live class schedule, and building a custom admin portal so the gym owner could manage trainers and class listings without touching any code.

The Problem

The original site was built on a drag-and-drop platform and showed its age. A few specific pain points:

Dated visual designHeavy dark backgrounds, dense text blocks, and inconsistent typography made it feel generic rather than premium.
No real scheduleClass times were buried in text, with no way to see what was coming up today or this week.
No admin controlThe owner had no self-service way to update trainers, class types, or times — any change required going back into a website builder.
Weak first impressionThe hero section didn't communicate the brand's energy or its community-first mission.

The Redesign

Visual Direction

The new site shifts to a clean, modern aesthetic — light backgrounds, bold condensed typography, and an orange accent that carries energy without screaming. The design system is intentional and minimal: it lets the copy and photography do the heavy lifting.

  • Replaced the dark, image-heavy hero with a stark, high-contrast layout that leads with a punchy three-line tagline: Show Up. Push Hard. Give Back.
  • Added a stats bar surfacing social proof instantly — $16,000+ donated, all levels welcome, 7 days a week, 60-minute coached classes.
  • Introduced a "Find Your Class" section with clean cards explaining each workout format.
  • Added a three-step onboarding flow ("Getting Started Is Easy") to reduce friction for first-timers.
  • Pulled in real member testimonials.
  • Built a proper footer with hours, contact info, and navigation.

Schedule Page

One of the bigger feature additions was a live schedule view. Rather than a static list, the schedule page shows the current week in a horizontal date picker. Visitors can see today's classes at a glance — including the class format, time, duration, and assigned trainer — and book directly through MindBody.

Class type filters (AMRAP, EMOM, HIIT, Round Robin, MAX, Yoga, Party) let members quickly find what they're looking for. A FAQ section handles the most common questions around booking, cancellations, waitlists, and what to bring.

Admin Portal

Behind a protected login, the gym owner has a full admin dashboard for managing:

Trainers
Add, edit, or remove staff profiles
Class Types
Manage the format library (HIIT, MAX, Round Robin, etc.)
Schedule
Add or delete individual class sessions with day, time, duration, trainer, and class type
Promotions
Manage current offers shown on the site
Pricing
Update membership and class pricing without a developer

Class data is stored in Supabase and surfaced on the public-facing schedule in real time. The admin also includes a one-click Instagram post download for the weekly schedule — useful for the gym's social presence.

Technical Details

AreaChoiceWhy
FrameworkNext.jsFast, SEO-friendly, easy Vercel deploy
DatabaseSupabasePostgres with a simple API; great for a small data model like trainers + classes
HostingVercelZero-config deploys, preview URLs, works naturally with Next.js
AI-assisted devClaude CodeUsed throughout development for component scaffolding, logic, and iteration
BookingMindBody (external)Existing booking system the gym already used; embedded rather than replaced

Outcome

The redesigned site gives AMP Fitness a web presence that matches the quality of what they deliver in the studio. The admin portal means the owner can keep the schedule and trainer roster up to date independently — no developer needed for day-to-day changes.

Built by Kyle Protho · ampfitnesspgh.com