DRAFT: Total Supply

Platform

Shopify Plus

SERVICES

Analytics Implementation, Applications & Extensions, Data, Data Integration & Augmentation, Platform Implementation, Search, SEO Migration, Technical Audits, Technical Optimisation, Technology

Total Supply pride themselves in being a trusted partner in delivering cutting-edge signage and graphic solutions and servicing businesses paper needs in New Zealand for over 100 years, while maintaining a strong international identity with operations in Australia and Asia.

Total Supply teamed up with the Overdose New Zealand crew to build a Shopify website designed to simplify and enhance the online experience for both their B2B and B2C customers. With Shopify's B2B functionality at its core, we worked closely with their team to deliver a solution tailored to their needs. The site includes customer-specific pricing, user-friendly navigation and tools that make it easy to browse their extensive product range. Following the success of this launch, we extended the solution to support Spicers NZ, creating a second store that maintains consistency and efficiency across both brands.

Integrations

For this project, we worked closely with Total Supply to integrate Shopify Plus with several key platforms, enhancing both functionality and user experience.

Pronto: A core component of the project for the Total Supply team ensured seamless synchronisation between Shopify Plus and the client’s ERP system, Pronto. This integration streamlined data management, covering orders, inventory, product pricing, and customer information, allowing for smoother operations and better visibility across the business.

Wishlist King: To improve the customer shopping experience, we integrated Wishlist King, enabling users to save and easily revisit their favourite products, creating a more personalised and engaging journey.

Shopify Search & Discovery: Enhancing site search capabilities was a priority, so we implemented Shopify Search & Discovery. This tool enabled customers to filter extensive product catalogs by SKU, brand name, product title, or keywords, making it faster and easier to find what they need.

Klaviyo: For email marketing and customer engagement, we connected the store to Klaviyo, ensuring the client could continue delivering targeted campaigns and maintaining strong customer relationships.

These integrations collectively elevated Total Supply's online presence, making their site more efficient, intuitive, and user-friendly.

Challenge

CHALLENGE #001

Leverage Shopify OOTB B2B Functionality

The Total Supply team aimed to enhance the online purchasing experience for their existing B2B customers using Shopify's out-of-the-box (OOTB) B2B functionality. They required customer-specific pricing and catalogues tailored to their diverse client base, while ensuring sensitive pricing information remained protected.

SOLUTION

We configured Shopify’s B2B features to meet their requirements, including setting up customised pricing and assigning specific catalogues to different customer groups. To safeguard sensitive pricing, we implemented minor customisations to the search functionality, ensuring non-authorised users could not access restricted information.

CHALLENGE #002

Seamlessly Integrate Shopify with an Existing ERP Platform

Total Supply needed to integrate Shopify with their Pronto ERP system to ensure real-time data flow for orders, inventory, pricing, and customer details across both systems.

SOLUTION

While Total Supply managed the Pronto integration alongside a third-party provider, we offered Shopify expertise, advising on best practices and ensuring smooth compatibility with Shopify APIs. This collaboration ensured reliable data synchronisation and a seamless launch.

CHALLENGE #003

Enhance User Experience for Complex Product Catalogues

The previous platform made it challenging for customers to access product information or navigate extensive categories, some with over 100 variants. This complexity created a barrier for customers trying to find the right products quickly.

SOLUTION

Working closely during an ideation phase, we identified UX challenges and brainstorm solutions. This collaboration informed a redesigned website featuring a clear layout for product information, advanced filtering options, enhanced search functionality, and intuitive navigation. Customers can now efficiently explore and select from Total Supply’s extensive product range.

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.“

Blake Hurst
TITLE
Total Supply | Spicers NZ

UX & UI

Delivering an Intuitive and Engaging UX/UI Experience

Our UX/UI process focused on addressing Total Supply’s unique challenges, creating a site that is functional, intuitive, and customer-friendly for both B2B and B2C audiences.

To improve navigation, we designed tailored solutions for mobile and desktop users. We implemented a structured, step-by-step menu on mobile, enabling users to filter efficiently into subcategories and find exactly what they need. For desktop, we created a mega menu that presents a clear hierarchy of categories, guiding users seamlessly through the site. Additionally, we prioritised discoverability by including the ability to search by brand, allowing customers to quickly locate products from their preferred manufacturers. A prominent search bar was also placed in the header, catering to B2B customers who need to find specific items quickly and efficiently. To encourage exploration, we introduced thematic categories—such as retail, hospitality, small business, and automotive—paired with engaging imagery to highlight key offerings and spark curiosity.

Given Total Supply’s strong focus on B2B, we incorporated industry best practices to elevate their purchasing experience. Advanced filtering options were introduced to help users navigate their extensive product catalogue with ease, ensuring they could quickly locate specific items without unnecessary delays. For products like large-format printers and materials, we implemented a tabbed layout to present detailed specifications, compatibility information, and pricing options. This approach enables customers to make confident, informed decisions.

We added wishlist functionality to further streamline the purchasing process, allowing customers to save items for future reference. This feature reduces the need for immediate decisions, making it easier for customers to revisit their favourites when ready to purchase.

Through these thoughtful UX/UI enhancements, we delivered a site that meets the needs of Total Supply’s diverse customer base. The result is a user-friendly online store that simplifies product discovery, supports informed decision-making, and creates a seamless experience that adds real value for their customers and business operations alike.