Start Strong: Fight G Trial Landing

Project Overview

Fight G’s landing page is designed to convert first-time visitors into free trial bookings. The page removes friction, reduces intimidation (common for combat sports), and builds trust quickly through clear value propositions, social proof, and simple, friendly microcopy. The experience keeps attention on a single primary CTA “Book My Free Trial Class” repeating it at high-intent moments to maximize sign-ups.

Design & Visual Identity

Typography

I pair a bold, athletic display face, Headliner No. 45 for section titles with Noto Sans for all paragraphs and UI text. Headliner No. 45 gives the page energy and a clear section structure; Noto Sans keeps reading effortless across long, dark sections. I use a generous type scale (H1 ≈96px, section headers ≈72px, leads ≈24px, body ≈16px/20px) with relaxed line height so copy stays legible on a dark background. I keep sentence case (not ALL CAPS) for friendliness, and limit bolding to key benefits and CTAs to avoid visual noise.

Color Palette

I chose a near-black canvas to create a cinematic, focused stage for content. The brand yellow is reserved for actions and key headings so users quickly learn “yellow = do something.” Body text uses soft white for comfortable contrast, while subtle greys define cards and inputs without pulling attention from the primary CTA. This scheme feels strong but not aggressive, maintains WCAG-friendly contrast, and consistently guides the eye toward booking.

Imagery

I use real training photos, in black and white to reduce distraction, unify mixed lighting, and convey authenticity. Shots emphasize partner drills, padwork, and coach–student moments so beginners can picture themselves in class. I add gentle gradient overlays to protect legibility, crop for motion and intent, and balance each image with clear copy space. Social embeds extend this realism, proving the gym is active and welcoming.

Component styling & hierarchy

Buttons are high-visibility yellow with dark text for accessible contrast and instant action recognition. Inputs use minimal chrome with generous padding to feel low-pressure. Spacing is roomy to let each message breathe, and I repeat the primary CTA at natural decision points (after classes, before footer) to reduce scrolling back and forth. Overall, the visual system is designed to feel confident, modern, and readable, always supporting the core goal: book a free trial with zero hesitation.

Tone and Voice

I set the tone to be confident but welcoming. The gym has serious pedigree, I speak like a skilled coach who’s patient and clear. I aim for friendly authority: direct, encouraging, and never shouty, so first-timers feel safe and motivated, not intimidated.

I write in plain English with short, active sentences and second person to build closeness. When combat terms appear, I explain them in everyday words. I front-load benefits and de-risk with reassurance. Microcopy sets expectations and lowers friction—labels are simple, placeholders are helpful, and confirmations feel human.

For persuasion, I prefer proof over hype. I highlight real coaches, real photos, and real student outcomes, then keep the CTA language personal “Book My Free Trial Class” to nudge commitment. I use sentence case and minimal emphasis to stay readable on dark UI, and I keep the voice consistent across sections so every line supports one outcome: the user feels ready and confident to book a free trial.

Content Structure

Hero Page

I open with a clear promise and one primary action. The headline states intent, the subhead reduces intimidation by signalling beginner-friendliness. I place “Book a Free Trial Class” above the fold so motivated visitors don’t hunt for it, and I keep the hero copy short to minimize cognitive load.

Featured Classes: Muay Thai

I describe Muay Thai with familiar actions, partner drills and padwork, so beginners can picture the session and feel safe trying it. I call out timing, balance, and defense to show practical skill-building, then end with “beginner-friendly, fighter-approved” to reassure and add credibility without sounding macho.

Featured Classes: Boxing

I lead with “safe and controlled” to address the biggest fear about striking. Then I highlight padwork and partner drills because they’re hands-on, fun, and clearly tied to improving power and accuracy. The tone stays encouraging so first-timers believe they can do this on day one.

Featured Classes: Brazilian Jiu-Jitsu

I explain that technique can beat size to make BJJ feel accessible to all body types. I mention throws, takedowns, locks, and escapes, focusing on self-defense outcomes. This turns a complex ground art into a practical skill set people can imagine learning step by step.

Featured Classes: Mixed Martial Arts

I simplify MMA by mapping it to three phases, stand-up, clinching, and groundwork, so newcomers see how the puzzle fits together. That structure prevents overwhelm and shows the value of combining skills. The copy promises range and readiness rather than intensity for intensity’s sake.

Featured Classes: Conditioning

I position Conditioning as the easiest on-ramp: no prior skills, quick wins, and benefits that carry into every class. Words like power, core, agility, and endurance make the payoff obvious. This helps hesitant users start here, and builds confidence to try a striking or grappling class next.

Why Train With Us?

I treat this section as objection-handling. Each USP targets a common hesitation: credibility (pioneer status), approachability (beginner-friendly), logistics (CBD location), and cost (transparent, lowest prices). I write in short, scannable lines to keep momentum and reduce friction.

Our Instructors

I lead with credibility without posturing. My copy frames coaches as skilled and patient teachers, not just fighters. Names, roles, and portraits humanize the gym, which helps first-timers feel safe and supported before they commit to a trial.

What Our Students Say

I choose specific, outcome-oriented lines (“confidence in week one,” “clear coaching”) because social proof answers “Will this work for me?” better than brand claims. The tone is authentic and succinct to keep focus on the conversion journey.

Featured In

I borrow authority with minimal copy and recognizable logos. I keep this tight so it reassures quickly, then I guide users back to the core path of booking a trial, without introducing new decisions.

Social Media embed

I surface live posts to show a real, active community. The invitation (“Join us… Follow @fightgmma”) is short and welcoming. The content demonstrates consistency and energy, reinforcing that newcomers will fit in.

Book Your Free Trial Class

I lower friction with plain, friendly labels and minimal fields. I use a first-person CTA “Book My Free Trial Class” to increase commitment and make the action feel personal.

Footer & Contact

I close with trust and wayfinding: a real address, social links, and clear contact options. This reassures undecided visitors that they can reach out or follow along before committing—without losing the page’s conversion focus.