Exklusive Service-Plattform für Professionals der Verlagsbranche

Mit dem Presseportal als Leuchtturmprojekt schafft SIRUP für die Penguin Random House Verlagsgruppe (PRHVG) eine neue B2B-Servicewelt. SIRUP übernahm beim Projekt die strategische Planung, die Kreativ- und Webkonzeption, die Ausarbeitung des Anwendungsdesigns sowie die vollständige technische Umsetzung. Seit Live-Gang betreut SIRUP die Weiterentwicklung des Portals und arbeitet dafür eng mit der Verlagsgruppe zusammen.

Mit diesem Webangebot wurde die B2B-Marke des renommierten Verlagshauses für den digitalen Raum neu positioniert und gleichzeitig der Grundstein für eine Portal-Landschaft für weitere Services gelegt. Das Digital Branding, das SIRUP auf dem Corporate Design basierend kreierte, unterstützt die Ausrichtung als Haus der Vielfalt und bietet den Verlagstiteln Raum zur Entfaltung.

Der Service für Medienschaffende und Journalist:innen steht im Vordergrund: Umfassende Informationen, persönlicher Kontakt, richtige Ansprechpersonen und komfortable Bestelloption von Rezensionsexemplaren. So bietet das Presseportal ausführliche Seiten für alle Produkte und Urheber:innen sowie zu Veranstaltungen und News aus dem Verlag. Daneben wurde das Hauptaugenmerk auf die Digitalisierung der Vorschauen gelegt:

Im Portal finden sich alle aktuellen Vorschauen der verschiedenen Verlage als eigene Seiten – mit Inhaltsverzeichnis und Quicklinks zu den enthaltenen Produkten. Zu dieser digitalen und dynamischen Ansicht besteht zudem die Möglichkeit Vorschauen als PDF herunterzuladen. Für die automatisierte PDF-Erstellung von Vorschauen und von Einzel-Titeln entwickelten wir einen Generator, der ein oder mehrere Produkte in einem der verschiedenen hochwertigen Layout-Templates (passend zum Ausgabeformat) darstellen kann.

Hinter einer Login-Schranke finden Pressevertreter:innen viele Zusatzfunktionen. Personen, die sich registrieren, werden nach der Autorisierung durch das Presse-Team für diesen exklusiven Bereich freigeschalten. Sobald Nutzer:innen Zugriff erhalten, können sie sehr einfach Rezensionsexemplare bestellen. Das Nutzer:innen-Profil umfasst dazu eine Übersicht mit Information zum aktuellen Status der Bestellung. Als weiteren Mehrwert erhalten akkreditierte Personen Zugriff auf zusätzliche Bilder zum Download und personalisierte Inhalte. So werden in einem Dashboard auf der Startseite Titel, Veranstaltungen und News anhand der hinterlegten Interessen sowie gefolgten Verlage, Produkte und Urheber:innen personalisiert ausgespielt.

Das Presseportal wurde auf einer performanten und zukunftsfähigen Systemarchitektur entwickelt: die Basis bildet das Open Source Content Management System Drupal zur Erstellung und Pflege aller redaktionellen Inhalte wie Artikel- und Themenseiten. Das CMS ist an die IT-Infrastruktur der PRHVG angebunden, so dass weitere Inhalte (für Entitäten wie Titel, Urheber, usw.) aus verschiedenen Quellen importiert und gesendet werden. Bei der Datensynchronisation zwischen dem CMS, den Verlagssystemen von Arvato und weiteren Dritt-Systemen kommt unser speziell für Verlagshäuser entwickelte Message Broker (RabbitMQ) zum Einsatz, der sehr effizient – nur! – die erforderlichen Inhalte verteilt und auch im Falle einer Nichterreichbarkeit von Schnittstellen, die in einer Queue zwischengelagerten Informationen verbindlich transportiert.

Das CMS Drupal implementierten wir in dieser Architektur als „headless“ System wodurch sämtliche Inhalte über Schnittstellen (REST API) bereitgestellt werden. Das Frontend des Portals ist damit vom CMS entkoppelt und läuft als eigenständige WebApp, die mit dem JavaScript Framework React umgesetzt wurde. Um ein performantes Ausliefern der Seiten und Inhalte zu garantieren, sorgt das serverseitige JavaScript Framework Next.js für das Vor-Rendern und Cachen der jeweiligen Seiten und schafft durch geringe Ladezeiten und geschmeidigen Seitenaufbau eine angenehme User Experience.

Diese vollständige Trennung von WebApp und CMS reduziert die Komplexität in der (Frontend-)Entwicklung und damit den Entwicklungs- und Wartungsaufwand – sie beschleunigt den gesamten Prozess der Realisierung eines Web-Projekts. In Hinblick auf den Betrieb von mehreren Mandanten mit unterschiedlichen Services kommen die Vorteile dieser Systemarchitektur besonders zum Tragen:

Kurze Zeit später konnten wir so das Foreign Rights Portal der PRHVG als ersten Mandanten dieses Multi-Site-Konzepts realisieren. Um Synergien zu nutzen, greifen wir dabei auf ein und dieselbe Code-Basis zu und nutzen Layout und Frontend übergreifend. Die Inhalte hingegen sind für jedes Portal individuell: für eine internationale Zielgruppe ist das Foreign Rights Portal komplett auf Englisch und bezieht durch das Zuschneiden andere bzw. angepasste Daten aus den Verlagssystemen. Diese zielgruppenspezifische Aussteuerung konnte durch das Handling mit dem Message Broker einfach angepasst werden.