Schwarzes Hintergrundbild mit dargestellten Komponenten aus dem Designsystem

Aufbau eines
Multi-Brand Design Systems für
globale Web-Transfor­mationen

BASF logo

Partner
BASF Automotive Refinish Coatings Solutions
2022 - 24

Unsere Leistungen
UX Research
Master Architecture
UX/UI Design
Design System
Technical Consultancy
Front-End / Back-End Dev

Für die Stärkung ihrer Website hat sich BASF Automotive Refinish Coatings Solutions auf eine ambitionierte Reise begeben.

Die Mission war klar definiert, aber anspruchsvoll: die verschiedenen Online-Auftritte der einzelnen Marken (Glasurit, R-M und baslac) in einer ganzheitlichen, nutzerzentrierten Web-Umgebung zu vereinen.

Dieser strategische Wandel zielt darauf ab, eine einheitliche Markenpräsenz zu schaffen, die nicht nur die verschiedenen digitalen Berührungspunkte miteinander in Einklang bringt, sondern auch die Nutzererfahrung potenzieller Kund:innen optimiert. Zusätzlich soll dieser Ansatz die Verwaltung vereinfachen und die Performance über die drei Marken-Websites hinweg steigern.

x3

neu gestaltete Websites auf
einer gemeinsamen Plattform

>60

Länder nutzen die Lösung,
Tendenz steigend

≈5.2K

Unterseiten, verwaltet durch
dieselbe Master-Architektur

Reibungslose Zusammenarbeit

Unsere Reise mit BASF Automotive Refinish Coatings Solutions war durch einen scrum-basierten, agilen Ansatz geprägt, der Zusammenarbeit und Innovation fördert. Gemeinsam haben wir den Status Quo des digitalen Ökosystems umfassend analysiert und eine harmonisierte, zukunftsfähige Plattform entwickelt.

Durch unseren gemeinschaftlichen Ansatz haben wir kontinuierlich sichergestellt, dass jeder Schritt unserer gemeinsamen Vision entspricht, wobei jede Herausforderung als Zwischenstufe auf dem Weg zu unserem Ziel diente.

BASF - Design System Master

Bauplan für eine digitale Revolution

Unser strategisches Konzept war darauf ausgelegt, bestehende Barrieren abzubauen und neue Verbindungen zu schaffen. Unser ganzheitlicher Ansatz umfasste dabei die Identifizierung potenzieller Synergien bis hin zur Schaffung einer einzigen „Source of Truth“.

Durch die Priorisierung eines Master-Design Systems und sorgfältige Nutzervalidierung haben wir nicht nur Websites entwickelt, sondern die Grundlage für ein einheitliches Markenerlebnis geschaffen.

Ein Diagramm, das drei progressive Strukturen zeigt: Atome mit einem zentralen Kreis, Moleküle mit einem zentralen Kreis und drei umlaufenden Kreisen, und Organismen mit einem zentralen Kreis, der mit vier umliegenden Kreisen verbunden ist.
Ein Computerbildschirm mit einer Designtool-Benutzeroberfläche, in deren Mittelpunkt eine lilafarbene Schaltfläche mit der Aufschrift Button text und einem Rechtspfeil steht. Es werden verschiedene Anpassungsoptionen angezeigt, darunter Größe, Status, Symbol und Hintergrund.

Die Entwicklung einer digitalen Ästhetik

Die Entwicklung eines Master Design Systems war von zentraler Bedeutung. Es ging nicht nur um Ästhetik; vielmehr ging es darum, vielfältige Komponenten in einer visuellen Harmonie zu vereinen.

Unter Verwendung des ATOMIC-Designansatzes haben wir eine interaktive Designsprache geschaffen, die anpassungsfähig und dennoch konsistent über alle Markenfacetten hinweg ist. Diese gewährleistet eine nahtlose Interaktion an jedem Berührungspunkt der Nutzerreise.

Visualisierung des BASF-Styleguides mit Grid-Symbolen und Farbdarstellungen

Die technologische Basis für Innovation

Mithilfe modernster Technologien wie Drupal 9 CMS und Tailwind CSS haben wir die Website-Architektur von BASF Automotive Refinish Coatings Solutions neu definiert.

Unser Ansatz war methodisch und gleichzeitig innovativ. Dabei legten wir besonderen Wert auf nahtlose Frontend-/Backend-Integration, Multi-Site-Fähigkeit und Auto-Deployment, um einen neuen Maßstab für Effizienz und Leistung in digitalen Erlebniswelten zu setzen.

Flussdiagramm, das eine Multi-Site-Masterarchitektur veranschaulicht, die mit mehreren untergeordneten Markeninstanzen verbunden ist.
BASF Tech Logo Wall

Ein harmonisches Duett aus Innovation und Kollaboration

Dieses Projekt illustriert eindrucksvoll die Kraft von Partnerschaft und Innovation. Gemeinsam haben wir die Herausforderungen der digitalen Harmonisierung gemeistert und eine Serie von Websites geschaffen, die nicht nur den Anforderungen von heute gerecht werden, sondern auch denen von morgen.

Zusammenfassend war es eine Reise voller Entdeckungen, Herausforderungen und Erfolge — eine kollaborative Symphonie zwischen den Taikonauten und BASF Automotive Refinish Coatings Solutions — deren Resultate digitale Exzellenz und Kohärenz widerspiegeln.

Es werden drei Homepages gezeigt: Die erste zeigt einen Papagei und wirbt für geschäftliche Effizienz; die zweite hebt eine Geschäftspartnerschaft mit einem Bild eines Autos hervor; die dritte schlägt profitable Reparaturlösungen vor, wobei der Schwerpunkt auf der Benutzerfreundlichkeit liegt.

Bereit, die digitale Zukunft mit uns zu gestalten?

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

Talente gewinnen: Eine digitale Revolution im Recruiting