Tetrosyl are the largest manufacturer and supplier of car care products in Europe. They sell a vast range of car parts and automotive accessories for maintenance and repair. Since 1954, Tetrosyl have developed multiple popular brands and products for both car and home care.

In the UK, Tetrosyl is well-known for their sub-brand: Motor World. Based primarily across 41 high street stores nationwide, Motor World also trade online via eBay.

Tetrosyl came to CTI with an ambition to create two separate eCommerce sites for their industry-leading car care products: a corporate B2B site and sub-brand B2C site. 

The first site operates at group level: Tetrosyl Express. The legacy site was not clearly linked to the international brand and, as such, struggled with website performance and conversion. The company was still reliant on telephone orders, due to usability issues with their online store. They needed a web redesign focused on improving the user experience.

To reach a different audience, Tetrosyl looked to create a B2C site for one of their well-known sub-brands. Motor World needed to transfer their high street popularity into an online storefront. Previously operating on eBay, Motor World needed a website designed from the ground up, whilst incorporating the familiar branding.

Rebrand and Logo

Tetrosyl’s legacy website lacked any visual connections with their well-known brand name. Ahead of the website redesign, our creative team undertook a digital-first brand refresh, to ensure the Tetrosyl Express branding would suit a modern digital experience. This involved directing and producing new graphic designs, as well as creating a brand new logo, to fit more closely with the global group identity. 

Meanwhile, their UK brand Motor World had a well-known logo but no further brand guidelines. Therefore, we extrapolated the familiar logo into a fully branded website design.

Style Tile

To ensure consistent branding through all future outputs, we created two separate Style Tiles for Tetrosyl and Motor World. They feature a mood board of brand colours, typography, imagery and common user interface elements. By producing clear branding documentation, we created a design system that reaches beyond the current webpage templates, and will last through future development.

Motor World Style Tile

Although Tetrosyl Express and Motor World operate as separate stores, they share a single fulfillment process. To unite the two brands under the Tetrosyl umbrella, we designed the websites to guide a common customer journey and consistent user experience. 

Using the same front-end template and shared modules for both websites, we simplified the back-end fulfillment process for Tetrosyl stakeholders. Catering to a single purchase journey also enables new efficiencies, for a more productive warehouse. 

The Tetrosyl Express website is intended for a B2B market. We optimised the new website design to simplify the B2B buying experience. 

We created pared-back login and checkout pages, to present a professional, corporate appearance for high-value customers.

Beyond aesthetic improvements, we redesigned the architecture of the site navigation, to separate the wide range of products clearly, from car parts to cycles, homeware, and tools. Each product category is quick to find and clearly features key selling points, to enable efficient ordering. 

For loyal customers, we also designed a Quick Order Form, for users to purchase repeat products without searching for them anew.

Quick Order Form on Tetrosyl Express

Our creative team produced a branded redesign quickly and efficiently, to meet a short-term deadline for Tetrosyl’s external development agency. In a short space of time, we produced two modern website designs alongside all branding documentation for future development and marketing endeavours.

The clients were delighted with the way that the new-look websites would significantly improve the customer experience and feed seamlessly into back-end productivity.

Key design elements from the new Motor World and Tetrosyl Express sites