ZETR

ZETR

Form follows function

Form follows function

Challenge

The previous site had been built internally and did not allow the flexibility or scalability ZETR needed to grow the business. There was a lot of manual work being done by the sales team - sending out pricing requests daily rather than users being able to self-service.

There was also a knowledge gap in how the product works - architects and designers needed to be educated on the fact that the product must be purchased as a bundle - faceplates, switch/power, and the correct mounting plate - depending on the surface it's being mounted on or into.

With such a premium product, the digital experience needed to speak to architects and designers, and hit a refined aesthetic aligned to their vision for a space.

Our vision was to set the standard for the industrial product category, by creating an aspirational, intuitive and scalable platform that educates, inspires and generates leads - allowing the business to grow exponentially.

Objectives

- Decrease the number of support calls to sales team

- Increase the number of leads per product

- Increase conversion to selected tailored content for each target audience

Solution

The ZETR range of products are minimal and refined, they are the ‘quiet detail’ in any space. With a key target audience of residential and commercial architects and designers, the new platform needed to reflect this level of detail, and embrace the understated. More than just a channel for inspiration, the website’s design needed to springboard from its function.

The ZETR products are complex, which had previously made them seem complicated. Our UX approach clarified the way the products work, guiding visitors through the process and requirements, to ensure less errors were made when purchasing components.

Nuanced needs

The main audience, architects and designers are looking for inspiration for a project they are working on, or they have been referred to ZETR by their client. They want to explore the product looks and ensure that it fits with their design aesthetic. They want to be able to feel as if they have a relationship with the brand and the product as one seamless experience.

A large and important group to ZETR are their wholesale customers. They use the website for information to understand their customer’s or designer’s aspirations. They are seeking price and building the relationship with the sales team to make it easy to order or ask questions for projects over time. They needed a way to access their discounted pricing through the website, without always having to pick up the phone.

With such minimal interface design, we have emphasised micro-interactions and clever animations to provide the user with brief moments of delightful feedback during the experience. Smart navigation structures change and adapt to the user's choices as they navigate the website.

To help bring each product to life, an art direction based on illumination to highlight the interplay of shadows and light was leveraged. This conceptual approach envisions a design where every curve, angle, and contour is illuminated.

To minimise the manual handling of enquiries by the ZETR team, without diving into a full eComm build, we created a “checkout” which enabled customers to obtain a quote across the entire product range. All products are managed within the CMS (instead of in an eComm platform), with the “cart” being sent to Salesforce via their API, as a lead for the ZETR sales team to follow up with directly. For the user, this functions exactly as a full eComm cart, with a rich amount of data coming through to the Sales team; Name, Phone, Email. Company, Country, Notes and most importantly - the full product list. However, it was built with future scalability in mind - and by using a headless stack, the platform will be able to integrate a true eComm layer in the future.