Occo

Featured Project

Complex product offering with nested product structure and tiered pricing.

By Kevin Green

Project Shots

Recipe Card Collection powered by Sanity + Modular builders

Product landing experience with some linked product spices

Rich card experience showcasing bundled vs singled sku products, as well as the custom pricing per card reduction

Editing environment

Global Configuration shows a few tabs for promo, carts, meta etc.

View of the collections, many more collections outside of the core offering are crafted for marketing purposes

PDP experience, showing linked products, and general product modularity, all products sync over from shopify

About the project

The build is a Midway E-commerce creation. The project helped define some enhancements such as switching back to a GROQ first pattern for better control of the data flow, and more flexibility in optimizing the queries fro the product linking/offering.

In order to facilitate the bundle/deck like product structure it was essential to craft initial product offering in Shopify, with tiered pricing variants and then link that concept into Sanity. When creating a product you have the ability to set it to a Spice, Recipe or Deck. This functionality showcases the linked product data in different ways and for Decks actually adding to cart adds multiple 8-16 individual cards that are then grouped in the checkout to keep them inline with the shopping experience.

The client also has full modular control of pages, collections and products, they can even inject product hero/add to cart experiences to anywhere on the site. This allows them to easily craft marketing experiences with nested shopability for enhanced marketing campaigns.

Contributor

Kevin Green

Technical Consultant and Internet Craftsman

Related contributions

Hedley & Bennett

Site rebuild with Sanity + Hydrogen. Created unique product structure to allow for better modularity, bundling, advanced collection filtering and unique navigation patterns.

Kevin Green

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.

Kevin Green

Baggu

A Shopify Multi-Site flowing into a single Sanity instance and back out into 2 unique frontend experiences.

Kevin Green

Allkinds

Craft a unique online experience that is reflective of the fun and uniqueness of this child focused reusable, compostable, refillable brand.

Kevin Green