Case Study Reebok Crossfit 306

Crossfit 306 Homepage


Web Design, Web Development, Information Architecture, SEO




Strategy, UI, UX

Refreshing the Crossfit 306 Image

Crossfit 306 is a vibrant, welcoming community that defies many of the hard edge Crossfit stereotypes. When the organization approached us, their website was jammed with information, hard to read, and it wasn’t mobile-friendly.

Crossfit 306 had dedicated users who liked to check the site at the stroke of midnight to see the coming Workout of the Day (WOD), but the website buried that information and frustrated users.

A Friendly Design

To meet the budget constraints of a small local business, we created this site in Squarespace, customizing a template to align with the 306 brand.

People are the most critical aspect of Crossfit, so we were sure to spotlight the owners and coaches, showing their faces wherever we could.

CrossFit306 Logo Transparent
non-cropped image cloud decoration

Designing for a Diverse Audience

Existing members and potential or new members have different needs, but we managed to streamline the information for both groups.

Potential members are welcomed right away with a compelling and straightforward call to action that leads right to transparent pricing and steps to sign up for a free class.

For hardcore regulars, the WOD is front and centre on the homepage.

crossfit 306 myth
laptop image cloud decoration

Capturing a Community

We wanted to capture the diversity of the 306 community, so we used original imagery to showcase the variety of people and fitness levels that make up the regular members.

The message is that everyone is welcome. A much-needed SEO boost helped deliver this message to the community.

Remarkable Results

After the site’s launch, the gym had its best quarter in years.

Crossfit306 holds the #1 spot on Google.

Regulars began frequently visiting to check the WOD and log their workouts. Custom photography and cohesive visuals gave the site a significant brand boost.

The client success stories keep traffic on the site, reducing intimidation levels by showing the broad range of bodies that have benefited from Crossfit—offering everything from relatable to aspirational content. The finished product truly captures the culture of this vibrant community.

crossfit 306 schedule header
laptop image cloud decoration
“I love my new website designed by Lesia Design! It is the perfect representation of who we are and what it feels like to be in our space. Everyone agrees the site is so much more ‘us’ now—so inspiring, appealing and inviting.”
Crossfit 306 Logo

CrossFit 306