Case study · Pilates|Barre

A studio website built to move people from interest to 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 ↗

Pilates Barre homepage with a full-screen reformer studio image, Move with intention headline, and class booking actions

Project type

Five-page websiteBooking experience

Industry

Pilates and fitnessLocal studio

Capabilities

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.

What we built

One system for the whole client journey.

✓A five-page content architecture that connects classes, schedule, studio, memberships, and instructors ✓A confident visual language built from real photography, condensed display type, off-white copy, and electric lime actions ✓Schedule filters, availability states, membership comparisons, instructor bios, and clear calls to book ✓A responsive navigation and booking experience designed for desktop, tablet, and one-handed mobile use

Studio storytelling

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.

Pilates Barre studio section with the reformer room and members arriving for class — **Desktop studio story**
Architecture, location, and room details share one composed view.

Mobile Pilates Barre studio page with location details and warm reformer room photography — **Mobile studio story**
The address, directions, and photography stay easy to scan.

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.

Pilates Barre desktop schedule with class filters, seven-day navigation, availability, and booking actions — **Schedule design**
Class type, day, time, instructor, room, duration, availability, and booking action remain legible without turning the page into a spreadsheet.

Pilates Barre membership page with grouped plans, prices, included benefits, and purchase actions — **Membership comparison**
Plans stay comparable while one recommended path receives a clear visual lead.

Pilates Barre instructor page with a studio photograph and expanded instructor biography — **Instructor trust**
Expandable bios make credentials and personality available without overwhelming the introduction.

Responsive system

The mobile site keeps every decision within reach.

Dense information becomes a comfortable vertical sequence. Filters wrap, cards gain breathing room, and the booking action stays visually unmistakable.

Mobile Pilates Barre schedule with wrapped filters, day navigation, availability, and booking buttons — **Schedule**
Times and actions remain easy to scan with one thumb.

Mobile Pilates Barre membership page with plan filters, pricing, benefits, and purchase action — **Membership**
Each plan becomes a focused decision instead of a compressed table.

Instructors

Photography and bios create trust before the first visit.

The strongest design move was giving every page the same clear rhythm: understand the studio, choose the right class, and know what to do next.

Project lead

Brendan Collins

Brendan led the website strategy, art direction, UX/UI design, responsive system, front-end development, and local search foundation for Pilates|Barre.

The work translates a full studio experience into a focused path from first impression to the next class.