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.

BASF Coating x3 websites redesigned under 1 single source of truth

websites redesigned under
1 single source of truth

BASF Coating >60 countries operating  and growing

countries operating
and growing

BASF Coating ~5.2K subpages managed by the same master arquitecture

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.

BASF Coating multi-brand Design System to drive global web transformations

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.

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.

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.

BASF Coating multi-brand Design System to drive global web transformations

Ready to shape your digital future?

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

Attracting talent: A digital recruitment revolution