Überarbeitung der bestehenden Website eines Dienstleisters für technische Prüfungen — mit klarer Informationsarchitektur, besserer Nutzerführung und zeitgemäßem UI-Design.
Mit ca. 1.300 Mitarbeitenden leistet die Organisation heute viel mehr als die klassische Hauptuntersuchung bei Kraftfahrzeugen.
Für Geschäfts- und Privatkunden gibt es unzählige Angebote für die Bereiche Gebäudetechnik, Arbeitsplatz- und Informationssicherheit, Anlagen & Maschinen, Umwelt & Energie sowie Produkte & Materialien.
Der Relaunch der Website von TÜV Hessen brachte ein spannendes und anspruchsvolles Projekt für Pagemachine. Komplex, vielschichtig und voll mit relevanten Inhalten, die übersichtlich zur Verfügung stehen — wie gemacht für die Umsetzung mit der damals aktuellen TYPO3 v8.
Die TÜV-Website benötigte eine grundlegende, zeitgemäße Erneuerung. Einer der Kernpunkte war ein modernes responsive Layout, um auch mobil optimal aufzutreten. Unzählige Unterseiten mussten zur besseren Auffindbarkeit aller Inhalte sinnvoll strukturiert und kategorisiert werden.
Mit einem Persona-Workshop als Basis für die Konzeption konnten wir unter anderem ein Navigationsmenü erarbeiten, das diesen Anforderungen gerecht wird. Sämtliche Sonderfunktionen wurden von Pagemachine entwickelt und/oder eingebunden — alles aus einer Hand.
Das responsive Layout passt sich vom großen Desktop-Screen bis zum Smartphone an, ohne an Übersicht oder Bedienkomfort zu verlieren.
Durchgängig für die gesamte Seitenstruktur entwickelt, nicht nachträglich angepasst.
Redakteure legen Zuschnitte je Endgerät selbst über die TYPO3-ImageManipulation fest.
Bewusst ohne Hover-Effekte, für einheitliche Bedienung auf Touch- wie Desktop-Geräten.
Desktop- & Mobile-Ansicht der neuen TÜV-Hessen-Website
Vier Prinzipien waren von Anfang an klar definiert und wurden bei Gestaltung und Programmierung während des gesamten Entwicklungsprozesses eingehalten.
Gesuchtes wird sofort gefunden — im aufgeräumten Backend ohne Ballast, im Frontend unterstützt von einer neuen Suche.
Schlanke Programmierung und intelligentes Caching sorgen für Geschwindigkeit statt Absprüngen — bei Nutzern wie Redakteuren.
Sinnvolle Vorschläge für weitere Aktionen sowie eine Suche, die auch bei unklaren Eingaben passende Ergebnisse liefert.
Ein kontrastreiches Design mit klaren Linien, Rastern und Farben erklärt sich den Nutzern von selbst.
Vier Schwerpunkte prägten die Umsetzung — von der Konzeption bis zur individuell entwickelten Suche.
Grundlage für Navigation und Struktur einer komplexen, vielschichtigen Website mit unzähligen Unterseiten.
Integration der TÜV-eigenen Standort- und Dienstleistungsdatenbank direkt ins TYPO3-Frontend.
Ein durchgängig modernes, responsives Layout, optimiert für mobile Endgeräte auf allen Unterseiten.
Eine hauseigene, auf Elasticsearch basierende TYPO3-Extension für schnelle, leistungsfähige Suche.
Zwei Schwerpunkte im Detail
mit ursprünglich TYPO3 v8 - inzwischen v13
Der Relaunch mit der damals aktuellen Version TYPO3 v8 gewährleistete langfristigen Support und hohe Sicherheit dank regelmäßiger Updates. Darüber hinaus bot das CMS in seiner damals aktuellen Version größtmöglichen Komfort für redaktionelles Arbeiten im Backend.
Beispielsweise konnte man Bilder noch besser selbst bearbeiten, weil die Bildausschnitte für alle Displayformate optimal festgelegt werden konnten — gerade bei so vielschichtigen Internetauftritten wie dem des TÜV eine große Hilfe.
mit vielen individuell angepassten Lösungen
Die Integration der TÜV-eigenen Standort- und Dienstleistungsdatenbank ist eine von vielen Lösungen, die dank TYPO3 v8 optimal umgesetzt werden konnten.
Außerdem benötigte der TÜV Hessen eine performante Seitensuche. Gut, dass wir mit der auf Elasticsearch basierenden TYPO3-Extension „Searchable" eine selbst entwickelte Lösung anbieten können, die schnell, leistungsfähig und individuell konfigurierbar ist.
mit Scrum
Ein Persona-Workshop zu Beginn des Projekts half bei der Ausarbeitung von Konzept und Navigation. Das Projektmanagement unter Scrum erwies sich einmal mehr als sehr effektiv.
Regelmäßige Treffen mit unserem Kunden sowie die Nutzung von Jira als Projekt- und Kommunikationsplattform waren weitere wichtige Bausteine für die völlig unaufgeregte Durchführung des Projekts.
Full-Service aus einer Hand
Bereits in den Vorgesprächen wurde klar, dass der TÜV Hessen eine Full-Service-Agentur sucht, die auf TYPO3 spezialisiert ist. Dabei war unserem Kunden eines besonders wichtig: genug Ressourcen für ein Projekt dieser Größenordnung.
Sprich — wir haben genug Entwickler, die an diesem Projekt mitarbeiten konnten. Auch deshalb wurde der Relaunch innerhalb des vorgegebenen Zeitplans problemlos von uns realisiert.
Von der Konzeption bis zum letzten Formular — der ausführliche Case-Study-Bericht zeigt, wie die einzelnen Bausteine der neuen TÜV-Hessen-Website im Detail entstanden sind. Hier schon mal ein tieferer Einblick in jeden Baustein.
In einem Persona-Workshop wurden die Bedürfnisse der Website-Besucher ermittelt und flossen direkt in Navigationsstruktur und Seitenlayouts ein.
Die rund 600 Seiten starke Website ging nach nur 9 Monaten Projektlaufzeit planmäßig online — nur mit agilen Methoden im engen Zeitrahmen möglich.
Herzstück ist eine umfangreiche Datenbank für Dienstleistungen, Standorte, Ansprechpartner und Publikationen, inklusive eigens entwickeltem Importer für die Migration.
Die bisherige Suchlösung war nicht TYPO3-kompatibel. Unsere auf Elasticsearch basierende Eigenentwicklung ersetzt sie durch eine deutlich leistungsfähigere Lösung.
Mit dem Formular-Framework von TYPO3 v8 entstanden diverse, individuell angepasste Formulare — inklusive automatischem Spam-Schutz für alle E-Mail-Adressen.
Statt Standard-Grids kamen frei definierte Flexbox-Layouts zum Einsatz — identisch im Backend wie im Frontend integriert.
Sämtliche Angebote und Dienstleistungen des TÜV Hessen können Nutzer jetzt schnell und einfach finden — mit der effektiven Navigation ebenso wie über die integrierte Seitensuche.
Für Privat- wie Geschäftskunden sind alle Angebote nachvollziehbar aufgelistet und detailliert erklärt. Dabei lassen sich die Inhalte für den Betreiber der Website denkbar einfach verwalten — Service- und Standort-Unterseiten gleichen sich automatisch mit den TÜV-Datenbanken ab und aktualisieren sich selbst.
Dank der Umsetzung mit TYPO3 v8 sind größte Flexibilität, hohe Anpassungsfähigkeit und Erweiterbarkeit garantiert — etwa für den späteren Aufbau einer englischen Version. Und das dank TYPO3 v8 auf Jahre hinaus sicher und mit aktuellem CMS.
Lassen Sie uns besprechen, welche Grundlagen und Informationen dafür wichtig sind. Vielleicht mit einem Kaffee bei uns.
Haben Sie spezielle Anforderungen oder Fragen? Wir beraten gerne unverbindlich.
