Liquid. Section Schemas. No Base Theme.
Shopify web design and custom themes for DTC, B2B, and hybrid stores.
Every pixel, every section, every Liquid block written for your brand and your customers specifically. No Dawn. No theme-marketplace code underneath. Clean Shopify Online Store 2.0 architecture that loads fast, converts well, and your team can actually edit.
★★★★★5.0 rating on the Shopify Partner Directory90+ Lighthouse on every delivery#1 reviewed agency in ANZ



Who We Build Themes For
Three store types. Three different theme architectures.
A DTC theme is not the same as a B2B theme. The section structure, pricing logic, and checkout rendering are all different. We build each one the right way.
Direct-to-Consumer Themes
Conversion-focused Liquid themes for direct-to-consumer brands. Product page structure, collection filtering, cart drawer behavior, and checkout flow all designed to reduce drop-off and increase average order value. CRO embedded from day one, not bolted on after launch.
Built for fashion, lifestyle, beauty, accessories, health, and consumer goods brands in NZ, Australia, the USA, and the UK.
B2B and Wholesale Themes
Themes built for trade buyers: login-gated catalogs, customer-group pricing rendered in Liquid, purchase order fields at checkout, NET terms display, and wholesale-specific product page layouts. The theme handles the customer experience; the pricing logic sits in Shopify B2B or our Miko B2B Wholesale Pricing app.
Built for distributors, manufacturers, and suppliers across New Zealand and Australia.
Hybrid B2B and DTC Themes
A single theme that renders differently for retail and trade customers based on account type. Retail buyers see the full DTC experience. Trade buyers see wholesale pricing, trade catalogs, and a checkout flow suited to purchase order workflows. All from one codebase, no duplicate storefronts.
One of our specializations and one of the more technically demanding Liquid builds we deliver.

What We Build Into Every Theme
Built to spec. Not adapted from something else.
Every element is written for your brand. No inherited code, no unused CSS, no compromises from a base theme.
Section Schema Architecture
Every section ships with a complete schema: blocks, settings, content limits, and input types. Your team edits headings, images, text, and colors from the theme editor with no code required for standard content updates.
Conversion Rate Optimization
Store architecture, information hierarchy, product page layout, and checkout path are all evaluated against conversion goals before a line of code is written. CRO is a structural decision, not a post-launch afterthought.
Core Web Vitals Performance
Deferred JavaScript, Liquid-native image sizing, critical CSS inlining, and lazy-loaded below-the-fold sections. Lighthouse 90+ on desktop is our standard delivery target. LCP under 1.5 seconds. Zero layout shift on load.
Mobile-First Responsive
Designed and built mobile-first. Every breakpoint tested on real devices. Touch targets, font scaling, sticky headers, and cart drawers all behave correctly at 375px as well as 1920px.
Metafield-Driven Content
Complex product data: specs, sizing charts, ingredient lists, certifications, trade pricing stored in Shopify metafields and rendered cleanly via Liquid. Correct data architecture from day one, not retrofitted later.
App Block Integration
Online Store 2.0 JSON templates with app block support built in. Review apps, loyalty widgets, trust badges, B2B pricing apps, and upsell tools slot into your theme without custom code on every page.
Shopify Markets Ready
Multi-currency, multi-language, and geo-redirect logic built into the theme from the start. Shopify Markets and Translate and Adapt work out of the box on launch day.
B2B Conditional Rendering
Liquid logic to conditionally render pricing, catalog sections, and checkout fields based on customer tags or company assignments. Trade buyers see a different experience from retail buyers without requiring two separate themes.
Accessibility and QA
Tested on real devices: iPhone, Android, iPad, and desktop. Tested across Chrome, Safari, Firefox, and Edge. Accessibility checked against WCAG 2.1 AA. Checkout flow verified end-to-end before staging sign-off.
Our Process
From design file to live store.
- 01
Discovery & Architecture Planning
We audit your existing site, your product catalog structure, and your design requirements. We document every required section and define the metafield and section schema architecture before a line of code is written.
- 02
Liquid Development
Theme files built in Shopify Liquid from scratch. JSON templates for all page types. Section schemas configured with the correct settings types and block limits. No base theme, no inherited CSS conflicts.
- 03
Performance Tuning
JavaScript deferred or eliminated where Liquid can handle the logic. Critical CSS inlined. Images sized via Liquid image filters. Layout shift eliminated with explicit dimensions. Core Web Vitals measured and optimized before staging sign-off.
- 04
QA & Cross-Device Testing
Tested on real devices: iPhone, Android, iPad, and desktop. Tested in Chrome, Safari, Firefox, and Edge. Checkout flow verified end-to-end. App integrations confirmed. Accessibility checked against WCAG 2.1 AA.
- 05
Handover & Launch
Full section documentation delivered. Team walkthrough in the Shopify theme editor. Go-live coordinated with a cutover plan and 30-day post-launch support window for any adjustments.
Why Our Themes Are Different
We build Shopify apps. That changes how we build themes.
We publish our own live apps on the Shopify App Store. Building production apps means we work in Shopify's API, extension, and infrastructure layers every day, not just the theme layer. That depth changes how we make architecture decisions on custom themes: we know which Liquid patterns scale, which JavaScript approaches cause layout shift, and where section schema limits become a problem six months after launch.
Page speed is a structural decision we make at the start, not a polish item at the end. We choose Liquid over JavaScript wherever possible. We do not ship theme-wide CSS frameworks, scroll libraries, or third-party font loaders by default. The result is themes that load fast, rank better in Google, and convert more of the traffic you are already paying for.
- 90+ Lighthouse desktop
- <1.5s LCP target
- 0 layout shift on load

Selected work
Theme work running on live stores.
Fine jewelry
Queen of Gemz
A Houston fine jewelry brand.
A full store revamp, with collections filtered by gemstone, cut, colour and material.
Leather goods
Kodiak Leather
A rugged, handcrafted leather goods brand.
Rebuilt product pages and mobile checkout, and lifted the conversion rate by 85%.
Beef & lamb boxes
Burgess Peaks
A family-run farm in Raglan selling beef and lamb boxes direct.
The whole store built end to end, connected to Facebook and Instagram, with homepage image memory cut from 75.7 MB to 8 MB.
Performance fix
The store that looked broken on Facebook
A New Zealand food store that rendered blank in the Facebook app.
Homepage image memory cut from 75.7 MB to 8 MB in one working day, with all 82 images kept.
Organic clothing
World of Crow
Hand-woven, hand block-printed organic clothing sold across the US.
Colour, pattern and length filters on a quiet, fast store, inside Google’s good Core Web Vitals range for real mobile visitors.
Leather bags
Römfre
A full-grain leather bag brand selling affordable luxury.
A mobile-first store with quick add from the collection grid and local pickup shown on the product page.
Shopify Theme Development Questions
How long does a custom Shopify theme take to build?
A custom Shopify theme built from scratch typically takes 6 to 10 weeks from design handoff to launch. This includes Liquid development, section schema configuration, mobile optimization, cross-browser testing, and Core Web Vitals tuning. Themes with complex custom sections or heavy animation work may take 10 to 14 weeks. We provide a fixed timeline and milestone schedule at the start of every project.
What is the difference between a custom theme and customizing a theme like Dawn?
A custom theme is built from scratch: every section, every block, every piece of logic is written specifically for your brand. There is no base theme code underneath. Customizing a theme like Dawn means working within Shopify's existing code, which comes with inherited CSS, JavaScript, and section structures that constrain the design. Custom themes have no such constraints, load faster (no unused code), and are far easier to maintain long-term because every file is intentional.
Will my theme work with all Shopify apps?
Custom themes are built to Shopify Online Store 2.0 standards, which means they use JSON templates and support Shopify app blocks natively. Any app that uses Shopify app blocks can be added to your theme without touching code. Apps that inject snippets or CSS are tested during QA, and we handle any integration adjustments before launch.
Can I edit the theme myself after it is built?
Yes. We build section schemas so that every content-managed element, from headings and images to text, button labels, and colors, is editable from the Shopify theme editor without touching code. We also document every section in a handover guide and walk your team through the editor before launch. Most clients manage their own content updates from day one.
What Lighthouse scores can I expect from a custom Shopify theme?
Our custom themes consistently score 90 to 100 on desktop and 80 to 95 on mobile in Lighthouse Performance. We achieve this through deferred JavaScript, Liquid-native image sizing (no JavaScript-based lazy load), critical CSS inlining, and lazy loading of all below-the-fold sections. LCP (Largest Contentful Paint) is typically under 1.5 seconds on desktop.
Do you build Shopify themes for DTC brands?
Yes. DTC theme builds are a core part of our work. We build custom Liquid themes from scratch designed for conversion: mobile-first browsing, high-resolution product presentation, fast checkout paths, and CRO embedded into the design and structure from day one. We have built DTC themes for brands in fashion, accessories, jewelry, health, and consumer goods across New Zealand, Australia, the USA, and the UK.
Can you build a Shopify theme that works for both B2B and DTC customers?
Yes. Hybrid Shopify themes that serve both retail and trade customers from the same storefront are one of our specializations. The theme handles conditional rendering based on customer tags, showing different pricing, different catalogs, and different checkout flows to trade versus retail buyers. This requires careful Liquid logic and section schema architecture, and we have built this pattern across multiple sectors.
Can you customize an existing Shopify theme instead of building from scratch?
Yes. If your existing theme has a strong foundation and only needs targeted changes, section additions, or performance improvements, theme customization is often the right choice. We assess the existing theme code first and advise honestly on whether customization or a rebuild is the better investment for your specific requirements.
Who owns the theme code when the build finishes?
You do. The Liquid theme, its sections, blocks and settings schema are all yours, delivered in your Shopify admin and in a git repository if you want one. There is no license, no obfuscation and nothing stopping another developer picking it up.
How do you price custom theme development?
Fixed-price per project. Theme work is the most estimable thing we do because the scope is visible up front: number of templates, number of unique sections, and how much of the design is bespoke rather than adapted from an existing layout.
Can our team edit the theme after launch without a developer?
That is the point of how we build. Every meaningful element is exposed through section and block schema, so your team reorders sections, swaps imagery and edits copy in the theme editor. You should not need to call us to change a headline.
Do you build themes for merchants outside New Zealand and Australia?
Yes. Theme work travels well because it is largely independent of local payment and tax setup. We build themes for UK, US, Canadian and European merchants, including multi-currency and multi-language storefronts through Shopify Markets.
How do we start a theme project?
Send us your current store or your designs, and tell us which templates matter most commercially. Theme scoping is driven by template count and section complexity. Fixed-price quote and milestone plan at no charge.
Custom theme or customize an existing one?
Customizing a well-built purchased theme is faster and cheaper and is the right answer for many merchants. A fully custom theme is worth it when your merchandising, product structure or brand genuinely does not fit an off-the-shelf layout. We will tell you which you are.
How fast will the theme be?
We target Lighthouse 90+ on the templates that matter, home, collection and product. Speed comes from building lean rather than optimizing afterwards, and the usual cause of a slow Shopify store is the installed app stack rather than the theme.
Will the theme be editable without a developer?
Yes. Everything meaningful is exposed through section and block schema so your team can reorder sections, swap imagery and edit copy in the theme editor without touching Liquid or calling us.
Do you build with Online Store 2.0 sections?
Yes. Sections everywhere, JSON templates, app blocks and metafield-driven content are standard. Building on the older architecture today would limit what your team can change later.
Is the theme mobile-first and accessible?
Yes. Mobile layouts are designed first because that is where most Shopify traffic converts, and we build to WCAG AA basics: keyboard navigation, focus states, color contrast and proper heading structure.
How much does Shopify web design cost?
It depends on how much is new. Customising a purchased theme runs USD 99 to 1,000. A starter store set up on a quality theme is USD 899 to 3,500. A fully custom theme designed and built from scratch is USD 3,500 to 12,000. Every project is quoted at a fixed price against a written scope before work starts.
What does a Shopify website designer do?
A Shopify website designer plans how the store looks and how shoppers move through it: page layouts, navigation, product and collection pages, and the path to checkout. On our team the designer works alongside the developer who writes the Liquid, so the design is built exactly as drawn, as sections you can edit yourself in the theme editor.
















Ready to build the right theme?
Share your design files or brief. We will review your requirements and come back with a scope, timeline, and fixed-price quote within 5 business days.
