​Hella Gutmann Solutions – Digitaler Auftritt für den führenden Anbieter von Werkstatt-Diagnoselösungen

Der Kunde

Die Hella Gutmann Solutions GmbH mit Sitz in Ihringen ist Spezialist für Diagnose-, Prüf- und Service-Technik für freie Kfz-Werkstätten. Das Unternehmen verbindet tiefes Fachwissen aus der Praxis mit Software, Hardware und digitalen Services – von Fahrzeugdiagnose über Abgasprüfung und E-Mobilität bis zu ADAS-Kalibrierung, Lichteinstellung und Batterieladung. Mit Produkten wie mega macs X, dem Werkstattkonzept CheckPoint und Lösungen wie macsRemote Services, HGS Data oder macsDIA unterstützt Hella Gutmann Werkstätten weltweit dabei, mehr Fahrzeugvarianten zu bedienen, Reparaturen sicher durchzuführen und Umsatz zu steigern. Der digitale Auftritt unter hella-gutmann.com ist zentrale Anlaufstelle für Werkstätten, Handelspartner und Interessenten in zahlreichen Märkten.

Die Aufgabe

Für einen international agierenden Technologieanbieter ist die Website weit mehr als ein Produktkatalog: Sie vermittelt komplexe Diagnose- und Prüflösungen verständlich, führt zu Vertriebspartnern und Support-Angeboten und bindet digitale Services sowie Formulare und Self-Service-Prozesse ein. Gleichzeitig müssen unterschiedliche Zielgruppen – Werkstätten, Händler, Presse, Bewerber – über viele Sprachen und Länder hinweg bedient werden.

Unser Auftrag: den digitalen Auftritt von Hella Gutmann als moderne, mehrsprachige und technisch zukunftssichere Plattform auf Basis von TYPO3 CMS neu aufzustellen – mit klarer Informationsarchitektur, leistungsfähigen Fachmodulen und nahtloser Anbindung an interne Systeme und Schnittstellen.

Unsere Lösung

Wir haben die Website als Relaunch auf TYPO3 12 realisiert – ausgehend von einem Rebrush, der im Projektverlauf zu einem vollständigen Neustart der Plattform wurde. Das Ergebnis ist ein durchdachtes Portal, das Produktwelten, Services und Support-Angebote strukturiert präsentiert und als Multi-Site-Installation weitere Marken- und Fachauftritte unter einem gemeinsamen Technologie-Dach bündelt.

Die Informationsarchitektur der Hauptseite gliedert sich in die zentralen Bereiche der Werkstatt-Welt:

• Diagnoselösungen – Fahrzeugdiagnose (mega macs X, mega macs PLUS, mega macs S 20), Motorraddiagnose, Abgasprüfung (HG4), E-Mobilität
• Prüf- und Einstell-Lösungen – CSC-Tool PRO, ADAS-Kalibrierung, Lichteinstellung, Batterieladung
• Service-Lösungen – digitale Services (macsData, macsDIA, HGS Data), Remote Services, Werkstattkonzept CheckPoint, Trainings (Hella Academy)
• Support & Informationen – Download Center, Handelspartner-Übersicht, Aktionsübersicht, Softwareversionen, Callcenter, Live-Support
• Unternehmen & Karriere – Über uns, Presse, News, Karriereportal mit Stellenangeboten
• Kontakt & Vertrieb – regionale Ansprechpartner, Newsletter, Merchandising (Hella Gutmann Collection)

Auf der Startseite werden die wichtigsten Einstiege direkt sichtbar: Produkt-Highlights wie mega macs X, die Kernbereiche Diagnose / Prüf- & Einstellwerkzeuge / Service-Lösungen / Support sowie Vertriebsaktionen und Kontaktmöglichkeiten.

Leistungsumfang im Detail

Mehrsprachigkeit & internationale Märkte

Die Hauptwebsite ist in über 19 Sprachen verfügbar – von Deutsch, Englisch und Französisch über osteuropäische und skandinavische Märkte bis hin zu Varianten wie USA-Englisch. Jede Sprache wird als eigene Site-Konfiguration mit strikter Fallback-Logik betrieben, sodass Inhalte gezielt pro Markt gepflegt werden können. Für redaktionelle Übersetzungsunterstützung ist eine DeepL-Anbindung integriert.

Multi-Site-Architektur

Neben dem Corporate-Auftritt betreiben wir in derselben TYPO3-Instanz weitere Sites:

So bleiben Marken und Zielgruppen getrennt, während Entwicklung, Hosting und Redaktions-Workflows zentral bleiben.

Download Center & Dokumentenmanagement

Ein zentraler Baustein ist das Download Center für Software, Handbücher, Medien und Produktunterlagen:

• Filterbare Übersicht nach Produkt, Medientyp, Sprache und Land
• Frontend mit React-basierter Oberfläche für performante Suche und Filterung
• Verwaltung komplexer Download-Strukturen inkl. ZIP-Archive und automatischer Extraktion
• API-Schnittstelle zur automatischen Aktualisierung von MMPlus-Dateien über den HGS Update Service
• Mehrsprachige Bedienungsanleitungen im separaten Manuals-Site-Kontext

Redakteurinnen und Redakteure pflegen Downloads, Kategorien und Metadaten im Backend; technische Updates können automatisiert ausgelöst werden.

Handelspartner & Werkstatt-Finder

Für die Handelspartner-Übersicht haben wir ein Partner-Modul mit Standortdaten, Kontaktinformationen und Länderzuordnung umgesetzt. Ergänzend synchronisiert die Werkstatt-Karte Werkstattdaten per CSV-Import (external_import) und stellt sie auf einer interaktiven Google-Maps-Karte mit Adresssuche und Filtern dar – analog zum Download Center in Bedienung und Optik.

Fachanwendungen & Formulare

Digitale Prozesse sind direkt in die Website eingebunden:

Remote Services & Geräteregistrierung
Mehrstufige TYPO3-Formulare für die Registrierung von Remote-Service-Geräten und HG4-PCK-Komponenten. Die Daten werden per REST-API an das HGS-Backend übermittelt – inklusive Kundennummernvalidierung und strukturierter Auftragsdaten.

Batterie-Kompatibilität (E-Mobility)
Ein interaktiver Kompatibilitäts-Check für Fahrzeugbatterien, angebunden an die HGS Vehicles API. Werkstätten können Fahrzeug und Diagnosegerät abgleichen und erhalten fundierte Hinweise zur Eignung von Ladelösungen.

Newsletter & Kontakt
Newsletter-Anmeldungen laufen über TYPO3 Form mit Anbindung an Maileon als E-Mail-Marketing-System. Weitere Formulare (Powermail, Kontakt) sind mit Cloudflare Turnstile gegen Spam abgesichert.

Händler-Login
Registrierung und Verwaltung von Händler-Zugängen über femanager mit erweiterten Validierungen und angepassten Benutzergruppen.

Content, Layout & Redaktion

Redakteurinnen und Redakteure arbeiten mit einem flexiblen Container-basierten Seitenlayout (b13/container) sowie unserem Dynamic Container: editierbare Raster mit variablen Zeilen und Spalten ohne feste Vorlagen. Ergänzend stehen u. a. Teaser, Akkordeons, Tab-Container, Revolution Slider und modulare Inhaltsblöcke zur Verfügung.

News & Karriere werden über die News-Extension und ein integriertes Stellenportal (Jobs-Extension) verwaltet. SEO-Metadaten, Canonical URLs und strukturierte Ausgabe nutzen die TYPO3-SEO-Funktionen.

Ergebnis & Mehrwert

Mit dem Relaunch verfügt Hella Gutmann über eine Plattform, die dem Anspruch als internationaler Technologiepartner gerecht wird:

• Werkstätten und Partner finden Produkte, Downloads, Handelspartner und Support rund um die Uhr – in ihrer Sprache und für ihren Markt
• Komplexe Fachprozesse (Remote-Service-Registrierung, Batterie-Check, Software-Updates) laufen digital und sind an Backend-Systeme angebunden
• Mehrere Marken und Fachportale (CheckPoint, Remote Services, Manuals, SERMI, We Like Bike) nutzen eine gemeinsame, wartbare Technologiebasis
• Redakteurinnen und Redakteure pflegen Inhalte eigenständig über flexible Layouts und spezialisierte Module
• Die Architektur ist auf weitere Sprachen, Märkte und Services ausgelegt – ohne Medienbrüche zwischen Marketing und Fachanwendung

Die Website ist digitale Visitenkarte, Produkt-Showroom und Service-Portal zugleich – gebaut für die Anforderungen moderner Werkstätten in einem global vernetzten Markt.