Figma frameLive frame
01Build
Shopify & Shopify Plus development
Theme architecture, Figma-to-Shopify builds, redesigns and migrations executed without downtime or lost revenue.
- Shopify Plus
- Figma to Shopify
- Redesign
- Migration
Senior Shopify Engineering Studio
Commerce
engineered to
hold up.
We build, migrate, optimise and scale complex Shopify and Shopify Plus ecosystems for premium ecommerce brands.
Fig. 01Eight lines of Liquid, rendering a product template inside a 12ms budget. Nothing here is a stock screenshot — it builds as you watch.
0+
Years on one platform
0
Projects delivered
theme/templates/product.liquidrender budget 12ms
1{% layout 'theme' %}2{% section 'header' %}3image_tag product.featured_image, loading: eager4render 'product-title'5render 'price', context: 'pdp'6assign variants = product.variants | where: 'available'7render 'buy-buttons'8// defer: reviews, upsell, recently-viewedrendered output● LCP 1.4s
MERIDIANShopJournalCart
£128.00
SML
Add to cart
↓ deferred until intersection — reviews · upsell · recently viewed
Comfy KoalasAdored VintageTokyo SetaAtlas StitchUpwork Top Rated96% job success880+ hours loggedComfy KoalasAdored VintageTokyo SetaAtlas StitchUpwork Top Rated96% job success880+ hours logged
Most Shopify stores don’t fail at design. They fail at the seams — the fourteenth app, the checkout extension nobody owns, the migration that quietly dropped 400 redirects. That is the work we do.
No account layer
You brief the engineer who writes the code.
No guessing
Measured before, measured after, reported either way.
No lock-in
Clean Liquid and docs your team can maintain without us.
02Performance engineering
The same store, rebuilt underneath.
We don’t redesign to look busy. We remove what the page doesn’t need, defer what can wait, and rebuild the template so the first paint is the product.
- 14 apps audited → 5 retained
- Above-the-fold Liquid reduced to one section render
- Below-fold modules loaded on intersection
↔
03Engineering standards
How the work is actually done.
01
Version control, always
Every change lands through Git and a staging theme. No editing live code, no unattributed edits.
02
Render budgets
Templates get a millisecond budget before a single line is written. Third-party scripts justify their cost.
03
Rollback before launch
A documented rollback path and redirect map exists before anything is published.
04
Written architecture
Decisions are recorded — what we built, what we rejected, and why. You keep the reasoning.
graphql/bulk-catalogue-sync.graphql
1# Admin API 2025-07 — bulk catalogue sync2mutation bulkOperationRunMutation(3 $mutation: String!, $stagedUploadPath: String!) {4 bulkOperation { id status objectCount }5 userErrors { field message }6}7 8→ 18,400 variants reconciled · 0 manual editsMeasured on a live migration
0
Performance0
SEO0
AccessibilityLargest Contentful Paint4.8s→1.4s
Total Blocking Time640ms→90ms
Cumulative Layout Shift0.31→0.02
Deployment path
- Branch
- Review
- Staging theme
- QA + CWV
- Publish
04Case study — 001
Custom Floating Shelves
A shelving catalog too complex for ordinary Shopify variants became a configurable, scalable ordering system.
- Engagement
- Custom product configurator · Dynamic pricing · Shopify migration · UX
- Year
- 2026
- Stack
- Shopify Online Store 2.0 · Liquid · JavaScript · Shopify Admin API · Metafields
customfloatingshelves.com
Fig. 02 — Custom Floating Shelves, 2026
01
The challenge
Dimensions, materials, thickness, finish, hardware, and add-ons all affected price. The number of combinations made a traditional Shopify variant model impractical.
02
The architecture
Pricing and configuration rules were separated from ordinary Shopify variant pricing so complex dimensions and material combinations could be calculated dynamically.
03
The result
Live — Core ordering flow launched and processed real customer orders
theme/sections/product-main.liquid
1# sections/product-main.liquid — render budget: 12ms2{% liquid
assign variants = product.variants | where: 'available'3 render 'price', product: product, context: 'pdp'4{% endliquid %}5 6// deferred: reviews, upsell, recently-viewed7<script type="module" defer>8 observe('.pdp-below-fold', () => import('./reviews.js'));9</script>a.Fractional dimensions — The configurator supports dimensional ranges and fractional measurements while preserving consistent pricing lookup and cart representation.
b.Material gating — Availability of finishes, product types, and options is controlled by material-specific rules rather than duplicated templates.
c.Configurable galleries — Lower product sections use dedicated Shopify metafields while the primary floating-shelf section uses native product media.
“Top Rated on Upwork across 84 Shopify projects — 96% job success, 880+ hours logged.”
0%
Upwork job success
0
Projects delivered
0+
Hours logged with clients
05Services
Four disciplines, one platform.
The full lifecycle of a Shopify business — the first build, and the integration and optimisation work that follows it for years.
Admin
Orders
Products
Sync rules
Logs
Sync rulesHealthy
inventory → ERPevery 5m
price bands → B2Bon change
orders → NetSuitewebhook
02Engineer
Custom apps & platform integrations
Private, public and embedded apps, Shopify Functions, Checkout Extensibility, ERP and CRM integrations, headless and Hydrogen.
- Admin API
- Functions
- Checkout Extensibility
- Hydrogen
0
Performance0
SEO03Optimise
CRO, technical SEO & Core Web Vitals
Evidence-led conversion work and performance engineering. We measure before we change, and report what actually moved.
- CRO
- Technical SEO
- Core Web Vitals
- Analytics
Magento
WooCommerce
BigCommerce
WooCommerce
BigCommerce
301 map · data model
Shopify Plus
04Scale
B2B, subscriptions & AI commerce
Wholesale portals, subscription infrastructure, AI-assisted merchandising and automation, plus retained engineering.
- Shopify B2B
- Subscriptions
- AI automation
- Retainers
Replatforming
Nothing gets lost in the move.
A migration is a data-modelling problem wearing a deadline. Every entity is mapped, counted and reconciled before a DNS record changes.
Legacy platform→Shopify Plus
products / attributesproducts + metafields18,400
categoriescollections + rules312
customers + hashescustomer accounts94,000
orders (5 yrs)historical orders210,000
urls / sitemap301 redirect map4,180
Integration
One order, four systems.
Verified HMAC, idempotency keys and a queue that survives an ERP outage — so fulfilment is never reconciled by hand on a Monday morning.
- CHECKOUT
- orders/createWEBHOOK QUEUE
- dequeue · verify HMACHEAPBYTE WORKER
- POST /salesorderERP
- 202 acceptedHEAPBYTE WORKER
- ack · idempotency keyWEBHOOK QUEUE
06Systems
How everything connects.
A premium store is rarely one system. It is design, inventory, customer data and fulfilment meeting Shopify in a layer someone has to own.
Founder & principal engineer
Eight years on Shopify. 84 projects. Upwork Top Rated.
- Focus
- Shopify Plus only
- Working hours
- Overlap by agreement
- Reachable
- Directly, always
07A note from the founder
“I started HeapByte because the studios I audited kept handing merchants code nobody could maintain. Depth on one platform beats breadth across five. If I can’t explain a decision in writing, it doesn’t ship.”
Written before built
Audits and architecture decisions are documented.
Small reviewable changes
Nothing lands as a mystery 3,000-line commit.
08Client record
Top Rated on Upwork with a 96% job success score across 84 Shopify projects.
Verified client record · 880+ hours logged · Published on profile, not paraphrased
09Engagement timeline
Five steps. Every engagement.
Scroll →
01Audit document
Technical audit
Theme, app stack, data model and analytics read end to end. Findings written down before any proposal.
02Signed scope
Scope & architecture
What we build, what we deliberately leave alone, what it depends on, and how we will know it worked.
03Staging build
Engineering
Version-controlled development on a staging theme. Small, reviewable changes. Live work is never overwritten.
04Launch runbook
QA & launch
Cross-device QA, Core Web Vitals checks, redirect mapping and a rollback path before publish.
05Results report
Measure & iterate
Post-launch measurement against the metric agreed at scope. Then the next highest-value change.
10Selected work
11Stack
- Shopify Plus
- Liquid
- Hydrogen
- Remix
- Shopify Functions
- Checkout Extensibility
- GraphQL Admin API
- Storefront API
- Metaobjects
- TypeScript
- React
- Node.js
- Klaviyo
- Recharge
- ERP / CRM APIs
- GA4
12FAQ
Common questions
Next step
Send us the store.
We’ll tell you what we’d change first. A consultation is a technical conversation, not a sales call — if a project isn’t the right move, we’ll say so.