
AMP Fitness Pittsburgh
Website Redesign & Admin Portal
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:
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:
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
| Area | Choice | Why |
|---|---|---|
| Framework | Next.js | Fast, SEO-friendly, easy Vercel deploy |
| Database | Supabase | Postgres with a simple API; great for a small data model like trainers + classes |
| Hosting | Vercel | Zero-config deploys, preview URLs, works naturally with Next.js |
| AI-assisted dev | Claude Code | Used throughout development for component scaffolding, logic, and iteration |
| Booking | MindBody (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.