Joint session with Vercel: How to build intelligent storefronts (May 15th)

Baboon to the Moon

Complete rebuild of the site on Hydrogen + Sanity. The new experience offers extensive modularity, scheduling, custom product bundling and various editorial options for clps.

By Kevin Green


Project Shots

Screenshot of the PDP, color selector, size selector, details
Compare module, pulls in other related products by size, highlights currently selected product to easily tell which size you are viewing
Bundle experience, allows you to select multiple products at the same time to create a bundle/discounted add
Collections landing experience, including a sold out state + color selector, client had option to display products with models instead of default image

Editing environment

Shows an overview of the CMS + particular showcasing the home page + modularity
Showcases the CLP/collection landing experience, we override the shopify aspect and handle our own filtering + editorialized product content
Showcases all the additional options that can be utilized at the product card level, allowing them to split items, show sale variants, alternate model/product shots etc.
Color variant picker generation that also handles background colors on product cards + product background handling on the product landing
Bundle product landing page configuration
Shop by specific color, this product type is inlined into various modules throughout the site to show a limited run of colors depending on where it's used
Product landing general configuration and extensibility + modular components
Every product is specifically showcases 3 different levels of product variants, the client can turn items on, schedule new colors, or move colors to the sale category
The client has the ability to quickly clone aspects of products to other products, make adding new sizes/products faster

Related contributions