NürnbergMesse: Unternehmenswebseite und Content-Marketing-Plattform vereint

Verlage/Medien

Zusammenfassung

Digitaler Content-Marketing-Hub für eine der größten Messegesellschaften der Welt.

Projektbeschreibung

2021 wurde die Website der NürnbergMesse relaunched und erhielt damit ein neues Look-and-feel auf aktuellster Drupal-Basis, sowie neue Funktionen. Gemeinsam mit dem Agentur-Partner The Digitale konzeptionierte undpaul das Projekt und setzte es ganzheitlich um.

Von Beginn an lag der Fokus auf guter Nutzerführung und übersichtlicher Darstellung der vielfältigen Informationen, um die Zielgruppe zu erreichen. Das Design stand frühzeitig im Projektverlauf fest und wurde schrittweise komponentenbasiert zunächst in den digitalen Styleguide und anschließend in Drupal entwickelt.

Verschiedene Navigationswege leiten Besuchende mit unterschiedlichen Interessen schnell zu den benötigten Informationen. So sind z. B. Jump-Menüs auf verschiedenen Seiten in den Header integriert, welche direkt zu den jeweiligen zielgruppenrelevanten Inhalten leiten. Social Sharing Links schaffen eine einfache Brücke zu Sozialen Medien. Besuchende können Inhalte direkt in z. B. Facebook, Twitter, LinkedIn oder per Mail teilen.

Der Veranstaltungskalender als einer der elementaren Bestandteile wird in unterschiedlichen Ansichten (Teaser, Vollansicht) auf verschiedenen Seiten genutzt. Technisch beinhaltet der Kalender sowohl selbst angelegte wie auch importierte Veranstaltungen. Die externen Veranstaltungen werden im Kalender mit allen Details angezeigt, verlinken aber nicht auf eine NürnbergMesse-Seite sondern direkt auf die Seite der externen Veranstalter. Die Besuchenden können sich die Anzeige über eine Suche, Filter (z. B. Termin(e), Branche, Ort) und Sortiermöglichkeiten (chronologisch, alphabetisch) individuell anpassen. Zum Veranstaltungskalender siehe Bild 2 oder direkt unter https://www.nuernbergmesse.de/de/veranstaltungen/kalender.

Die Redaktion hat mit dem neuen CMS viele Optionen Seiten individuell zu gestalten. Es werden verschiedene Informationen automatisiert in die Seite importiert, sodass manueller Pflegeaufwand in der Redaktion entfällt. So können bei Paragraphs (z. B. 2-Spaltern, Teasern) verschiedenen Varianten gewählt werden: So sind für die Darstellung Hintergrundfarbe, Aufteilung (z.B. 50:50 oder 30:70) und Größe auswählbar. Dies geschieht technisch auf Basis des Moduls "View Mode Switch Field"(https://www.drupal.org/project/view_mode_switch), das wir für dieses Projekt gebaut und der Community zur Verfügung gestellt haben.

An unterschiedlichen Stellen verlinken Teaser zu weiteren Inhaltsseiten. Diese Teaser können manuell, über vielfältige Filter oder komplett automatisiert befüllt werden. Die Funktion "ähnliche Inhalte" wird so z. B. über den Inhaltstyp oder gepflegte Taxonomien erstellt.

Schnittstellen zum Feed-Service der NürnbergMesse importieren Inhalte ins CMS. So gelangen Pressemitteilungen, Pressefotos, Presse-Galerien und Jobs automatisiert und regelmäßig aktualisiert auf der Webseite.

Die Anbindung an DeepL ermöglicht eine einfache und schnelle Übersetzung der Inhalte direkt in Drupal. Ganze Artikel oder andere Inhaltsseiten werden auf Knopfdruck übersetzt und in der Webseite eingebunden. Für die DeepL-Anbindung siehe Bild 3 (Backend) und 4 (Ergebnis der automatisierten Übersetzung ohne jegliche Anpassung).

In der Umsetzung wurden noch folgende weitere (eher technische) Features umgesetzt/ implementiert:
- Suche auf Solr-Basis mit der Möglichkeit Seiten von der Suche auszuschließen und nach Wortteilen zu suchen
- Angepasste Silbentrennung für unterschiedliche Viewports unter Ausschluss bestimmter Wörter für die Trennung
- Migration der bestehenden Inhalte aus Wordpress
- Spam-Schutz-Konzept für Webformulare
- Cookie Consent

Projektziele und -ergebnisse

Ziel des Projekts war der Relaunch der Seite nuernbergmesse.de, ein Wechsel von Wordpress zu Drupal, sowie eine Optimierung der technischen Basis und des Designs. Aus Kundensicht sollten mit dem Relaunch u. a. folgende Ziele erreicht werden:

- Die Marke NürnbergMesse um den Magazin-Bereich zu einer übergreifenden Informations-Plattform entwickeln.
- Der Redaktion vielfältige und flexible Möglichkeiten zur Inhaltsgestaltung bieten.
- Den Besuchenden mit einer guten UX jederzeit die relevanten Inhalte zu bieten.
- Performante und konsistente Webseite

Ein wichtiger Baustein der Gesamtlösung war das klare und strukturierte Design, welches mit einem großen Fokus auf benutzerfreundliche Oberflächen und zielgruppenorientierte Nutzerführung entwickelt wurde. Im Projektverlauf wurde die Webseite anhand dieses Konzepts (komponentenbasiert) realisiert.

Endergebnis ist eine benutzerfreundliche Content-Plattform, entsprechend des entwickelten Designs, welche die gesetzten Anforderungen erreicht. Die Seite basiert auf Drupal 9 und entspricht den aktuellen Dev-Standards und Normen. Somit ist sie zukunftsfähig und sicher.

Das komponentenbasierte Design trennt Sitebuilding vom Theming und verwendet einmal gestylte Design-Komponenten wieder. Damit ist ein konsistentes Look-and-feel ebenso wie eine einfache Erweiterung für zukünftige Elemente garantiert.

Herausforderungen

Vieles steht schon in der Projektbeschreibung. Ergänzend sei noch erwähnt:
Komplexität und Quellen verschiedener Daten für Importe stellten eine Herausforderung dar, die wir aber mit Drupal-Funktionen gut bewältigen konnten.

Community-Beiträge

undpaul ist ein langjähriges und aktives Mitglied in der Drupal-Community. Im Rahmen dieses Projektes haben wir folgende Beiträge zurück in die Community gespielt:

Neues Modul "View Mode Switch"
💧https://www.drupal.org/project/view_mode_switch
Blogbeitrag dazu: https://www.undpaul.de/blog/2021/04/07/bitte-waehlen-sie-ihren-view-mode-jetzt

Patches für Require on Publish (https://www.drupal.org/project/require_on_publish)
💧https://www.drupal.org/node/3065449
💧https://www.drupal.org/node/3065451
💧https://www.drupal.org/project/require_on_publish/issues/3064818#comment-13935199

Patch für Disable language (https://www.drupal.org/project/disable_language)
💧https://www.drupal.org/node/3054362

Patch für Google Analytics Report (https://www.drupal.org/project/google_analytics_reports)
💧https://www.drupal.org/node/3159534

Patch für Paragraphs View Modes (https://www.drupal.org/project/paragraphs_viewmode)
💧https://www.drupal.org/node/3036605

Weiterentwicklung von eigenem Modul TMGMT DeepL Integration (https://www.drupal.org/project/tmgmt_deepl)
💧https://www.drupal.org/project/tmgmt_deepl/issues/3061843
💧https://www.drupal.org/node/3121451 (https://git.drupalcode.org/project/tmgmt_deepl/-/commit/4d9d094)
💧https://www.drupal.org/node/3137963
💧https://www.drupal.org/node/3126205
💧https://www.drupal.org/node/3187273
💧https://www.drupal.org/node/3180842
💧https://www.drupal.org/project/tmgmt_deepl/issues/3205857
💧https://www.drupal.org/project/tmgmt_deepl/issues/3213592
💧https://git.drupalcode.org/project/tmgmt_deepl/-/commit/6c617c0

Weiterentwicklung von eigenem Modul Menu Item Limit (https://www.drupal.org/project/menu_item_limit)
💧https://www.drupal.org/node/3114458

Patch für EU Cookie Compliance (GDPR Compliance) (https://www.drupal.org/project/eu_cookie_compliance)
💧https://www.drupal.org/project/eu_cookie_compliance/issues/3195373#comment-14028106

Code für Metatag (https://www.drupal.org/project/metatag)
💧https://git.drupalcode.org/project/metatag/-/commit/56162d0 (https://www.drupal.org/node/2993991)

Warum sollte dieses Projekt die Splash Awards gewinnen?

Die entstandene Seite hat ein klares Design, eine gute UX und behandelt Themen die allgemein verständlich sind. Damit bietet die Seite eine gute Referenz um Drupal in den speziellen Branchen Media / Publishing, Event oder auch übergreifend zu promoten. Zudem ist die NürnbergMesse ein internationales Unternehmen mit Tochtergesellschaften in Brasilien, China, Griechenland, Indien, Italien und Nordamerika - Die Bekanntheit von Drupal wird international gestärkt.

Mit dem Projekt wurden viele Beiträge in die Community zurückgegeben. Wir pflegen unsere Module wie mit jedem Projekt kontinuierlich und geben das Wissen und Verbesserungen zurück. Last, but not least: Wir konnten einen weiteren Wordpress-Kunden davon überzeugt, dass Drupal besser ist und haben weitere zufriedene Drupal-Nutzende.