4 ways this
site could work..
Not different colour schemes of the same page. Multiple different structures, different navigation, different section order, different information hierarchy, and a different copy voice in each one. Open them on your phone too; each is built mobile-first with the call-to-action always reachable.
- What to do
- Pick the structure you like. We can move copy between them
- Content status
- Placeholder copy, written to be replaced by yours
- Not wired yet
- GoHighLevel + MindBody, per the plan
- Shortcut
- ⌘/Ctrl + 1–7 jumps between directions
- 01
The cinematic one
Night Session
Full-bleed, dark, editorial. Feels like a sportswear brand film.
“Six people. One coach. Fifty-five minutes that actually change something.”
Voice · Confident, cinematic, aspirational. Short lines. No fluff. Structurally
- One-page cinematic scroll, section-snapped, ~4 screens tall
- Full-viewport hero with a motion backdrop and a single CTA
- Numbered narrative chapters instead of a traditional nav
- Coaches as a horizontal marquee, not a grid
- Sticky mobile call bar pinned to the bottom of the screen
Nav: Minimal top bar + chapter rail on the rightType: Anton + InterPick this if: You want West LA to feel premium and unmistakably not a big-box gym.
Open 01 - 03
The premium split-screen one
The Studio Dossier
Fixed brand panel on the left, quiet editorial content on the right.
“Six people per session. Not a class. Never was.”
Voice · Understated luxury. Declarative. Nothing shouts. Structurally
- Two-column split screen: the left panel never scrolls, the right column does
- Content reads as a dossier, The Room, The Method, The Coaches, The Members
- Serif display type, bone paper, generous negative space
- Numbers presented as a small data table, not big loud stat cards
- Booking is a calm, single-column form at the end of the dossier
Nav: Persistent left panel with section indexType: Fraunces + InterPick this if: You want to sit above the boutique-studio noise and price like it.
Open 03 - 06
The Alloy-brand one
Stronger Together
The franchise language, charcoal and Alloy yellow, executed properly, with West LA content.
“This isn't a big-box gym. That's the point.”
Voice · On-brand and professional, but specific to West LA rather than generic. Structurally
- Classic conversion stack: alternating dark / yellow / white full-width bands
- Hero carries the lead form itself, so booking starts above the fold
- Counting stat band (6 / 55 / 2–3 / 4) and a highlighted comparison column set
- Service-area tabs with a live map module for local search
- Long-form FAQ, gallery, intro-session video and a local-SEO closing block
Nav: Utility strip + sticky dark nav, sticky mobile call/book barType: Barlow Condensed + BarlowPick this if: You want to look unmistakably like Alloy, only sharper than the other locations.
Open 06 - 07
The brief-compliant one
Starting Point
Built line by line to the West LA build brief: exact section order, real studio details, brand-standard colour and type.
“One-on-one personal training in a small group setting.”
Voice · Brand-standard: sessions not classes, coaches not trainers, members not clients. Structurally
- Homepage runs the brief's exact 4.1–4.11 order, hero to closing CTA
- Every CTA opens the same two-step booking flow: short form → call with Nick
- Multi-page site: Services (+ InBody, Sessions), Team, Community, Blog, FAQ, Contact
- Comparison table scored on the brief's six dimensions, swipeable on mobile
- No pricing anywhere, the SPS booking is the only conversion event
Nav: Brief's nav bar with Services dropdown + persistent Book NowType: United SemiCondensed + DINPro (stand-ins)Pick this if: You want the brief delivered exactly as written, ready for GHL wiring.
Open 07