CERATIZIT Corporate Website Mobile

Produktzugang aus (U)X-Perspektiven

Ceratizit Group

Kunde
Ceratizit Group
Kunde seit
2018
Go-Live
Februar 2021
Website
www.ceratizit.com
CERATIZIT product portfolio application

35+

entwickelte Komponenten

8

Entwicklungssprints

18

Personen involviert

Unterschiedliche Zielgruppen

Die CERATIZIT Group verfügt nicht nur über ein breites Produktportfolio für unterschiedliche Zielgruppen. Das international ausgerichtete Unternehmen besteht intern aus vielschichtigen Unternehmensbereichen, die allesamt Inhalte beitragen. Unsere Aufgabe war es, für CERATIZIT sämtliche Informationen zentral zugänglich zu machen. Das Unternehmen wollte weg vom klassischen Klick im Sortimentsbaum hin zu einem flexiblen Kundenerlebnis: Nutzer:innen können von überall auf der Corporate Website in die Produktpalette rund um «Cutting Tool Solutions» sowie «Hard Material Solutions» eintauchen. Und im «Self-Service» stehen Informationen über Kompetenzen, Anwendungen, Lösungen sowie Produkte zur Verfügung. Zum Rundum-Erlebnis gehören die E-Commerce-Lösungen. Über die jeweilige Verlinkung sowie Hinweisen auf der dazugehörigen Landingpage führt die Lösung Benutzer:innen zum richtigen Shop.

CERATIZIT navigation structure Customer Journeys

Neue Navigationsstruktur

Gemeinsam mit der CERATIZIT Group konnten wir nach einer ausführlichen Analyse die bisherige Seitenarchitektur komplett aufbrechen und den Zugang zu den Produkten wesentlich erweitern. Die Navigationsstruktur bestitzt nun die gewünschte Klarheit und berücksichtigt die zuvor festgelegten Customer Journeys. Nutzer:innen können über verschiedene Zugänge in die "Hard Material Solutions" oder "Cutting Tool Solutions" eintauchen. Hinter jedem dieser Reiter (Industrien, Produkte, Anwendungen sowie Services) verbirgt sich individuell aufbereiteter Content und führt gezielt zur gesuchten Information beziehungsweise zum Produkt. Die Detailseiten einzelner Produkte können über eine integrierte Tab-Navigation, mit der man schnell und einfach zwischen Unterseiten switchen kann, verfügen.

Benötigen Besucher:innen einen breitgefassten Überblick, steht zusätzlich ein Zugang zum Produkt-Portfolio über Branchen oder Produkt-Anwendungen zur Verfügung. Zum einen zeigen sich dort die von der CERATIZIT Group bedienten Industriezweige und Anwendungen. Zum anderen erhalten potenzielle Kund:innen bedürfnisorientierte Informationen zu den spezifischen Branchenerfahrungen oder Produktanwendungen der CERATIZIT Group. Bei Bedarf können Nutzer:innen von hier aus ins jeweilige Produktportfolio klicken.

CERATIZIT Location search sales contacts

Bedürfnisorientierte Suche

Getreu dem Motto "Wer suchet, der findet" entwickelten wir für CERATIZIT.com eine bedürfnisorientierte Suche. Nutzer:innen können nicht nur nach klassischen Seiteninhalten stöbern. Auch Attribute wie Dokumente und Standorte werden auf Hunderten Unterseiten in sieben Sprachen berücksichtigt.

Gleichermaßen gestaltet sich auf den Unternehmensseiten die Standort- und die Kontaktsuche. Beide Suchoptionen erlauben mittels diversen Filtermöglichkeiten detaillierte Informationen. Nutzer:innen selektieren nach Kontinent, Land sowie Produktwelt. Zusätzlich stehen Filter wie Händler, Stellenangebote, Produktion sowie Vertriebskontakte zur Auswahl. Eine übersichtlich gestaltete interaktive Karte unterstützt die Suche visuell.

CERATIZIT Contact Sticky

Sticky – Ihr spezielles Kontakt-Feature

Die oben beschriebenen Suchvarianten haben wir ergänzend in ein minimalistisches Sticky-Element einfließen lassen. Das Sticky-Element bietet mit einem Klick Zugang zum Kontaktformular, Service sowie zu der Standortsuche und steht auf den CERATIZIT-Seiten durchgehend zur Verfügung. Ausgenommen ist lediglich der HR-Bereich. Dort haben wir bewusst auf die Art Informationen verzichtet, da sie innerhalb des Bewerbungsprozesses für Bewerber:innen weniger relevant ist. Hier verwandelt sich der Kontakt Button in einen Jetzt Bewerben Button.

Karriere und Medienbereich

Die Bereiche für Human Ressources wie auch der für Medien zeigen sich ebenfalls im neuen Gewand. Beide Kategorien führen Nutzer:innen dank übersichtlichem Kacheldesign zu den einzelnen Informationshäppchen. Auch hier wurde jeweils eine leistungsstarke Suche nach News und Pressemeldungen berücksichtigt.

Besonderheit: Die Karriereseite bietet nicht nur einen international ausgelegten Stellenmarkt, sondern jede einzelne Seite ermöglicht den direkten Einstieg zum Bewerbungsformular.

CERATIZIT career
CERATIZIT Industries Product Applications

Flexibles Marketing, individuelle Module

Was sich elegant und übersichtlich im Frontend päsentiert, beschreibt im Backend die Möglichkeit, auf unzählige Darstellungsvarianten zuzugreifen. So sind nicht nur einfache Teaserbilder erlaubt; auch Slider und andere Darstellungsformen/Module stehen Redakteur:innen zur Auswahl. Eine Kombination der gesamten Palette ist ebenfalls möglich.

Um neben dem Template-Design auch bei der Content-Pflege über genügend Flexibilität zu verfügen, implementierten wir für das Marketing der CERATIZIT Group sogenannte Experience Fragments. Sie erlauben Mitarbeiter:innen denselben Content je nach Kontext an diversen Stellen der Website mehrfach auszuspielen. Der Clou: Suchmaschinen indizieren lediglich den Inhalt der Ursprungsseite; SEO-schädlicher Duplicated Content gibt es nicht.

Ein modernes, leichtes und luftiges Design mit einer neuen Bildsprache macht einen starken ersten Eindruck. Das neue Navigationskonzept und ein vollständig responsives Design machen es leichter als je zuvor, die richtigen Informationen zu finden und auf allen Geräten eine hervorragende User Experience anzubieten.

Christian Stinshoff
E-Business Specialist \ Group Marketing & Communication

Hochmoderne Architektur für die Industrie

Wie bereits zu Beginn erwähnt, setzen wir bei CERATIZIT.com auf eine Headless-Architektur. Sprich, das Frontend ist technisch vom Backend entkoppelt. Klassische Prozessabläufe wie der Datenaustausch beider Komponenten laufen zwar weiterhin vernetzt miteinander; der Architektur-Ansatz erlaubt allerdings Änderungen im Frontend unabhängig vom Backend zu entwickeln und natürlich vice versa. Zudem werden die Informationen im CMS zentral gepflegt. Das Frontend greift also über APIs auf das Backend zu und ruft so die benötigten Datensätze ab. Dadurch ergibt sich die Möglichkeit, denselben Content zukünftig einfach auch in andere Kanäle / Touch Points auszuspielen. Externe Quellen wie Google Maps sind entsprechend direkt mit dem Frontend verknüpft und werden lediglich mit Informationen aus dem Backend ergänzt. Natürlich erlaubt die digitale Plattform die Integration weiterer Services.

Um den unterschiedlichen Teams das Maximum an Flexibilität zu ermöglichen, verwenden diese unterschiedliche Instanzen (Entwicklungsebene, Integrationsebene sowie das Produktivsystem). Auf der Entwicklungsebene können Softwarearchitekten ungestört Code testen und ausführen. Die Integrationsebene gibt Raum, spezifische Funktionalitäten oder Content-Typen auszuprobieren – bevor sie sich dann letztendlich auf dem produktiven System wiederfinden. Die dedizierte Produktionsumgebung koppelt den Code also von der "Spielwiese" ab und sichert die Qualität des CMS.

Die hochmoderne Headless-Architektur ermöglicht uns weit mehr als nur eine Überarbeitung unserer bestehenden Unternehmenswebsite. Die neue Software-Infrastruktur legt den Grundstein für unsere digitale Online-Zukunft in den nächsten Jahren und versetzt uns in die Lage, flexibel auf zukünftige Anforderungen zu reagieren. Das eröffnet uns neue Wege für nie dagewesene Vertriebs- und Marketingaktivitäten.

Christian Stinshoff
E-Business Specialist \ Group Marketing & Communication

Unsere Leistungen bei Ceratizit Group

Strategie und Consulting

Die Digitale Transformation eröffnet für viele Unternehmen neue Potenziale, bringt aber gleichzeitig oft grosse Herausforderungen mit sich – wir helfen Ihnen, die richtigen Schritte zu initiieren.

Mehr erfahren:Strategie und Consulting

User Experience

Lassen Sie Ihre Kunden nicht im Regen stehen. Bieten Sie Ihren Kunden ein bestechendes Nutzererlebnis, welches sie von Ihrem Angebot überzeugt.

Mehr erfahren:User Experience

Frontend Entwicklung

Unsere Frontend-Entwickler erarbeiten für Ihr User Interface ein barrierefreies, performantes und responsives Frontend.

Mehr erfahren:Frontend Entwicklung

Software Development und IT-Architecture

Die Softwareentwicklung gehört zu den Kernkompetenzen von Unic – und das seit über 20 Jahren. Auch für den digitalen Auftritt Ihres Unternehmens entwickeln wir eine auf Ihre Bedürfnisse massgeschneiderte Lösung. Kontaktieren Sie uns!

Mehr erfahren:Software Development und IT-Architecture

Operations

Wir betreiben Ihre Webapplikation über den gesamten Lebenszyklus. Unser Fokus: Verfügbarkeit, Performance und Sicherheit.

Mehr erfahren :Operations

Mehr zum Thema User Experience

Jutta WeberJanuar 2021

Mit einer Produktvision zur erfolgreichen digitalen Plattform

Der Aufbau oder der Relaunch einer digitalen Plattform muss zahlreiche unterschiedliche Anforderungen abdecken: die Customer Journey von Interessent:innen und Kund:innen unterstützen, zu den Geschäftszielen beitragen sowie weitere Rahmenbedingungen berücksichtigen.

Mit einer Produktvision zur erfolgreichen digitalen Plattform

Jutta Weber

Katja DreherApril 2021

Mit Daten zur nützlichen User Experience: Wie UX und Analytics zusammenspielen

Der Wert von realen Daten zur Verbesserung der User Experience digitaler Touchpoints wird oft unterschätzt. Ich beobachte, dass viele Entscheidungstragende das Potenzial dieser Daten nur ungenügend nutzen.

Mit Daten zur nützlichen User Experience: Wie UX und Analytics zusammenspielen

Katja Dreher

Wir sind da für Sie!

Termin buchen

Sie möchten Ihr nächstes Projekt mit uns besprechen? Gerne tauschen wir uns mit Ihnen aus: Melanie Klühe, Stefanie Berger, Stephan Handschin und Philippe Surber (im Uhrzeigersinn).

Melanie Kluhe
Stefanie Berger
Philippe Surber
Stephan Handschin

Kontakt für Ihre digitale ​Lösung mit Unic

Termin buchen

Sie möchten Ihre digitalen Aufgaben mit uns besprechen? Gerne tauschen wir uns mit Ihnen aus: Jörg Nölke und Gerrit Taaks (von links nach rechts).​

Gerrit Taaks