![header image of male wearing training mask header image of male wearing training mask](https://www.arcticleaf.io/hs-fs/hubfs/Asset%206-100.jpg?width=1721&height=548&name=Asset%206-100.jpg)
![Training mask Training mask](https://www.arcticleaf.io/hubfs/Training%20mask.png)
![](https://www.arcticleaf.io/hs-fs/hubfs/klaviyo-badge.png?width=171&height=57&name=klaviyo-badge.png)
![](https://www.arcticleaf.io/hs-fs/hubfs/bigcommerce-badge.jpg?width=171&height=57&name=bigcommerce-badge.jpg)
![](https://www.arcticleaf.io/hs-fs/hubfs/shipstation-badge.jpg?width=171&height=57&name=shipstation-badge.jpg)
![](https://www.arcticleaf.io/hs-fs/hubfs/klaviyo-badge.png?width=171&height=57&name=klaviyo-badge.png)
![](https://www.arcticleaf.io/hs-fs/hubfs/bigcommerce-badge.jpg?width=171&height=57&name=bigcommerce-badge.jpg)
![](https://www.arcticleaf.io/hs-fs/hubfs/shipstation-badge.jpg?width=171&height=57&name=shipstation-badge.jpg)
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
Conversions
Bounce Rate
![opt mobile](https://www.arcticleaf.io/hubfs/opt%20mobile.jpg)
![opt mobile](https://www.arcticleaf.io/hubfs/opt%20mobile.jpg)
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](https://www.arcticleaf.io/hubfs/section-trainingmask-1.jpeg)
![Mega menu of Training Mask website displaying all product categories](https://www.arcticleaf.io/hubfs/section-trainingmask-1.jpeg)
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](https://www.arcticleaf.io/hubfs/social-proof-athletes-hero-v3.3.jpg)
![collage of athletes performing](https://www.arcticleaf.io/hubfs/social-proof-athletes-hero-v3.3.jpg)
Elevating the Layout
![Mockup of Training Mask homepage before redesign](https://www.arcticleaf.io/hs-fs/hubfs/Training%20homepage%20new4-1.png?width=673&height=421&name=Training%20homepage%20new4-1.png)
![Mockup of Training Mask homepage after redesign](https://www.arcticleaf.io/hs-fs/hubfs/Training%20homepage%20new3-1.png?width=673&height=421&name=Training%20homepage%20new3-1.png)
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.
![Mockup of Training Mask product page before redesign](https://www.arcticleaf.io/hs-fs/hubfs/Training%20mask%20product%20page%20old.jpg?width=673&height=421&name=Training%20mask%20product%20page%20old.jpg)
![Mockup of Training Mask product page after redesign](https://www.arcticleaf.io/hs-fs/hubfs/Training%20mask%20product%20page%20new.jpg?width=673&height=421&name=Training%20mask%20product%20page%20new.jpg)
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](https://www.arcticleaf.io/hubfs/Training-Mask-How-it-Works-800px.gif)
![Three images of Training Mask web pages with center image displayed on iMac mockup](https://www.arcticleaf.io/hubfs/TM%20Homescreens.jpg)
![Three images of Training Mask web pages with center image displayed on iMac mockup](https://www.arcticleaf.io/hubfs/TM%20Homescreens.jpg)
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.
Site Evolution
2017
![Image of Training Mask homepage dated 2017, banner showing people exercising in gym whilst wearing Training Mask products..](https://www.arcticleaf.io/hs-fs/hubfs/image-site-2017.jpg?width=440&height=248&name=image-site-2017.jpg)
2018
![Image of Training Mask homepage dated 2018, two half width banners showing running and man wearing Training Mask product.](https://www.arcticleaf.io/hs-fs/hubfs/image-site-2018.jpg?width=440&height=248&name=image-site-2018.jpg)
2019
![Image of Training Mask homepage dated 2019, banner showing man and woman exercising with text](https://www.arcticleaf.io/hs-fs/hubfs/image-site-2019.jpg?width=440&height=248&name=image-site-2019.jpg)