FashionShopifyCollection Page
Skim & Druru
Client: Skim & Druru — Fashion Collections · skimandruru.com/collections/shop
40%
Increase in collection page engagement
25%
Reduction in product page bounces
✓
Inline swatch selection implemented
Project Overview
A curated fashion collection page for Skim & Druru featuring an elegant product browsing experience with color swatches. The project focused on building a visually rich collection page that lets shoppers filter and explore products by color variant directly from the grid — reducing clicks to purchase and improving product discoverability.
Key Challenges & Solutions
- Color Swatches: Built inline variant swatches on collection cards so customers can switch colors without opening the product page.
- Collection Layout: Designed a clean editorial grid layout that balances product imagery with brand aesthetics.
- Filter UX: Implemented smooth filtering by category, size, and color to help shoppers narrow down selections quickly.
- Mobile Experience: Optimized swatch interactions and grid layout for seamless browsing on mobile devices.
Features Delivered
Inline Color SwatchesCollection Grid LayoutAjax FilteringQuick Add to CartMobile OptimizedEditorial Typography
Technologies Used
ShopifyCustom LiquidJavaScriptCSS Animations