Überblick

Was haben 
wir gemacht?

Die KROHNE Messtechnik GmbH, bekannt für ihr Motto "Spirit of Creativity", bietet innovative Lösungen für die weltweite Prozessindustrie in über 135 Ländern. Unsere Zusammenarbeit zielte darauf ab, die veraltete Webpräsenz durch eine hochmoderne Headless CMS-Plattform zu ersetzen, die den unterschiedlichen Anforderungen der globalen Marktpräsenz gerecht wird.


Projekt-Highlights

  • 135 Länderseiten mit bis zu 11 Sprachen 
  • Zusätzliche Microsites in einem System
  • Zentrale und lokale Inhalte intelligent vererbt
  • Vollintegration von Produkten, Solutions und Services aus zentralem PIM
  • Multidimensionale Filter und Produktfinder
  • Zentrale Plattform für Neu- und Bestandskund:innen
  • Ablösung diverser Insel- und Individuallösungen
  • Wiederverwendbare Formulare mit zentralen Kontaktmanagement und CRM Anbindung
Services IllustrationServices Illustration

Services

Konzeption, Design, Entwicklung, Systemintegration

Branche IllustrationBranche Illustration

Branche

Messtechnik, Prozessindustrie

Kunde IllustrationKunde Illustration

Kunde seit

2009

React LogoReact Logo
NEXT.js LogoNEXT.js Logo
Laravel LogoLaravel Logo
Statamic LogoStatamic Logo
PostgreSQL LogoPostgreSQL Logo
Cloudinary LogoCloudinary Logo
Akeneo LogoAkeneo Logo

Interesse geweckt? 
Dann lassen Sie uns starten!

KROHNE Messtechnik Image MockupKROHNE Messtechnik Image Mockup

Kunde

Spirit of 
Creativity

KROHNE Messtechnik bietet ein vollständiges Portfolio messtechnischer Lösungen für die weltweite Prozessindustrie. Das Unternehmen ist dabei in 135 Ländern aktiv und betreibt für jedes Land eine eigene Website. Dabei bedient KROHNE die unterschiedlichsten Branchen mit Produkten und Lösungen für deren spezifische Anforderungen. Ein zentrales Marketing steuert den Großteil der Inhalte, Produktinformationen und Medien. Trotzdem können lokale Marketing Redakteure auf ihren Länderseiten Inhalte pflegen und anpassen, ohne die Wartbarkeit und Aktualität zu beeinträchtigen.

KROHNE Messtechnik Projekt MockupKROHNE Messtechnik Projekt Mockup

Herausforderung

Radikale Modernisierung
und Konsolidierung

Unser Projekt begann mit der Herausforderung eines veralteten CMS, 134 lokalen Seitenbäumen und einer Vielzahl von Anpassungen. Eine zusätzliche Herausforderung war die Integration verschiedener Systeme und die Ablösung isolierter Microsites sowie die Einführung eines responsiven Designs.

Ausgezeichnet mit dem German Design Award 2024 - Excellent Communications Design

Das Design der KROHNE Webseiten wurde von der Jury mit einem “Special Mention” gewürdigt und ist eine Annerkennung für das herausragende Ergebnis.

Award Background Award Background

Prozess

Die Evolution einer High-Performance Plattform

Glühbirne IllustrationGlühbirne Illustration

Erkennen

In einer intensiven Konzeptionsphase mit diversen Workshops, Interviews und Analysen wurden die Anforderungen und Rahmenbedingungen des Projekts herausgearbeitet und mehrere Handlungsstränge definiert. 

In einer klaren Handlungsempfehlung haben wir KROHNE die notwendigen Schritte aufgezeigt, einen Plan entwickelt und Budgets kalkuliert.

Zusätzlich haben wir ein technisches Konzept und eine neue Systemarchitektur entworfen.

Zirkel IllustrationZirkel Illustration

Entwerfen

Zunächst haben wir die wichtigsten Inhaltstypen und Klickpfade mit Hilfe von schematischen Wireframes zusammen mit KROHNE entworfen und ausgearbeitet. Hierbei wurde ein komplett benutzbarer Klickdummy erstellt, obwohl noch kein “Design” existierte. So konnte KROHNE bereits alle Ansichten und Inhaltselemente planen, ohne sich von optischen Reizen ablenken zu lassen.

Auf Basis des fertigen Wireframes haben wir anschließend alle Ansichten mobil und für Desktop optimiert, präzise ausgestaltet und ein vollständiges Design System für KROHNE geschaffen. Dieses kann und wird auch für andere Applikationen verwendet.

Entwicklung IllustrationEntwicklung Illustration

Entwickeln

Die Umsetzung stellte eine besondere Herausforderung dar. Es mussten verschiedene bestehende Komponenten integriert und erweitert werden – vor allem das PIM (Product Information Management) Akeneo, die zentrale API, den Formservice oder auch das Downloadcenter.

Außerdem mussten neue Systeme geschaffen werden, wie das Headless-CMS Statamic und das losgelöste Frontend auf Basis von Next.js mit React. Natürlich inklusive der Migration von tausenden, bereits bestehenden, Inhalten aus dem alten CMS.

Das neue, komplett responsive Frontend mit dutzenden umfangreichen Funktionen stellte dabei ebenso eine Herausforderung dar. 

Ganz nebenbei wurde auch noch das chinesische System integriert und das Hosting für die weltweite Auslieferung hierfür skaliert.

Erweitern IllustrationErweitern Illustration

Erweitern

Die neuen Webseiten gingen im Herbst 2021, nach über einem Jahr Projektzeit, erfolgreich online. Seitdem verbessern wir mit KROHNE alle Komponenten, schaffen neue Funktionen und übernehmen weitere Systeme. Hierzu gehören z. B. ein Loginbereich für Kunden, die Steigerung der Performance, Suchmaschinenoptimierung, Pflege der Softwaresysteme und die Verbesserung der Usability.

Lösungen

Der Weg zur
digitalen Spitzenleistung

API

CMS

Forms

API

Zentrale API mit allen Marketing Inhalten

Im Sinne des API-driven Development (Designen und Erstellen der APIs zuerst, dann den Rest der Anwendung darum aufbauen) haben wir eine zentrale Marketing API geschaffen, die als Content-Hub alle Inhalte zentral verwaltet. Angeschlossen sind das Product Information Management System, das neue Headless CMS (Statamic), alle Medieninhalte aus dem Digital Asset Management System (Cloudinary) und der zentrale Formservice. Aus der API können alle Webseiten direkt gerendert werden. Zusätzlich können die Informationen aber auch für den Webshop, Microsites und weitere Applikationen von KROHNE genutzt werden.

Zentrale API mit allen Marketing InhaltenZentrale API mit allen Marketing Inhalten

CMS

Headless Content Management System

Viele strukturierte Inhalte werden bereits im PIM System erstellt, übersetzt und miteinander in Relation gebracht. Neben den reinen Produkten auch Lösungen, Services, Kontakte, Prozesse mit Messpunkten, bis hin zu Metadaten für Bilder und Videos. 

Der eigentliche Seitenbaum, die Ausgabe, Filterung und weitere Inhalte werden in einem Headless CMS vom zentralen Marketing zusammengestellt.

Außerdem kann jedes Land in einem lokalen Seitenbaum spezifische Änderungen für das einzelne Land machen.

Alle Inhalte werden direkt in der zentralen API gespeichert und für die Ausgabe auf den Webseiten vorbereitet.

Headless Content Management SystemHeadless Content Management System

Forms

Zentraler Formservice

Der zentrale Formservice liefert Formulare auf allen Webseiten korrekt übersetzt aus und handhabt das gesamte Kontaktmanagement. Er ist direkt an das CRM System (Customer-Relationship-Management) angeschlossen und kann Leads, Veranstaltungsanmeldungen und ähnliche Informationen in das CRM leiten. 

Auch Inhalte aus dem CRM können direkt abgerufen und in den Formularen gerendert werden, beispielsweise Angebotsnummern für ein Angebotsbewertungsformular.

Zentraler FormserviceZentraler Formservice

Modernes Frontend 
für alle Länder und Microsites

Das vollständig responsive und mobil optimierte Frontend rendert alle Webseiten für die KROHNE Gruppe. Es basiert auf Next.js mit React, wodurch das User Interface durch die direkte Auslieferung von bereits vorher gerendertem HTML schnell lädt und ansprechende Animationen sowie Interaktionen bereitgestellt werden.

KROHNE Messtechnik WeltkarteKROHNE Messtechnik Weltkarte
KROHNE Messtechnik FilterKROHNE Messtechnik Filter

Umfangreiche Frontend Filterung & Product Finder

Produkte können anhand mehrdimensionaler Filter auf die konkreten Bedürfnisse eingeschränkt und durchsucht werden. Auch alle anderen Inhalte können mit performanten Filtern bedient werden.

Produktfinder ermöglichen das schnelle Finden der richtigen Produkte anhand einfacher Fragen. Querverlinkungen zwischen Produkten, Referenzen, Industrien, Services und allen weiteren Entitäten stellen sicher, dass Kund:innen über jeden Weg die richtigen Inhalte finden können.

Portfolio im Mittelpunkt

KROHNE positioniert sich auf dem Markt als Lösungsanbieter. Neben der Darstellung der Produkte mit allen technischen Daten und Einsatzmöglichkeiten spielen deswegen die konkreten Einsatzgebiete in einzelnen Industrien, angebotene Services und spezifische Lösungen für ganze Prozesse eine wichtige Rolle.

Portfolio im MittelpunktPortfolio im Mittelpunkt
Service, Veranstaltungen & RecruitingService, Veranstaltungen & Recruiting

Service, Veranstaltungen & Recruiting

Für Bestandskund:innen liefern die Webseiten eine Vielzahl an Self Service Angeboten. Jedes Produkt bietet alle zur Verfügung stehenden Dokumente, Handbücher etc. in allen Versionen und Sprachen an. Es können Termine mit Servicetechniker:innen oder das Zurücksenden eines Gerätes direkt auf der Webseite angefordert werden.

Der Veranstaltungskalender bietet die Möglichkeit, sich direkt für eine Veranstaltung anzumelden. Für Messen oder ähnliche Events können eigene Landingpages erstellt werden. Bewerber:innen finden alles rund um das Arbeiten bei KROHNE gebündelt auf dieser Seite. Natürlich sind dort auch alle offenen Stellen filterbar und bieten Optionen, sich sofort zu bewerben.

135 Länderseiten inklusive China & Microsite Baukasten

Das Frontend rendert 135 eigenständige Webseiten für alle Länder, in denen KROHNE aktiv ist. Jedes Land hat einige länderspezifische Inhalte oder Inhalte, welche nur in diesem Land oder genau nicht in diesem Land ausgespielt werden dürfen.

Die Seiten können in bis zu 12 Sprachen ausgespielt werden und auch die chinesischen Seiten werden über einen speziellen Proxy in China performant ausgeliefert. 

Es erkennt, wenn ein:e Benutzer:in aus einem bestimmten Land kommt und schlägt das passende Land vor. Weitere eigenständige Webseiten zu spezifischen Themen können ebenfalls direkt über das einheitliche Frontend ausgespielt werden und alle Funktionen der Webseiten nutzen.

Industriewelten & Prozessnavigation

Eine besondere Rolle spielen die Industrien, in denen KROHNE Produkte und Lösungen eingesetzt werden können. Das Spektrum reicht von der Bierbrauerei über Ölpipelines bis zur Schifffahrt. Um Kund:innenen und Interessent:innenen die richtige Produktpalette und den richtigen Einsatzort zu demonstrieren, hat jede Industrie ihre eigene virtuelle und animierte Welt mit Zoom-In Kamerafahrten zu speziellen Subindustrien und Prozessen. In interaktiven Prozessgrafiken können konkrete Messpunkte ausgewählt werden und die dazugehörigen Produkte und Lösungen angezeigt werden.

Ergebnis

Wenn Innovation 
zur Realität wird

Unsere Arbeit hat zu einer signifikanten Verbesserung der Kund:inneninteraktion, der Performance und der globalen Präsenz von KROHNE geführt. Wir sind stolz darauf, dass wir die Ziele innerhalb eines straffen Zeitrahmens erreicht haben und die Plattform nun eine solide Basis für zukünftige Erweiterungen bietet. Die neu geschaffene Präsenz von KROHNE lässt die “Spirit of Creativity” neu aufleben und zeigt, dass Technologie auch eine Kunst ist und kreative Lösungen erfordert.

KROHNE Messtechnik HeadquarterKROHNE Messtechnik Headquarter
KROHNE Messtechnik TrianglesKROHNE Messtechnik Triangles

Mit den Rheinschafen an unserer Seite haben wir als KROHNE nicht nur einen Partner auf Augenhöhe, sondern auch Denker und Macher, die uns helfen, passgenaue Lösungen mit Fokus auf unsere spezifischen Herausforderungen und Rahmenbedingungen zu entwickeln. Gemeinsam setzen wir neue Standards!

Thomas Sojka ProfilThomas Sojka Profil

Thomas Sojka

Leiter Digitales Marketing bei KROHNE

Kontakt

Überzeugt von unserer Expertise?

Dann werden Sie aktiv! Wir laden Sie herzlich zu einem Vorgespräch ein. Oder teilen Sie uns Ihre Projektidee(n) direkt mit. So oder so: wir sind gespannt darauf, Sie und Ihre Anforderungen kennenzulernen!

Kalender IllustrationKalender Illustration