Volcom eCommerce Experience Website Design & Strategy Case Study

eCommerce Website Design

Helping Volcom transform their customer experience through a new eCommerce platform


As a brand with a strong grasp of who they are and what they stand for, our challenge was to simplify and clarify their brand platform, and to create an identity system and flagship eCommerce experience. One that helps them express themselves in the right way, to the right people.


With a decline in wholesale and traditional retail opportunities, a focus on direct to consumer was necessary in order to broaden Volcom’s reach to new demographics. As a brand historically associated with action sports, an industry on the decline, our goal was to create a revamped design system and shopping experience aimed to inspire the brands broader creative audience in an authentic manner.


We worked closely with Volcom’s internal brand and eCommerce teams to develop a rejuvenated visual system that focuses on paying tribute to their rich creative heritage. The updated system portrays the brands progressive, irreverent, and passionate culture while connecting with their core community of creative individuals.


The result is a bold, global eCommerce platform grounded in a framework that’s flexible across both Men's, Women's, and Youth products. The updated platform speaks to a broader audience while providing enhanced merchandising opportunities, stronger product presentation, contextual content pathways, elevated photography standards, and a more engaging brand experience. 

An updated visual language that celebrates Volcom’s creative DNA.

Highlighting Volcom’s creative personality and commitment to individual expression were key in creating a brand experience that harmonized product with content. Heavily rooted in Volcom’s progressive, artistic roots, the graphic heavy visual language utilizes bold textures, touch of hand details, dynamic image compositions, and organic module structures to create an environment that celebrates individuality and authenticity. 

An eCommerce platform that blends product and brand storytelling

With continually shifting trends in style, cultural mindsets, shopping preferences, and social currency, we saw an opportunity for the Volcom brand to refine and align through their digital experience. We needed to do more than just sell a product, we needed to stand for something. By focusing on a product-centric and brand driven user experience we promote building an emotional connection that bridges the gap between our brand, the core, and a new audience.

A guided site architecture built for intentional discovery

We wanted to create a guided site experience, that was more visual, and lifestyle focused.  We lead users to category pages and treated category pages as homepages. This provided more context and  brand merchandising opportunities before you finally arrive at a listing page.

Pairing product with inspiration; the experience rewards the user and appeals to their explorative nature. Making the shopping experience more human, similar to how you would shop in a store or discover products through friends.

Bringing Volcom's brand culture to the commerce experience

We wanted build a proper home for the Volcom community, to broaden their reach beyond coastal cities, and showcase the true extent of their dedication to creativity through the brand mantra, “True to This”. We worked to allow the audience to organically discover brand stories. This includes behind the scenes moments, insights and recaps from their team and ambassadors. Ultimately serving to curate their product, and drive the emotional connection through authenticity.

An experience-focused responsive strategy

The entire site is designed responsively with adaptations to the user journey across mobile, tablet, and desktop devices. Our goal was to provide the optimum browsing experience while maintaining the primary features and site content regardless of form factor. We implemented a mobile specific navigation, simplified the filtering system, and replaced carousel clicks with swipe gestures. With this mobile-first approach, we were able to streamline the browsing and shopping experience.

Establishing photography standards & art direction

Volcoms audience is immersed in a street forward aesthetic that feels candid and self produced. We adopted elements of collage, copy printing, and an irreverent attitude as elements to define photography standards and product presentation.