Pilates | Barre Five-page website + booking experience

A studio website built to move peoplefrom interest to class.A studio websitebuilt to move peoplefrom interestto class.

We designed and developed a five-page website connecting studio atmosphere, classes, scheduling, memberships, instructors, and a guided booking path.

View the live website See it working

The Pilates Barre homepage we designed: a full-screen reformer studio photograph, the headline Move with intention, and Book a class and View schedule actions

ClientPilates | Barre

LocationBelcourt Village · Bakersfield, California

ProjectFive-page website · booking experience

Our roleStrategy, art direction, UX/UI design, front-end development, local SEO

The finished website, interactive

Find a class.
Book it.

This is the working site, not a mockup. Scroll the homepage, filter the schedule, compare memberships, and open the booking flow on desktop or on a phone. Booking is disabled inside the preview.

The challenge

Turn a full studio into one clear next step.

Pilates|Barre offers different class formats, two rooms, multiple membership paths, and a team clients want to know. The website needed to make that depth feel inviting, not complicated.

A focused four-step booking popup helps first-time and returning visitors choose a class, date, and next action without losing the studio context.

Guided bookingSchedule designStudio storytelling

An early Pilates Barre direction on a tablet: Move with intention beside the studio address, today’s classes with spots left, the Unlimited membership, instructors, and a Book your next class date strip — **An early direction.** Everything a visitor decides on, one dark screen: today’s classes, the recommended plan, the instructors, and a date strip to book. We kept the decisions and gave each its own page.

Art direction

The space does more than decorate.
It sets the expectation.

Warm architectural photography introduces the two-room studio, ten Balanced Body reformers, and the people who make the experience feel personal. A confident visual language built from real photography, condensed display type, off-white copy, and electric lime actions carries it across every page.

Voice and type

Move with intention.

Stronger. Calmer. Happier. You. Short lines, set in tall condensed caps, over photographs of the real room.

Headlines tall condensed caps
Body light grotesque
Labels wide-tracked small caps

Studio blackHero, nav, dark chapters

Electric limeBook a class, every time

Off-whiteCopy and page field

SandFrom the studio walls

Decision design

Schedules and prices
become easy choices.

Filters, day states, availability, plan groupings, and direct actions create a consistent rhythm across the most information-dense pages. Class type, day, time, instructor, room, duration, availability, and booking action remain legible without turning the page into a spreadsheet.

The Pilates Barre mobile homepage: Move with intention over the reformer room, Book a class and View schedule — Dense information becomes a comfortable vertical sequence. The booking action stays visually unmistakable.

The Pilates Barre classes page on mobile: Find your flow, today’s class schedule with day tabs, class names, instructors, rooms, spots left, and Book buttons, then membership and the studio — Seven days, five classes, spots remaining in green, and a Book button on every row. Filters wrap and cards gain breathing room.

What we built

One system for
the whole client journey.

The Pilates Barre homepage hero: Move with intention over the reformer studio

01 / Architecture

Five pages, one path

Classes, schedule, the studio, membership, and instructors, connected so every page ends in a clear call to book.

The More than a workout, a better you section of the homepage

02 / Visual language

Real photography leads

Warm architectural photography, condensed display type, off-white copy, and electric lime actions on every screen.

The classes page on mobile: Find your flow

03 / Decision pages

Easy choices

Schedule filters and availability states, membership comparison with one recommended path, expandable instructor bios.

The class schedule on mobile with day tabs, spots left, and Book buttons

04 / Responsive booking

Built for one hand

Navigation and the four-step booking flow designed for desktop, tablet, and one-handed mobile use, with local SEO for Bakersfield searches.

Make the depth feel inviting, not complicated.

Project lead

Brendan Collins

Brendan led strategy, art direction, UX/UI design, and the front-end build for Pilates|Barre.

The central decision was to let the room set the tone and make every information-dense page (schedule, membership, instructors) read as a short list of easy choices.

Meet the studio

Your next chapter

Turn interest
into bookings.

Tell us how people find you, what they need to decide, and where they get stuck. We will design the path around it.

Start a project

A studio website shown on a laptop and phone in a sunlit reformer studio

A studio website built to move peoplefrom interest to class.A studio websitebuilt to move peoplefrom interestto class.

Find a class.
Book it.

Turn a full studio into one clear next step.

The space does more than decorate.
It sets the expectation.

Schedules and prices
become easy choices.

One headline. One action.

Times and spots, one thumb.