John Mark G.

All projects, most recent first

Everything I've Built

Wholesale Theme Migration- 2025 - Present

True Color Wholesale

A theme migration for True Color Wholesale — moved the storefront off an ageing, low-converting theme onto a more capable one built for the store's wholesale, mass-order nature rather than a typical single-item retail flow.

  • Shopify
  • Liquid
  • JavaScript
  • CSS
Custom Bike Builder- 2022 - Present

Ari Bikes

A custom bike builder for Ari Bikes — shoppers configure a bike part-by-part, add optional add-ons, and check out with installment payments through third-party processors Bread Pay and Truemed. My longest-running engagement, carried through the 2024 Fezzari-to-Ari rebrand onto Shopify Plus.

  • Shopify Plus
  • Liquid
  • JavaScript
  • CSS
  • Bread Pay
  • Truemed
Cart Page Redesign- 2022 - Present

Ari Bikes

A custom cart page for Ari Bikes, built out from a Shopify free theme — surfaces every spec of the customer's build (frame, suspension, fit measurements) in one place, plus financing and leasing offers through Affirm and Bread Pay right at checkout.

  • Shopify Plus
  • Liquid
  • JavaScript
  • CSS
  • Affirm
  • Bread Pay
Video & UGC Shopify App- 2024 - 2025

ProductStories

A public Shopify app that brings Instagram-style stories to a storefront, so shops can sell through tappable video and customer-shot content instead of a static gallery. Built at Nordlytica and run on BoomButik.dk and showerlabs.dk.

  • Shopify
  • App
  • Polaris
  • App Bridge
  • Shopify CLI
  • GraphQL API
Product Variant Swatches- 2024 - 2025

Marmalade Co.

A custom colour-swatch and size-picker built into the product grid for Marmalade Co., a Fruit of the Loom reseller storefront — shoppers preview variants straight from the collection page instead of opening each product. Built at Nordlytica for the client's Shopify store.

  • Shopify
  • Liquid
  • JavaScript
  • CSS
Story Circle Carousel- 2024 - 2025

Marmalade Co.

A custom Instagram-Stories-style circle carousel for Marmalade Co. product pages — a horizontally scrollable row of category and promo shortcuts sitting right above the fold. Built at Nordlytica for the client's Shopify store.

  • Shopify
  • Liquid
  • JavaScript
  • CSS
PDP Conversion Optimization- 2024 - 2025

Marmalade Co.

Three conversion features built into the Marmalade Co. product page: a tiered quantity/bulk-pricing selector ("Vælg antal"), a cross-sell widget surfacing related products ("Passer godt sammen med…"), and a body-type size finder inside the size-guide popup. Built at Nordlytica for the client's Shopify store.

  • Shopify
  • Liquid
  • JavaScript
  • CSS
Subscription Purchase Selector- 2024 - 2025

Showerlabs UK

A subscribe-vs-one-time purchase selector built into the Showerlabs UK product page — shoppers choose a recurring filter subscription (flagged as best value) or a single one-off purchase, right above the add-to-cart button. Built at Nordlytica for the client's Shopify store.

  • Shopify
  • Liquid
  • JavaScript
  • CSS
Collection Page Redesign- 2024

Nuzira

A collection-page overhaul for Nuzira, a camera-equipment store — reworked each row to surface key specs, feature bullets, and shop promotions (free shipping, sample plans) alongside every product, aimed at lifting conversion without forcing a click into the PDP.

  • Shopify
  • Liquid
  • JavaScript
  • CSS
Variant Swatch Preview- 2022

Fyrn

A collection page for Fyrn showcasing every seating variant up front — material swatches beneath each product swap the preview image on click, so shoppers see the exact finish before opening the product page. Built at Aesymmetric for the client's Shopify store.

  • Shopify
  • Liquid
  • JavaScript
  • CSS
Product Customizer- 2022

Fyrn

A product customizer built into the Fyrn PDP — shoppers choose support type, wood, brackets, and a leather upgrade, with price and photo updating live. Wired on top of a third-party configurator app whose vendor-side updates occasionally broke the page; each break got diagnosed and patched rather than reverted. Built at Aesymmetric for the client's Shopify store.

  • Shopify
  • Liquid
  • JavaScript
  • CSS
Training Hub- 2020

hijoey

A training hub for hijoey, a brand selling buttons that let dogs “talk.” The base theme had no pattern for its four worksheet tracks, so I built one in Liquid — a tab bar bound to a card carousel, each keeping the other in step.

  • Shopify
  • Liquid
  • JavaScript
  • CSS