Profile

RG

Web Design

Redesigning an Online Calisthenics Platform for Higher Conversions

Leveraged skills

Design Strategy • UX Research • IA • User Flows • Wire-framing • Interaction Design • Visual Design • Prototyping • Usability Thinking

Overview

House of Calisthenics had strong traction, but the website was not converting. Users struggled to understand the offerings, especially online coaching. The redesign focuses on simplifying navigation, clarifying services, and driving conversions.

My role

Design Strategy, UI, UX, User Research

Team

MeD2PMCW

Timeline

2024 Q4

House of Calisthenics website redesign cover

Business goal

Streamline navigation, and improve conversion rates for online training services.

The focus was on reducing drop-offs and guiding users toward signing up for training programs, especially online coaching, by making services easier to understand and quicker to act on.

User Problem & Solution

Simplified flow that drives clearer decisions and signups.

Users were interested but confused, they could not clearly understand the difference between services or how online coaching worked, leading to low signups. The solution was to simplify the structure, clearly communicate each offering, and introduce stronger CTAs, helping users move from exploration to action with minimal friction.

TLDS;

Go to Website

What we shipped

Redesigned experience focused on helping users quickly understand House of Calisthenics' training programs, coaching model, and onboarding journey.

House of Calisthenics desktop and mobile website preview
+ Impact

+30%

Increase in lead signups

Clearer services structure & stronger CTAs improved user action.

-15%

Reduction in bounce rate

Simplified navigation helped users stay and explore more about HOC.

+25%

Higher engagement time

Better copy flow and clarity kept users engaged longer.

How Did I approached?
House of Calisthenics process timeline

Problem Identification

Users were interested in calisthenics training but struggled to understand the platform's offerings. Unclear service differentiation and lack of explanation around online coaching led to confusion, drop-offs, and low conversions.

Unclear difference between training programs
Weak CTA visibility
No clear starting point for beginners
Online coaching not explained properly
Overwhelming and unstructured content
House of Calisthenics personas

Research & Ideation

How we Conduct Research

Before moving into visual design, I analyzed user behavior, drop-offs, and interaction patterns to identify where users were getting stuck.

The goal was to ensure every screen answers a clear user question, reducing confusion and guiding users toward action.

House of Calisthenics research insights

Site Map

Translating Features into Sitemap

Before moving into visual design, the focus was on structuring the experience to reduce confusion and guide users clearly through the journey.

Ensuring each page has a defined purpose, answers a specific user need, clear CTAs and leads to a clear next step.

House of Calisthenics sitemap

Wireframe

Designing the Structure Before the Surface

I created low-fidelity wireframes to validate structure, hierarchy, and user flow, while keeping competitors and user flow in mind.

The focus was not on visuals, but on ensuring clarity, each screen was designed to answer a specific user question and guide them toward the next step.

House of Calisthenics wireframes

Design system

Typography

Typography was chosen to reflect strength, boldness, and energy, aligning with the bold nature of calisthenics training.

The goal was to create a strong visual hierarchy that grabs attention while keeping content short, readable and easy to scan.

Primary Font

House of Calisthenics primary typography

Secondary Font

House of Calisthenics secondary typography

Design System

House of Calisthenics design system colors and grid
House of Calisthenics final website mockup

Learnings & Final Thoughts

Clarity drives conversion

Simplifying services and explaining the coaching model created a clearer path to signups.

Less choice, better decisions

Reducing cognitive load helped visitors move through the site with less hesitation.

Trust is a key driver

Sharper structure, proof points, and focused CTAs made the training offer feel more credible.

Design is direction

A strong visual surface only works when the journey underneath is clear.

Thank you for watching!

More Case Studies

Waysorted Platform

Waysorted Platform

A product workflow case study focused on making design feedback clearer, faster, and easier to act on.

View Case study

Leveraged skills

Design StrategyUX ResearchUI