Skip to content
All client work
Case study · Phab Phit

Relaunching a fitness brand with a site that converts.

How KumoKodo Studio built Phab Phit a high-converting marketing site for its 2026 comeback — an athletic brand experience that books coaching clients and sells four monthly plans, all on a static-first Next.js stack with real payments and contact plumbing and zero database to maintain.

4
Monthly plans
5
Free workouts
2
Server routes
0
Databases
Client
Phelicia Gomez · Phab Phit
Industry
Fitness & Nutrition Coaching
Services
Design, build, content, payments
Status
Live — relaunched May 2026
The challenge

Bring a brand back — and make it sell.

Phab Phit is a women's fitness and nutrition coaching brand: personal training, custom meal plans, glow-up packages, and online coaching. After an intentional break, it needed a relaunch presence that earned trust instantly and turned visitors into booked clients and paying subscribers.

A dormant brand to relaunch

The #PhabPhitComeback

  • Phab Phit launched in 2014, then went intentionally dark in 2022 — the brand needed a credible, modern return for its May 1, 2026 relaunch
  • No web presence that could carry the new positioning: a women’s fitness + nutrition coach serving Corpus Christi and online nationwide
  • The site had to do two jobs at once — book coaching inquiries and sell monthly plans — without feeling like a generic gym template

Convert without the overhead

Lean by design

  • A solo coach can’t maintain a heavy CMS or a database-backed app between training sessions
  • Payments and contact had to be real and PCI-safe from day one — but with zero card handling and no server to babysit
  • Top-of-funnel needed a reason to engage before buying — something free, useful, and shareable
What we delivered

A complete relaunch presence.

Design, build, content, and the integration plumbing — shipped as one production-ready site, tuned to convert from the first visit.

01

Athletic brand site, built from scratch

A bold, athletic redesign carrying the new "Transform. Fuel. Glow." identity — a choreographed hero, brand story, and About page telling Phelicia Gomez’s journey in her own words. Built mobile-first with motion that respects reduced-motion preferences.

  • Custom magenta + rose-gold brand system
  • Fraunces / Pinyon Script / Outfit type pairing
  • Framer Motion hero + scroll reveals
  • Accessibility + mobile passes
02

Four service lines, four purchasable plans

A services page presenting the four coaching lines and four monthly plans, priced from an accessible $49 entry point up to $199 VIP — with the $99 Lifestyle package positioned as the default "Most popular" choice for all-in results.

  • Custom Meal Plans · Workout Regimens
  • Glow-Up Packages · Online Coaching
  • $49 / $59 / $99 / $199 monthly tiers
  • Pricing tuned to remove entry friction
03

Five free workouts as the lead magnet

Five at-home workouts, each with a printable PDF generated at build time — the top-of-funnel hook that earns an email and organic search traffic before anyone is asked to buy.

  • Per-workout pages + printable PDFs
  • pdf-lib generated, zero runtime cost
  • Built for shareability + SEO
04

Real contact + payments plumbing

A working inquiry form wired to email delivery and Stripe Checkout for the four monthly plans — PCI-safe, hosted-checkout subscriptions with no card data ever touching the site.

  • Contact form → Resend delivery
  • Stripe Checkout for all four plans
  • Hosted checkout, zero card handling
Technical approach

Fast, cheap, and maintainable.

The whole site is static-first with two stateless server routes — the right architecture for a solo coach who needs it to just work between training sessions.

Static-first frontend

Next.js App Router with React Server Components rendered at build/request time. There’s no data layer — every page reads typed compile-time constants from a single source of truth, so the whole site stays fast and cheap to host.

  • Next.js 15 (App Router) + React 19
  • TypeScript end to end
  • Tailwind CSS brand system
  • Content lives in src/lib/site.ts — one file, no CMS

Two lightweight server routes

Only two dynamic surfaces exist, both stateless. The contact form POSTs to a Resend send (with a logging fallback so dev never breaks); plan CTAs POST to a Stripe Checkout Session and redirect to Stripe-hosted pages.

  • POST /api/contact → Resend
  • POST /api/checkout → Stripe Checkout
  • No database, no auth, no queues
  • Falls back gracefully when keys are unset

SEO + local discovery

Auto-generated sitemap and robots, an Open Graph image, and rich JSON-LD — Organization, HealthAndBeautyBusiness, WebSite, per-Service, local service-area, and Offer pricing — so the site is legible to search engines and local results.

  • sitemap.ts + robots.ts
  • opengraph-image.tsx
  • Local service-area schema
  • Per-service + offer pricing structured data

Deliberate non-goals

No client login, booking system, in-app program delivery, or database. Plan fulfillment after checkout is coach-driven — the right call for a solo coach relaunching, and an easy surface to grow into later.

  • No portal / no booking engine
  • No webhook fulfillment (reserved for later)
  • Manual, coach-driven onboarding
  • Room to add a portal when volume justifies it
Key decisions

Why we kept it lean.

Content in code, no CMS

A single-author site with infrequent edits doesn’t need CMS infrastructure. All copy, services, packages, and workouts live as typed constants in src/lib/site.ts — fast, versioned, and free to host.

No database

Nothing is persisted server-side. Inquiries go to email, payments go to Stripe. That removes an entire category of cost, maintenance, and security surface for a solo-coach brand.

Stripe hosted Checkout

The fastest path to PCI-safe subscriptions with zero card handling — no bespoke payment form to secure, no compliance burden carried by the client.

Resend with a log fallback

Keeps local dev working with no API key and avoids a hard failure if the key is ever missing in production — the form degrades to logging instead of throwing.

What shipped

Live for the comeback.

The experience

  • Full athletic redesign carrying the new "Transform. Fuel. Glow." identity
  • About page with Phelicia’s bio, "In Her Words," and a journey timeline
  • Services page with four coaching lines and four monthly plans
  • Five free at-home workouts, each with a printable PDF
  • Micro-interactions, accessibility, and mobile polish throughout

The plumbing

  • Contact form delivering inquiries via Resend
  • Stripe Checkout wired for all four monthly plans
  • SEO pass: schema, Open Graph, sitemap, and robots
  • KumoKodo footer attribution linking back to the umbrella brand
  • Static-first hosting on Vercel — fast and low-cost to run
Built with

Technology stack.

Next.js 15React 19TypeScriptTailwind CSSFramer MotionStripe CheckoutResendpdf-libVercelJSON-LDFrauncesOutfit
See it live

Visit Phab Phit.

Take a look at the live site — or tell us about a brand of your own that needs to launch and convert.