Die Steinbach AG ist ein mittelständischer, weltweit erfolgreicher Partner der Industrie mit Hauptsitz in Detmold (NRW) und Vertretungen in Shanghai, Charlotte/USA, Taipei und Brisbane. Die verschiedenen Geschäftsfelder sind Forming und Conveying Solutions, thermische und akustische Isolierungen, Dichtungen und Stanzteile, Folienverpackungen und technische Keramik.
Seit 2018 unterstützt LOUIS INTERNET die Steinbach AG als Partner für professionelles Online-Marketing. Aufgrund dieser Erfahrungen vertraut Steinbach uns auch für die Entwicklung ihrer neuen Website auf Basis von TYPO3 v12. Das Ziel: Eine moderne und funktionale Website mit herausragender User Experience und maximaler Übersichtlichkeit.
Schnelle Orientierung: Zwei Wege zum Ziel
Mit einer ganz neuen Grundkonzeption und einem komplett überarbeiteten Grundstyling im Einklang mit der Corporate Identity haben wir für Steinbach einen frischen, modernen Internetauftritt konzipiert. Der Fokus liegt dabei auf der komfortablen, praktischen UX mit kurzen Klickwegen, die auch mobil optimal funktioniert und zweisprachig umgesetzt ist. Die sehr effiziente Layoutphase hat es uns erlaubt, das Projekt zügig voranzutreiben.
Bei unserer gründlichen Analyse des Produktangebots kristallisierten sich zwei Prioritäten heraus: Eine komplexe Navigationsstruktur für den größtmöglichen Überblick, und eine Produkt-Extension für die optimale Darstellung und Filterung der Produkte, die gezieltes Suchen ermöglicht.
Detaillierte Navigationsstruktur bietet Überblick
Eine gut aufgebaute Seitennavigation ist das Herzstück jeder umfangreichen Website: Damit Nutzer:innen die große Produktvielfalt schnell überblicken können, schaffen wir mithilfe von strategischen Bildplatzierungen und gezielten Hervorhebungen eine optimale Struktur zur Darstellung der Produktkategorien.
So können die User:innen das gesamte Angebot auf einen Blick erfassen, und zu den für sie interessantesten Produkten durchklicken.
Schnell fündig mit individueller Produktextension
Damit auch Nutzer:innen, die sich bereits für eine konkrete Produktkategorie interessieren, schneller ans Ziel kommen, haben wir für die Website eine Produkt-Erweiterung mit Filterfunktion entwickelt.
Diese Filterfunktion bietet im Vergleich zur Navigation den Vorteil, dass sie eine gezieltere und präzisere Auswahl ermöglicht. Nutzer:innen können ihre Suche anhand spezifischer Kriterien eingrenzen, und so schneller zu den für sie passenden Ergebnissen kommen. Die Filter ermöglichen es, die Auswahl nach individuellen Bedürfnissen und Vorlieben anzupassen.
Aufbau einer gut strukturierten Produktdetailseite
Um auch auf den Produktdetailseiten eine intuitive UX zu garantieren, haben wir sie umfassend neu strukturiert und bieten alle relevanten Informationen zu den Produkten auf einen Blick. Zusätzliche Downloads und Verknüpfungen zu verwandten Produkten reichern die Nutzungs-Erfahrung an. Tabellen inklusive Downloadfunktion und der Möglichkeit zu filtern, erleichtern den Überblick über größere Datenmengen.
Sobald einzelne Seiten eine gewisse Länge erreichen, sorgt eine Ankernavigation für bessere Übersichtlichkeit.
Um es dem Vertrieb so einfach wie möglich zu machen, Interessierte in Kund:innen zu verwandeln, enthält jede Kontaktanfrage bereits die Information, auf welcher Produktseite sie entstanden ist. So weiß der Vertrieb sofort, zu welchem Produkt er beraten kann.
Komfortable und hilfreiche SOLR-Seitensuche
Die SOLR-Suche bietet Nutzer:innen eine effiziente und präzise Möglichkeit, gezielt nach Informationen auf einer Website zu suchen. Durch Funktionen wie Facettierung, also der Möglichkeit, Suchergebnisse nach bestimmten Kriterien zu gruppieren, einer Volltextsuche und automatischer Vervollständigung können Nutzer:innen für sie relevante Ergebnisse schneller finden.
Die intuitive Benutzeroberfläche und die vielfältigen Suchfunktionen der SOLR-Suche tragen maßgeblich zu einer verbesserten Nutzererfahrung bei, indem sie ein reibungsloses und zielgerichtetes Surfen auf der Website ermöglichen.
Nachhaltige Entwicklung von Elementen
Damit Elemente effizient und nachhaltig nutzbar sind, haben wir bereits bei der Entwicklung unterschiedliche Einsatzzwecke im Kopf. So haben wir beispielsweise Teasermodule entwickelt, die im neuen Newsbereich, auf der Startseite und als Kategorie-Teaser eingesetzt werden.
Die variablen Text-Media-Elemente stehen für alle Anwendungszwecke bereit, und können auch dafür genutzt werden, Videos einzubinden.
Living Styleguide: Unterstützung bei der Pflege und Inspiration
Im Living Styleguide werden alle für die Pflege verfügbaren Elemente exemplarisch eingebunden und klar benannt. Damit ist er eine wertvolle Ressource für jede:n, der eine Website pflegt. Er dient als praktisches Nachschlagewerk, das die verschiedenen Elemente der Website illustriert und ihre Einsatzmöglichkeiten veranschaulicht.
So ermöglicht er die korrekte und einheitliche Pflege im Backend und baut als Orientierungshilfe Einstiegshürden ab.
Auf einen Blick erfasst
Durch den Relaunch glänzt die Website mit einer optimalen User Experience und maximaler Übersichtlichkeit über das große Sortiment. Interessierte können sich jetzt auf zwei Arten im breiten Produktportfolio orientieren: über die detaillierte Navigationsstruktur und über die Suchfunktion, die mithilfe der eigens entwickelten Produkt-Extension Filter ermöglicht. So findet jede:r den Weg zum Wunschprodukt.
