VitalGym. Conversion-focused eCommerce redesign
  • Website
Overview
Designing a High-Performance eCommerce Hub for the Home Fitness Era

VitalGym is a leading sports equipment retailer that redefined its digital presence to meet the surge in demand for professional-grade home gym solutions. More than just a store, the platform was envisioned as a comprehensive ecosystem that combines high-quality gear with a dedicated fitness community.

We partnered with VitalGym Ltd. to perform a conversion-focused redesign, transforming their website into a sophisticated retail hub. Our goal was to design an experience that not only facilitates seamless transactions but also fosters long-term loyalty through the integrated VitalClub membership system.

Client
VitalGym Ltd.
Services
  • UX Research
  • UX Wireframing
  • UI Design
  • Prototyping
In detail
Adapting to the Home Fitness Revolution

The global shift toward home-based workouts in 2020 fundamentally changed user expectations in the fitness retail sector. With traditional gyms closed, consumers required more than just equipment-they needed professional guidance and a sense of belonging to a community. The challenge was to bridge this gap digitally. We identified that a standard product grid was no longer sufficient to drive growth.

VitalGym needed a platform that could handle complex user intents, from beginners looking for their first kettlebell to experts designing a full-fledged home gym. Our strategic focus was to create a "Home Gym as a Service" model where the product is just the starting point of the user's journey.

What we did?
Conversion-Driven Features and Community Integration

We engineered an immersive eCommerce environment that included:

  • A "Shop by Goal" navigation system to help users find inventory based on specific training outcomes.
  • The VitalClub loyalty portal featuring personalized workouts and exclusive member-only merchandise.
  • Integrated digital perks such as Spotify workout playlists and healthy meal discount coupons.
  • High-conversion product pages with "chopped" visual styles and clear information hierarchy.
  • A scalable promotional engine for weekly deals, limited-time offers, and seasonal discounts.
How we did it?
Effective UX Strategy and Brand Identity

To handle the complexity of a modern retail site, we started with a thorough study of user behavior and shopping scenarios. We realized that many users felt overwhelmed by technical specifications, so we introduced the "Shop by Goal" strategy. This allows customers to bypass complex filters and immediately see the gear necessary for their specific training type-be it strength, cardio, or flexibility.

Visually, we designed a leading-edge brand identity using angular forms and decorative geometric elements. This "chopped" aesthetic reflects the energy and grit of a professional gym environment, ensuring the brand stands out in a crowded market.

Working progress
UX Scenarios and Visual Engagement
Information Architecture and Scenario Mapping
We began by creating detailed wireframes for every possible user interaction. The purpose of this stage was a scrupulous study of the UX for all possible user stories-from first-time discovery to the final checkout. We mapped out different paths for the "casual shopper" versus the "dedicated athlete," ensuring that the navigation remains intuitive for both. By prioritizing the structural foundation of the site before moving to the UI, we ensured that every button, link, and status serves a clear functional purpose in the conversion funnel.

UI Design and Brand Logic
The second phase of execution focused on the unique visual signature of VitalGym. We scrupulously worked on each screen to implement the new brand values through a specific choice of color schemes and typography. The angular product cards and additional decorative elements like waves and rounds were used to guide the user's eye toward key calls-to-action. This stage also included the design of all secondary states, such as empty carts, abandoned checkout notifications, and membership registration flows, ensuring a cohesive experience across the entire customer lifecycle.
Outcome
A Scalable Foundation for Growth

The project resulted in a flexible, production-ready interactive prototype that was subjected to rigorous behavioral analysis. By tracking how users interacted with the new "Shop by Goal" modules and VitalClub registration, we were able to find and fix friction points before the site went into development.

The final delivery provided the client with a robust design system that is easy to scale as they add new equipment categories or member perks. This strategic handoff empowered VitalGym to focus entirely on their customer experience, knowing their digital presence is built on a solid, research-backed foundation.

Results
Driving Engagement and eCommerce Conversion

The VitalGym redesign successfully transformed the brand's online presence, turning a retail site into a high-engagement sports community. Key outcomes of our work included:

  • A streamlined checkout process that significantly reduced cart abandonment rates during testing.
  • Increased user interaction with the "Shop by Goal" feature, proving the efficacy of intent-based navigation.
  • Growth in the VitalClub membership base through integrated social perks and exclusive discounts.
  • A distinctive, high-energy brand identity that provides a strong and recognizable online presence.
160
Screens
600+
Hours
2
People
Our cases
More cases
Scorer. Designing multi-sport news & commerce hub
  • Startup
  • Mobile app
Humanava. Integrated soft skills learning hub
  • Website
  • Web app
  • eLearning
ALL CASES
Dribbble Select