- Launched in 2014, then went intentionally dark in 2022 — the brand needed a credible, modern return for its May 2026 relaunch
- No web presence that could carry the new positioning: women’s fitness + nutrition coaching, 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
- 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 — with zero card handling and no server to babysit
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.
Our solution
An athletic brand, wired to convert.
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 an About page telling Phelicia Gomez’s journey in her own words — in a custom magenta and rose-gold system, built mobile-first with reduced-motion-aware motion.
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.
03
Five free workouts as the lead magnet
Five at-home workouts, each with a printable PDF generated at build time with pdf-lib — the top-of-funnel hook that earns an email and organic search traffic before anyone is asked to buy.
04
Real contact + payments plumbing
A working inquiry form wired to email delivery and Stripe hosted Checkout for all four monthly plans — PCI-safe subscriptions with no card data ever touching the site.
Technical approach
Fast, cheap, and maintainable.
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.
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.