header image of male wearing training mask

Case Study: Training Mask

If there ever were a way to define a true lifestyle brand, Training Mask would be it. Their unique and patented workout accessories are designed to simulate high-altitude training for the top tier athlete. With the power of BigCommerce and Training Mask’s unique niche, we implemented a wholesome site transformation that focused on growth and loyalty for this global leader in the fitness industry. Using customer data and industry trends, we continuously maintain Training Mask’s online presence to achieve consistent brand growth with its core values intact.

  • Custom Design
  • UX Research & Prototyping
  • Custom BigCommerce Theme Development
Results
24 Month AOV
5.09%
Conversions
48.43%
Bounce Rate
-9.00%
opt mobile
opt mobile
Enhanced User Experience

Optimizing on Mobile

  • As the buying process increasingly moves mobile, we knew a mobile-friendly interface was imperative for enhancing user experience.
  • With our fully custom mobile navigation, users can intuitively delve down into the site categories of their choice.
Mega menu of Training Mask website displaying all product categories
Mega menu of Training Mask website displaying all product categories
Better Context

Understanding What's Available

With Training Mask’s slate of complex fitness technology, we found that customers were unaware of the many choices available and their purpose.
A tighter mega menu with image-driven categories was designed to enhance browsing experience and make it easier for users to determine their products of interest.

  • Custom Mega Menu
  • Sub-Category Product Images
collage of athletes performing
collage of athletes performing
Sleek & User Friendly

Elevating the Layout

Homepage Before
Mockup of Training Mask homepage before redesign
Homepage After
Mockup of Training Mask homepage after redesign

Before & After Photos

Here are few before and after photos. The Homepage was revamped to include an adjustable banner and product feed for conversion rate optimization (CRO).

Star ratings and detailed sizing, customizing, and upselling options were added to the Product Pages for a more seamless shopping experience. Product pages were redesigned to include add-ons based on product type; with thumbnail visuals right in-line next to the add to cart button. The Product Details were reworked in a visually-appealing, interactive format to give comprehensible context on the benefits of Training Mask’s patented technology.

Product Page Before
Mockup of Training Mask product page before redesign
Product Page After
Mockup of Training Mask product page after redesign

For example, we developed a complete custom product page for Training Mask’s new line of athletic recovery products, massage guns. Using visual cues and interactive features, we broke down the technology into a series of dynamic diagrams that are easily digestible for users.


Training Mask How it Works GIF

 

Three images of Training Mask web pages with center image displayed on iMac mockup
Three images of Training Mask web pages with center image displayed on iMac mockup
Consistent Updates

Keeping up with Trends

Our on-trend expertise in design and development has led Training Mask to entrust us with maintaining their site for over two years. We regularly update homepage promotions as well as perform seasonal site refreshes to optimize conversion rates.

2017 - 2019

Site Evolution

2017

Timeline Circle Active
Timeline Circle Active Timeline Circle
Image of Training Mask homepage dated 2017, banner showing people exercising in gym whilst wearing Training Mask products..

2018

Timeline Circle Active
Timeline Circle Active Timeline Circle
Image of Training Mask homepage dated 2018, two half width banners showing running and man wearing Training Mask product.

2019

Timeline Circle Active
Timeline Circle Active Timeline Circle
Image of Training Mask homepage dated 2019, banner showing man and woman exercising with text
Get Quote

Contact Us Today

American Flag
United States
949.377.1301
1120 S Rackham Way, Suite 300
Meridian, ID 83642

American Flag
United States
949.377.1301
1120 S Rackham Way, Suite 300
Meridian, ID 83642