The Challenge: The "Environment Hop" Friction
Club Woodside faced a classic enterprise problem: a "Frankenstein" digital ecosystem. Members wanting to book a cycling class were forced into a high-friction "environment hop"—bouncing from a mobile app to a marketing site, and finally into a legacy member portal.
The Operational Bottlenecks
• Discovery Debt: The reservation feature was technically functional but buried so deep that members struggled to find it.
• Feature Gaps: The legacy system only allowed members to "join a class," with no ability to reserve a specific bike, a top request for high-end boutique fitness.
• Branding Entropy: Three different environments meant three different UI languages, creating a disjointed and untrustworthy brand experience.
The Strategic Role: UX Lead & Product Architect
As the UX Lead, my mission was to consolidate these fragmented touchpoints into a single, mobile-first "North Star" experience. I facilitated the discovery and mapping of the current-state journey to identify where members were dropping off.
The Solution: A Focused, Multi-Tenant Approach
1. Consolidation of the Entry Point
I architected a dedicated cycling portal that eliminated "portal hopping." By creating a single, unified entry point, we reduced the time-to-booking and ensured visual parity across the brand.
2. Mobile-First Seat Mapping
Most members book on the go. I designed an intuitive "Studio Map" layout specifically for small-screen interaction targets.
• Low-Cognitive Load: Optimized the flow for a clear Class $\rightarrow$ Bike $\rightarrow$ Confirm progression.
• Real-Time Agency: For the first time, members could see the layout of the room and select their preferred spot, mirroring the boutique studio experience.
3. Strategic MVP Scoping (The "Principal" Move)
During discovery, we uncovered that the client's desire for "performance dashboards" would significantly delay the launch.
• The Tradeoff: I facilitated a prioritization workshop where we agreed to launch the Reservation Engine first, move Performance Metrics to Phase 2, and Instructor Data to Phase 3.
• The Result: This narrowed the technical scope and provided a clear, phased development roadmap.
The Technical Foundation: Design Systems as a Bridge
To solve the branding entropy, I didn't just design screens; I built a scalable design system.
Unified UI Patterns: Established a consistent library of components (calendars, bike icons, button states) that could be reused across the client’s other digital properties.
Implementation-Ready: The architecture was designed to support future integrations with fitness devices and real-time instructor views, ensuring the MVP wouldn't need to be refactored later.
Outcome: A Strategic Roadmap for Transformation
Although the project stalled due to external factors, the UX engagement delivered a high-value blueprint for the organization's digital future.
Strategic Wins
• Validated Workflow: Usability testing with members confirmed that the "one-portal" approach significantly reduced cognitive load and navigation blind spots.
• Operational Clarity: The client received a clear MVP definition, allowing them to prioritize development resources effectively.
• Scalable Framework: We delivered an architecture capable of supporting future growth, from instructor QA tools to class history analytics.