Black background image with displayed components from the design system

Building a multi-brand Design System to drive global web transformations

BASF logo

Partner
BASF Automotive Refinish Coatings Solutions
2022 - 24

Our services
UX Research
Master Architecture
UX/UI Design
Design System
Technical Consultancy
Front-End / Back-End Dev

BASF Automotive Refinish Coatings Solutions embarked on an ambitious journey to improve its websites.

The mission was clearly defined yet challenging: transform our branded websites (Glasurit, R-M, and baslac) into a cohesive, user-centric web environment.

This strategic shift aims to create a unified brand presence that not only harmonizes various digital touchpoints but also enhances the user experience for potential customers. Additionally, this approach seeks to streamline management and improve performance across three brand websites.

x3

websites redesigned under
1 single source of truth

>60

countries operating
and growing

≈5.2K

subpages managed by
the same master arquitecture

The art of seamless collaboration

Embracing a scrum-based agile approach, our journey with the automotive refinish team was one of continuous collaboration and innovation. Together, we embarked on a deep dive to understand the current digital ecosystem, ideating a harmonized, future-ready platform.

This co-creative process ensured every step was aligned with our shared vision, making every challenge a stepping stone towards our goal.

BASF - Design System Master

Blueprint for a digital renaissance

Our strategic framework was designed to dismantle silos and forge connections. From identifying synergy potentials to crafting a singular 'source of truth', our approach was holistic.

By prioritizing a master design system and ensuring rigorous user validation, we were not just building websites; we were sculpting gateways to a unified brand experience.

A diagram showing three progressive structures: Atoms with one central circle, Molecules with a central circle and three orbiting circles, and Organisms with a central circle connected to four surrounding circles.
A computer screen showing a design tool interface with a focus on a purple button labeled Button text accompanied by a right arrow. Various customization options are displayed, including size, state, icon, and background.

The evolution of BASF Automotive Refinish Coatings Solutions digital aesthetic

The creation of a master design system was pivotal. It wasn't just about aesthetics; it was about unifying a multitude of voices into a harmonious visual symphony.

Utilizing the ATOMIC design approach, we crafted an interactive design language that was adaptable yet consistent across all brand facets, ensuring a seamless user journey across every touchpoint.

Visualization of the BASF style guide with grid symbols and color representations

The technological backbone of innovation

Leveraging the latest in technology, including Drupal 9 CMS and Tailwind CSS, we redefined the architecture of BASF Automotive Refinish Coatings Solutions websites.

Our approach was methodical yet innovative, focusing on a seamless frontend/backend integration, multi-site capability, and auto-deployment, setting a new standard for efficiency and performance in digital experiences.

Flowchart illustrating a multi-site master architecture connected to several subordinate brand instances.
BASF Tech Logo Wall

A symphony of innovation and unity

This project was a testament to the power of partnership and innovation. Together, we navigated the complexities of digital harmonization, creating a suite of websites that not only meet today's demands but are poised for the future.

It was a journey of discovery, challenges, and triumphs — a true symphony of collaboration between Taikonauten and the refinish team at BASF Coatings, echoing the promise of digital excellence and unity.

Three website homepages are displayed: the first features a parrot and promotes business efficiency; the second highlights a business partnership with an image of a car; the third suggests profitable refinishing solutions with a focus on user-friendliness.

Ready to shape your digital future?

  • UX & UI Design • 
  • User Research • 
  • Product

Attracting talent: A digital recruitment revolution