Spyder

SpyderSpyderSpyderSpyderSpyderSpyderSpyderSpyderSpyderSpyderSpyderSpyder

Led the design for Spyder’s e-commerce platform, encompassing Homepage layouts, Campaign Pages, and versatile Templates

ROLES

Lead UI/UX Designer, CMS Manager

TOOLS

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

DELIVERABLES

Landing Pages and Templates

Image 1 Image 2 Image 5 Image 2 Image 5 Image 2 Image 5 Image 2

Objective

Create manageable templates for the Homepage and Product Detail Pages, ensuring ease of updates and consistent branding. Additionally, design an engaging and visually compelling Gold Tier campaign page to effectively communicate the premium value and justify the high price points of those products.

Homepage Design

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

Using Shopify’s CMS, we utilized a variety of sections and modules to create and build layouts. While these sections were relatively basic, their flexibility allowed us to effectively bring Spyder’s branding to life.

By emphasizing strong typography and letting the imagery take center stage, the Homepage template became both visually impactful and highly efficient. This design approach was particularly beneficial for merchandisers, making updates seamless and manageable.

SPYDER_HOMEPAGE_TEMPLATE_DESKTOP_01
SPYDER_HOMEPAGE_TEMPLATE_MOBILEX_01
SPYDER_HOMEPAGE_TEMPLATE_DESKTOP_02
SPYDER_HOMEPAGE_TEMPLATE_MOBILEX_02

Product Detail Page (PDP)

Product Detail PageProduct Detail PageProduct Detail PageProduct Detail PageProduct Detail PageProduct Detail PageProduct Detail PageProduct Detail PageProduct Detail PageProduct Detail PageProduct Detail PageProduct Detail Page

Template Management

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.

SPYDER_ETENDED_PDP_DESKTOP
SPYDER_EXTENDED_PDP_MOBILE

Gold Tier Campaign Page

Gold Tier Campaign PageGold Tier Campaign PageGold Tier Campaign PageGold Tier Campaign PageGold Tier Campaign PageGold Tier Campaign PageGold Tier Campaign PageGold Tier Campaign PageGold Tier Campaign PageGold Tier Campaign PageGold Tier Campaign PageGold Tier Campaign Page

This project provided a fantastic opportunity to flex my design skills by creating a campaign page that effectively highlighted the value of Spyder’s Gold Tier products, breaking down their key features to justify their premium worth.

SPYDER_GOLD_BLOG_DESKTOP_01
SPYDER_GOLD_BLOG_MOBILE_01
SPYDER_GOLD_BLOG_DESKTOP_02
SPYDER_GOLD_BLOG_MOBILE_02
SPYDER_LOGO

Spyder, an industry-leading ski apparel brand, presented an exciting challenge: creating effective templates that maintained a visually appealing design. This project was both fun and rewarding, combining functionality with aesthetics to deliver successful outcomes.

©2025 Kyle Takesue