Back to portfolio
Concept Project

FitForge.

A premium landing page concept for a modern fitness gym, designed to increase memberships, showcase training programs, and create a strong, motivating brand experience.

FitForge hero
Project overview

Forged for performance.

FitForge needed a landing page that felt like walking into the gym itself — dark, bold, and unmistakably premium. The concept turns a single scroll into a full brand experience that converts visitors into members.

Client
FitForge
Industry
Fitness
Type
Concept Project
Services
Web Design · UI/UX · Responsive · Landing Page
Timeline
2 weeks
Deliverables
Full landing page concept
Client goals

More members, stronger brand.

  • Increase gym memberships from the landing page
  • Showcase premium training programs & classes
  • Highlight expert trainers and their credentials
  • Create a strong, motivating brand experience
The challenge

Look premium without looking intimidating.

Most gym sites either scream discount chain or feel exclusive to the point of scaring away newcomers. FitForge needed both — elite finish, welcoming tone.

Every section had to build confidence: real coaches, transparent pricing, schedules that fit real lives, and a booking flow that never asks twice.

The solution

One page, one commitment.

A single, high-contrast landing page organized around one primary action: book a free week. Everything above the fold answers "why this gym", everything below removes friction.

Gold is used sparingly — only on CTAs, prices and highlights — so the eye always knows where to go next.

Design strategy

Momentum from the first scroll.

Gym sign-ups are impulse decisions with a short window. The UX approach was to build energy quickly, answer the three questions every prospective member has — what does it cost, when can I train, who trains me — and then make joining or booking a trial the easiest thing on the page.

Answer price early

Membership tiers sit high in the journey with the differences spelled out, so nobody has to hunt for cost before they can commit.

Make the timetable usable

The class schedule is laid out as a scannable grid rather than an image, so a visitor can check a Tuesday evening in seconds.

Put the coaches forward

Trainer profiles and member stories carry the credibility that stock gym photography cannot.

One conversion, repeated

Start a trial is the single primary action, echoed after every persuasive section rather than competing with it.

Design process

From strategy to a polished concept.

01

Discovery

Studied high-performance gym brands and mapped the journey from curiosity to a signed 7-day trial.

02

Wireframes

Structured the page around one goal — get the visitor to start a trial or book an intro session.

03

Brand system

Built a bold black & gold identity with editorial typography that reads confident, elite, and modern.

04

High-fidelity

Designed responsive desktop and mobile screens with cinematic photography and sharp micro-motion.

Brand identity

A brand that looks like effort.

The identity leans athletic and editorial — closer to a performance magazine than a big-box gym. Every visual choice reinforces discipline and craft.

  • Bold, cinematic, high-performance
  • Confident wordmark with sharp geometry
  • Editorial athlete photography
  • Gold accents on deep obsidian base
Color palette

Obsidian, gold, and steel.

Obsidian

#0A0A0A

Onyx

#161616

Forge Gold

#D4AF37

Steel Grey

#8A8A8A

Soft White

#F5F5F5

Typography

Editorial serif meets confident sans.

A refined serif headlines hero moments and pricing. A humanist sans powers UI, schedules and body — sharp on every screen, welcoming everywhere.

Display · Fraunces

Forge your strength.

UI & Body · Plus Jakarta Sans

Elite coaching, transparent pricing, and a room built to push you further. Book your free week today.

Homepage showcase

One scroll, the whole gym.

FitForge homepage showcase
Mobile responsive showcase

Designed mobile-first.

Members book classes and check schedules on their phone. Every layout was designed for a thumb before it was designed for a mouse.

FitForge mobile responsive showcase
Key features

Built for conversion.

  • Hero with clear membership CTA
  • Membership pricing tiers
  • Personal trainer profiles
  • Class schedule & booking
  • Testimonial marquee
  • Sticky contact form
  • Fully responsive, mobile-first
  • Fast, image-optimized layout
Membership plans

Transparent pricing.

Starter

€39/ month

  • Gym access 6–22h
  • Locker & showers
  • Free intro session
Most popular

Performance

€79/ month

  • 24/7 gym access
  • All group classes
  • 1 personal training session
  • Recovery & sauna

Elite

€149/ month

  • 24/7 gym access
  • All group classes
  • 4 personal training sessions
  • Nutrition coaching
  • Guest passes
Trainer profiles

Meet the coaches.

Marko Novak

Head Coach · Strength

NSCA-CSCS, 12 years coaching elite lifters. Specializes in powerlifting and hypertrophy.

Ana Rakić

Conditioning Coach

Former national athlete. Builds engines with metabolic conditioning and mobility work.

Luka Perić

Personal Trainer

Body composition specialist. Weekly check-ins, custom programming, sustainable results.

Class schedule

Weekly line-up.

  • Mon07:00Strength Foundations
  • Tue18:30HIIT & Conditioning
  • Wed19:00Olympic Lifting
  • Thu07:00Mobility & Recovery
  • Fri18:30Metcon Friday
  • Sat10:00Open Gym + Coaching
Testimonials

Members who stay.

"Best gym I've ever trained in. Coaches actually coach — I've never made faster progress."
Ivan H., member since 2023
"The programming is smart, the space is beautiful, the energy is real. Worth every euro."
Petra M., Performance member
"Signed up after the free trial and never looked back. I finally look forward to leg day."
Nikola B., Elite member
Contact form

Book your free week.

A short, single-column form — name, email, goal. Nothing else stands between the visitor and their first session.

UI components

Small parts, crafted with care.

Sticky top nav with CTA

Pricing tiles with featured plan

Trainer cards with hover reveal

Class schedule table

Testimonial slider

Contact & trial form

Results

Built to convert first-time visitors.

FitForge is a concept project, so there are no live membership numbers to report. The design's contribution is a clearer offer, faster answers and a trial sign-up that is hard to miss.

Fewer unanswered objections

Pricing, schedule and trainer credentials are all resolved on the page, so fewer prospects leave to research elsewhere.

A stronger, more distinct brand

The bold, high-contrast identity separates the gym from the interchangeable look of most fitness sites.

More trial enquiries

A repeated, unambiguous call to action gives motivated visitors an obvious next step at any point in the scroll.

Better retention of mobile visitors

Fast, image-optimised layouts and thumb-friendly controls keep people moving through the page on a phone.

Why this design works

The reasoning behind every choice.

  • Fitness intent decays fast, so the page removes research steps instead of adding persuasion.
  • Transparent pricing builds more trust than a Contact us for pricing gate, and filters enquiries to serious prospects.
  • Real trainers and member stories do the credibility work that claims cannot.
  • High contrast and strong type match the emotional register of training, so the design feels like the product it sells.
FAQ

Questions about gym websites.

What should a gym website do first?

Answer cost, timetable and location without friction. Most visitors arrive with those three questions and leave when the site makes them hunt.

Should membership prices be published online?

In almost every case, yes. Published pricing sets expectations, reduces time-wasting enquiries and signals confidence in the offer.

How does the site encourage trial sign-ups?

Starting a trial is the only primary action, and it reappears after each section that builds motivation — pricing, trainers and member stories.

Can class schedules and plans be changed later?

Yes. Schedules, plans and trainer profiles are structured content, so they can be updated without redesigning the page.

Does the design work for a small independent gym?

It does. The same structure works whether you run one studio or several; the tiers, timetable and coach profiles simply reflect your own offer.

Let's build yours

Ready to Build a Website That Performs?

Let's create a modern website that helps your business attract more customers and grow online.