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

Römfre leather bag product photographyFerkos Fine Jewelry gold earrings photographyThe Good Oil Company brand photography
Custom themes we have built: Römfre, Ferkos Fine Jewelry and The Good Oil Company.

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.

DTC

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

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

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.

World of Crow collection page, built by Tripster Developers
World of Crow: collection page.

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.

  1. 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.

  2. 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.

  3. 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.

  4. 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.

  5. 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
Römfre custom theme homepage, built by Tripster Developers
Römfre: custom theme homepage.

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.

Sahana Shopify store by Tripster Developers
Burgess Peaks Shopify store by Tripster Developers
World of Crow Shopify store by Tripster Developers
Römfre Shopify store by Tripster Developers
Ferkos Fine Jewelry Shopify store by Tripster Developers
The Good Oil Company Shopify store by Tripster Developers
Kodiak Leather Shopify store by Tripster Developers
Story of India Shopify store by Tripster Developers
World of Crow Shopify store by Tripster Developers
Burgess Peaks Shopify store by Tripster Developers
DutchRusk Shopify store by Tripster Developers
Römfre Shopify store by Tripster Developers
eWatch Parts Shopify store by Tripster Developers
Sahana Shopify store by Tripster Developers
Queen of Gemz Shopify store by Tripster Developers
Worthy Products Shopify store by Tripster Developers

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.

Every Monday · free

The Tripster weekly update for Shopify merchants

One short email from Tripster each week: new Miko app features, our newest Shopify guides, and one idea you can use in your store that week.

  • Season playbooksBlack Friday and Christmas, step by step
  • App launches firstNew Miko features before anyone else
  • Real store fixesWhat we changed and what it did
Preview of the Tripster Weekly email

We'll send a confirm link first. Change topics or unsubscribe in one click, any time. Privacy

Starting on Shopify?

Start your free Shopify trial, then let us build it properly.

Open your store on Shopify in a few minutes, try it with your own products, and bring us in when you are ready for design, migration, apps or integrations.