NürnbergMesse: Unternehmenswebseite und Content-Marketing-Plattform vereint
Verlage/Medien
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.