shopify
three custom shopify themes, built from scratch for three kinds of client.
online store 2.0, written in liquid, css and vanilla js. no starter theme, no page builder.
+ details− hide
- every section has a schema, so merchants edit pages in the theme editor
- about 6 kb of gzipped js per theme, written as web components
- all three pass shopify theme check with 0 offenses
ember & oak
subscription coffee roaster
goal: grow recurring revenue.
+ details− hide
- subscribe & save on native selling plans, with prices that update per variant
- tasting notes, roast level and farm story come from metafields
- interactive brew guide with a ratio calculator, editable as blocks
- ajax cart drawer with a free-shipping progress bar and upsells
kindred
dtc skincare brand
goal: raise average order value for first-time visitors.
+ details− hide
- skin quiz that recommends a routine and adds it to the cart in one click
- pick-3 bundle builder using a multi-item ajax add with hidden line properties
- accessible before/after slider driven by a range input
- ratings, key ingredients and skin-type match from metafields
northbound
outdoor apparel
goal: make a big range of colours and sizes easy to browse.
+ details− hide
- colour swatches, set in theme settings, that swap the product image
- instant collection filters for colour, size and category, kept in the url
- size guide in a native <dialog> and a sticky add-to-cart bar
- shoppable lookbook with hotspots placed in the theme editor
all brands and products are fictional. checkout is switched off in the demos.