Legacy Sports Complex

Ecommerce and Booking Athletic Web App

  • UX/UI
  • Website
  • Wireframes
  • Flowcharts
  • User Interview
  • User Testing
  • Prototype
  • Content Creation
  • Project Management

Project Overview


This project reimagines the digital experience for a revolutionary athletic facility. Legacy Sports Complex isn't just a gym; it's a crucible where elite athletes are forged. This project tackles the challenge of transforming their outdated website into a vibrant and user-centric platform that reflects Legacy's unique identity. Forget sterile gym websites – we're crafting a digital sanctuary that mirrors the five-star experience athletes receive within the complex's walls.

My Contribution

  • Data-Driven Advocacy: This data-backed approach demonstrated the value proposition of specific features, such as intuitive navigation for finding nearby facilities and engaging virtual tours.
  • Crafting the User Journey: I meticulously crafted wireframes and user flows to map out a seamless navigation experience within the customer portal.
  • Brand Storytelling: Understanding the brand's essence was critical. I curated content that resonated deeply with Legacy's ICP, elite athletes seeking a competitive training environment.
  • Refining User Personas: Through trainer interviews and in-depth research, we collaborated to refine the Ideal Customer Profile (ICP) to ensure the website catered to the specific needs and aspirations of Legacy's target audience.
  • Roadmap Documentation: I created detailed documentation for the project roadmap, outlining the development phases and functionalities. This clear communication ensured all stakeholders, including engineers, were aligned from start to finish.
  • Collaborative Spirit: Throughout the project, I fostered a collaborative environment, working closely with the engineering team from inception to completion. This ensured a smooth workflow and a website that not only looked stunning but also functioned flawlessly.
View Live Site

The Problem:

Outdated Low Engagment Site

• Outdated website

• Absence of Virtual Experience

• Friction in Training Booking & Sales

• Limited Community Connection

• Data & Feedback Gap

• Lack of Branding

The visual design was uninspiring, failing to reflect the cutting-edge training and unparalleled amenities offered by Legacy. Navigating the website felt like a chore. Finding information about memberships, facilities, or even class schedules was a frustrating experience for potential members. The website fell flat in translating Legacy's dynamic brand identity and competitive spirit into the digital realm. It failed to resonate with their Ideal Customer Profile (ICP), elite athletes seeking a premium training environment. This project presented a unique challenge: transforming a website that didn't ignite the fire within potential members.

The UX Factory Floor

Idea

• Create Fomo

• Identify Value Added

• Intergrate Innovation

Investigate

• User Research

• Trainer Interview

• Location Amenities

Schedule

• Close Gym Operations Momentarily

• Collaborate with Contractors

• Road Map

Artifact

• Capture Sports Complex Content

• Build brand  

• Package Design System

Delivery

• Hi Fidelity Resources

• Documentatoin

• Deployment

Charting the User Journey

Legacy's existing website lacked intuitive navigation, making it difficult for potential members to find the information they craved.  To address this challenge, we heavily relied on wireframes. These low-fidelity mockups served as a blueprint, outlining the site’s structure and layout of the customer portal.

Wireframes allowed us to:

Map User Flows: We meticulously mapped out the various ways users would navigate the website, ensuring a seamless experience for tasks like finding nearby facilities, browsing membership options, or scheduling a visit.

Prioritize Functionality: By focusing on functionality within the wireframes, we prioritized features that addressed user needs and aligned with Legacy's brand identity.

User Persona

Brandon Whitherspoon

Age: 7-33

Occupation: Athlete

Relationship Status: N/A

Location: Swanee, Ga

Gender: Unisex

Archetype: The Jester

Introvert
Extrovert
Thinking
Feeling
Sensing
Intuition
Judging
Perceiving

Goals

• Competition

• Safety and accountability

• Execution

Frustrations

• Losing

• Poor training equipment

• Trainers with no passion

Bio

• A seasoned pilot with over 20 years of experience, primarily flying Boeing 737s. Known for his meticulous pre-flight routines and a strong preference for tried-and-true methods.

• "Give me dials over touchscreens any day.": Mark is skeptical of new technology in the cockpit, believing it can be distracting and prone to failure.

Motivation

Growth
Fear
Achieverment
Power
Incentive
Social


Brand Affiliation

Mohamed Sanu Owner

Awakening User-Centric Design

Understanding the user needs went even deeper. We didn't design in a vacuum.  By presenting data-driven insights through KPIs and SMART goals to stakeholders, we built a strong case for features that truly benefit users. This approach helped secure buy-in for functionalities like intuitive location finders and engaging virtual tours that cater to a diverse audience.

Remember, Legacy Sports Complex isn't just for elite athletes; it's a haven for parents and aspiring athletes of all ages.  Our data-driven approach ensured the website resonated with this broad spectrum – from seasoned competitors to young athletes embarking on their athletic journey, and the parents who support them.

I encountered a variety of challenges throughout the project. However, by employing a strategic and user-centered approach, we successfully navigated these hurdles:

Beyond the Walls of the Studio:

Gathering content for a nationwide athletic facility presented a logistical hurdle. Traveling to a different state required flexibility. We leveraged video conferencing technology to conduct interviews with trainers, capturing their valuable insights  remotely.

Stakeholder Alignment:

Capturing the vision of stakeholders, from ownership to management, can be a delicate dance. We facilitated workshops and interactive presentations, ensuring everyone was on board with the design direction. This transparency fostered trust and a collaborative environment.

Adaptability is Key:

The project roadmap is a guide, but real-world schedules can sometimes throw a wrench in the works. When faced with scheduling adjustments, we adopted an agile approach, prioritizing tasks and effectively communicating changes to stakeholders and developers.

Budget Constraints:

Staying within budget is a constant concern. We prioritized features based on user needs and impact, ensuring the most essential functionalities were delivered within the financial constraints. Open communication with stakeholders kept everyone aligned with budget realities.

Developer Collaboration:

A seamless handoff between design and development is crucial. We maintained consistent communication with the development team throughout the project. Sharing design components, user flows, and prototypes ensured developers understood the vision and facilitated a smooth transition from design to implementation.

Design System Harmony:

Maintaining consistency within the design system was paramount. We established clear design guidelines and style guides early on.  Regular design reviews throughout the project ensured all screens and functionalities adhered to the established design language.

Adding more value

Research:

• 360º Platforms

• Existing Museums

• Value Propositions

• Industry Statistics

• Identify Pain Points

• Hypothesis Validation

User Benefits:

• Faster Booking Process

• No Broken Link

• Event Outings

• Art Enthusiast commerce

• Cultural Celebration

• On Site Safety

• NFT Purchase

Stakeholder Benefits:

• Improved Efficiency

• Reduce Pandemic Liability

• Increased Visitorship

• Revenu Generation

• Customer Satisfaction

• Building Strong Relationships

The result?  A website that empowered users to take full advantage of what the museum offered, fostering a deeper connection with HMAAC's art collection and mission even amidst a global pandemic.