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

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.

Client

Pilates | Barre

Location

Belcourt Village · Bakersfield, California

Project

Five-page website · booking experience

Our role

Strategyart directionUX/UI designfront-end developmentlocal SEO

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.

Designed for the phone

Find a class. Book it.

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.

What are you working toward?

Tell us what the brand needs to do, who it is for, and when you need it. You will get a straight answer on scope, timing, and cost.

Start a project

Brendan Collins · Owner and project leadBrendan leads UI/UX, branding, and front-end execution, making software simple, clear, polished, and easy for real people to use.

Meet the studio →