Skip to content

TremorAudio

E-CommerceRetailerNext.jsGraphQLShopify
ClientTremor Audio Limited
TimelineQ3 2023
ServicesUI/UX Design, SEO, Performance Optimisation, E-Commerce Strategy
3,000+Products managed across categories
~900msAverage page load time
~0.3sIncredibly Fast PageSpeed Insights First Contentful Paint
~3xIncreased Conversion Rate
Overview

A high-performance e-commerce solution developed for a prominent New Zealand musical instrument retailer. This project involved managing thousands of SKUs with real-time inventory synchronisation and complex product categorisation.

Tremor Audio needed a website that could support their retail operations with specialised inventory management. A key requirement was differentiating products from overseas suppliers versus local inventory, enabling customers to see the differences more intuitively — reducing repetitive staff explanations and streamlining the shopping experience.

TremorAudio
TremorAudio detail 1
TremorAudio detail 2
The Challenge

Complex inventory requiring clearer product presentation

Tremor Audio carried a large catalogue of musical instruments sourced from multiple channels. Customers struggled to distinguish between product lines, leading to frequent staff inquiries and a slower in-store and online purchasing process. The project initially faced setbacks when the previous development team failed to deliver on planned requirements, necessitating a complete rebuild.

  • Previous development team did not complete planned requirements
  • No clear way to differentiate products from different suppliers
  • Thousands of SKUs needing intuitive browsing and categorisation
  • Repetitive customer questions consuming staff time
  • Needed a modern online presence to complement the physical store
The Solution

A tailored e-commerce platform with smart product presentation

After taking over the project, a complete rebuild was undertaken using the latest technology stack. A custom Shopify-powered storefront was built using Next.js and GraphQL, delivering a fast, responsive shopping experience with clear product differentiation and optimised performance.

  • Complete Rebuild — Project rebuilt from scratch using modern, cutting-edge technology stack
  • Multi-Device Experience — Responsive design with adaptive layouts across smartphones, tablets, and desktops
  • Performance Optimisation — Static Site Generation (SSG) for rapid page loading across product galleries and checkout
  • Search Engine Optimisation — Strategic content and metadata crafting to enhance online visibility
  • Secure Checkout — Refined transaction processing emphasising reliability and user ease

Key Deliverables

Design

  • Brand-aligned UI design for the complete storefront
  • Responsive layouts optimised for mobile, tablet, and desktop
  • Intuitive product categorisation and visual hierarchy

Development

  • Headless Shopify storefront built with Next.js and GraphQL
  • Static Site Generation for near-instant page loads
  • Product filtering and search across thousands of SKUs
  • Secure checkout integration with Shopify payments

Optimisation

  • SEO strategy with structured metadata and content optimisation
  • Performance tuning for fast load times across all devices
  • Real-time customer support integration

© 2026 Siyu Qian. All rights reserved.