PB

PhilipBeauford

LET'S TALK ↗

Work

Systems that solve real problems.

A closer look at the projects I've designed and built. Each one solves a specific business problem, with a walkthrough video and the details of how it works.

01Promotions

GWP Engine

Flexible gift-with-purchase tier manager. Stacks cart-rules, dynamically evaluates variant values, and rewards high-intent purchasers automatically.

Shopify AppRemixGraphQL Admin APICart Transform Functions
GWP Engine
02Merchandising

Bundle Builder

A build-your-own bundle page in Shopify Liquid and vanilla JavaScript. Customers pick three products, see discounted pricing update instantly, and choose a one-time purchase or a subscription before adding the bundle to the cart.

  • Built in Shopify Liquid and vanilla JavaScript, with no framework
  • Pick three products from a grid and watch the bundle update in real time
  • Prices, images and selling plan IDs are rendered by Liquid, so building a bundle makes no network requests
  • One lightweight state object, updating only the DOM elements that change
  • 10% off as a one-time purchase, or 15% off as a subscription delivered every 30, 60, 90 or 120 days
  • The whole bundle goes to the cart in a single request, grouped by a shared bundle ID
Shopify LiquidVanilla JavascriptStorefront APIClient-side
Bundle Builder
03Checkout

App Extensions

Robust checkout UI customizations utilizing Shopify's checkout extensibility model. Integrates eco-shipping and localized delivery selections directly into secure routes.

Checkout UI ExtensionsTypeScriptDelivery Customization Functions
App Extensions
04Systems

Middleware

Internal node server syncing real-time stock levels, orders, and customer states seamlessly across NetSuite ERP, Klaviyo, and local third-party logistics.

Node.jsNetSuite SuiteTalkKlaviyo APIWebhooks
Middleware