Gymshark - Theme, App and Ecommerce Analysis - Collective Store Design

Is Gymshark using Shopify?

Yes, Gymshark is using Shopify and they are in Shopify Plus plan.

The theme they are using is call Hydra and its a custom theme created by their development team or external agency.

Background

Gymshark Is A Fitness Apparel & Accessories Brand, Manufacturer And Online Retailer Based In The United Kingdom, Supported By Millions Of Highly Engaged Social Media Followers And Customers In 131 Countries. Created In 2012 By Teenager Ben Francis And A Group Of His High-School Friends. Gymshark Has Grown From A Screen Printing Operation In A Garage, Into One Of The Fastest Growing And Most Recognisable Brands In Fitness. This Growth Comes From A Devotion To Producing Innovative, Effective Performance Wear And An Ever-Expanding Social Presence, And Above All A Commitment To The Gymshark Vision: Before There Is An Action, There Is An Idea. We Exist To Create The Tools That Help People Unlock Their Full, Incredible Potential And Put Their Ideas Into Action. Be All That You Imagined You Could Be. Be A Visionary.

Detail Analysis

Header

Gymshark header are divided into 3 parts. The User account, Blog, Newsletter and Blog, Help and Country are located on the top left. In the middle, its the standarded Logo, Navigation, Wishlist and Cart. At the bottom, it is the sitewide banner.

Navigation Menu

Gymshark had a navigation that have the navigation dropdown in the center of the page. When user hover on the main category, a dropdown will appear with different subcategories such as Trending, Product and Collections. This provide a better user experiences for customer to browser through different categories.

Also under each Main category, the featured block is located to the right, which create less distrcation for to the user to find the link they need. The feature block are divided into 2 sub blocks.

Collection Page

The collection header is very clear, it have a main collection categories with a sub collection categories. As well as a short description of the collection. Also a longer collection descriptions is located just above the footer. This is mainly for SEO purpose. As you dont want user scroll down the page to see the product once they land on the collection page.

Gymshark use Algolia to search and filter their products. So the collection page is created on top of Algolia services. The filters are located right above the main section of the page. Underneath the filter are the products in this collection seperated by tabs. When user click on different tab, it will call Algolia service to get the query of the products

The design of the template is 5x5 grid with the wishlist button on the top right. Some product with special feature will have a transparent text at the bottom of the image. Also their sales tag is located outside the image.