Quiksilver

QuiksilverQuiksilverQuiksilverQuiksilverQuiksilverQuiksilverQuiksilverQuiksilverQuiksilverQuiksilverQuiksilverQuiksilver

Directed the design for Quiksilver’s Homepage and Wetsuit Fit Guide

ROLES

Lead UI/UX Designer, CMS Manager

TOOLS

Figma, Adobe Creative Suite (Photoshop, Illustrator), Shopify CMS

DELIVERABLES

Campaign Landing Pages

Objective

Quiksilver is globally renowned for its timeless surf apparel and wetsuits. I was tasked with leading the design and setup of the Homepage template and the Wetsuit Fit Guide landing page experience, successfully delivering both within a 2-3 week timeframe.

Homepage Design

Homepage DesignHomepage DesignHomepage DesignHomepage DesignHomepage DesignHomepage DesignHomepage DesignHomepage DesignHomepage DesignHomepage DesignHomepage DesignHomepage Design

Using Shopify’s CMS, I utilized a variety of sections and modules to design and build the Quiksilver Homepage. While these sections were relatively basic, their flexibility enabled me to effectively bring Quiksilver’s branding to life.

The brand’s minimalistic aesthetic allowed the photography to take center stage, playing a pivotal role in defining the overall look and feel, as showcased below.

QUIK_HP_DESKTOP_01
QUIK_HP_MOB_1
QUIK_HP_DESKTOP_02
QUIK_HP_MOB_2

Wetsuit Fit Guide

Wetsuit Fit GuideWetsuit Fit GuideWetsuit Fit GuideWetsuit Fit GuideWetsuit Fit GuideWetsuit Fit GuideWetsuit Fit GuideWetsuit Fit GuideWetsuit Fit GuideWetsuit Fit GuideWetsuit Fit GuideWetsuit Fit Guide

01 - Landing Page Hub

Within the Shopify CMS, tools like Metafields and Metaobjects are utilized to populate dynamic content. While initially complex to set up, these definitions provide maximum flexibility by enabling templates to display diverse content types based on their values.

This approach streamlines content management, as updates are made directly in the Shopify back end, eliminating the need for manual updates across individual products or themes.

QUIKSILVER_WETSUITS_LANDING_DESKTOP_01
QUIK_WETSUITS_LANDING_MOB_2
QUIKSILVER_WETSUITS_LANDING_DESKTOP_03
QUIK_WETSUITS_LANDING_MOB_3

02 - Wetsuit Style Landing Page

This breakdown of the wetsuit style provides users with the essential information needed to make an informed purchasing decision, seamlessly directing them to the Product Detail Page for a closer look and final selection.

QUIKSILVER_WETSUITS_HIGHLINE_LANDING_DESKTOP
QUIKSILVER_WETSUITS_HIGHLINE_LANDING_MOBILE
QUIK_LOGO

Working on these projects not only boosted customer engagement and page views but also provided an opportunity to further expand and refine my design skills.

©2025 Kyle Takesue