Skip to content

InnoxTrading

E-CommerceB2BNext.jsShopifyStrapi CMS
ClientInnox Trading
TimelineQ3 — Q4 2025
ServicesUI/UX Design, Development, E-Commerce Strategy
+100%Increase in online orders
1.05sAverage page load time
99Google PageSpeed Insights Performance Score
2xIncrease in customer satisfaction
Overview

Innox Trading is a premier New Zealand-based wholesaler and importer specializing in high-quality mobile accessories and digital lifestyle products.

The project involved a comprehensive analysis of Innox Trading's offline-only sales workflow, customer ordering patterns, and product catalogue complexity. We designed and built a complete e-commerce platform from scratch — creating a branded storefront powered by Next.js on the front end with Shopify handling inventory, payments, and fulfilment behind the scenes. The result is a fast, scalable online store that lets customers browse hundreds of products, place orders independently, and gives the Innox team full control over promotions and content updates.

InnoxTrading
The Challenge

No online presence limiting growth

Innox Trading had been operating entirely offline — no online store, no digital catalogue, and no way for customers to browse or purchase products remotely. With a growing product range across multiple brands, they needed a professional online store that could serve both retail and trade buyers across New Zealand.

  • No online presence — all sales relied on in-person and phone orders
  • Hundreds of products needing to be easy to find online
  • Needed to compete with established e-commerce retailers on speed
  • Wanted the ability to run promotions independently
The Solution

A modern, scalable e-commerce platform

A custom-built online store was designed and developed from the ground up, combining a tailor-made shopping experience on the front end with Shopify's trusted infrastructure handling inventory, payments, and order fulfilment behind the scenes.

  • Custom Shopping Experience — A fully bespoke storefront designed around Innox Trading's brand
  • Fast Page Loads — Pages are pre-built and cached for near-instant loading
  • Persistent Shopping Cart — Customers can save their cart across devices
  • Self-Service Content Updates — Client can update banners and promotions without developer help

Key Deliverables

Strategy

  • E-commerce platform selection and architecture (Shopify + Next.js headless)
  • Product catalogue structure and categorisation
  • Headless commerce architecture planning

Design

  • Brand-aligned visual identity and design system
  • UI/UX design for the complete storefront
  • Responsive design across desktop and mobile

Development

  • Headless Shopify storefront built with Next.js
  • Cross-device shopping cart sync (shared cart across logged-in sessions)
  • Custom invoice printing
  • Product search and filtering
  • Self-service CMS for banners and promotions

© 2026 Siyu Qian. All rights reserved.