Skip to main content
Skip to content
All projects

Commerce Engineering · 2024–25 · Ongoing

Shopify Storefront Engineering

role

Shopify engineer

ShopifyLiquidJavaScriptCSSTheme ArchitectureApp Integrations
Shopify Storefront Engineering interface

Worked across a portfolio of Shopify stores handling everything from ground-up theme builds and redesigns to integrating complex third-party apps, optimising Core Web Vitals and shipping custom storefront behaviour that the platform doesn't offer out of the box.

the problem

Shopify's default tooling stops where merchant requirements start. Custom UX patterns, performance at scale, conditional logic across metafields, and app integrations that play nicely with each other all need an engineer who understands both the platform and the product.

what I built

Built directly in the Shopify stack - Liquid, JS, CSS - with a clear separation between theme logic, section schema and client-side behaviour. Integrations are treated as dependencies, not afterthoughts, and every performance change is measured against real CWV data.

architecture

  • Custom Liquid theme development with schema-driven section architecture
  • Metafield-powered dynamic content - product specs, variant logic, conditional display
  • Storefront JS for custom cart drawer, live filters, sticky behaviour and animations
  • Third-party app integrations: reviews, subscriptions, loyalty, upsell and bundles
  • Multi-store setup with shared component patterns across international storefronts
  • Core Web Vitals auditing and asset pipeline tuning - LCP, CLS and INP targets met

Engineering highlights

01

Performance as a requirement

Every storefront shipped with a CWV audit. LCP under 2.5 s and zero layout shift from dynamic content - achieved through asset deferral, image sizing and render order discipline.

02

Sections that configure, not hard-code

Built section schemas so merchants control layout, content and logic from the Shopify editor without touching code - reducing developer dependency on routine changes.

03

Integrations that don't fight each other

Stacked review apps, subscription tools, upsell widgets and loyalty programs on the same storefront without event collision or layout breakage.

next project

This Portfolio