Digitaler Aufbau einer Dachmarkenstrategie: eine Website für 10 Verlage

Die neue Website für die Aufbau Verlage vereint erstmals alle 10 Marken unter einem Dach in einem modularen Designkonzept. SIRUP begleitete den gesamten Prozess: von der Beratung und Evaluation der geeigneten Systemarchitektur, über die Entwicklung des Designkonzept und der User Experience (UX) sowie die Implementierung und Customizing der Systeme bis zur Unterstützung in der Redaktion. 

Aufbau Verlage ist einer der letzten unabhängigen Häuser in der gesamtdeutschen Verlagslandschaft. Das Aufbau Haus am Berliner Moritzplatz beheimatet alle Marken: Aufbau, Aufbau Audio, Aufbau Digital, Aufbau Taschenbuch, Blumenbar, Ch. Links Verlag, Die Andere Bibliothek, Edition Braus, More und Rütten & Loening. 

Zielstellung und Herausforderung: die Kreation einer Dachmarkenwebsite 

Die größte Herausforderung aus Branding-Sicht bestand darin, die unterschiedlichen Imprints auf einer Website zu vereinen und dennoch die Diversität und Individualität der einzelnen Marken zu bewahren. Als Grundlage dafür entwickelten wir ein adaptierbares Gestaltungssystem, das wir für jeden Verlag mit einem stimmigen Designkonzept individualisierten.  

Zur Überführung der Marken ins Digitale übersetzten wir die jeweiligen zuvor ausgearbeiteten Markenwerte in ein visuelles Konzept bestehend aus einem Farbset, Typographie und Formsprache in harmonischer Korrespondenz mit den hochwertig gestalteten Titeln. Mit diesem Ansatz gelingt es uns den Imprints trotz gleichbleibendem Seitenaufbau ihre individuelle Strahlkraft zu verleihen, die unterschiedlichen Zielgruppen emotional und bedürfnisorientiert abzuholen sowie die Verlagsgruppe von Mitbewerbern abzugrenzen. Die Sichtbarkeit aller zugehörigen Marken vermittelt Größe in der Wahrnehmung, fördert die Bekanntheit und ermöglicht Cross-Selling innerhalb der Gruppe. Gleichzeitig zahlen UX & UI auf die Unternehmensziele ein und sollen z. B. zum Kauf anregen oder Newsletter-Anmeldungen (Anbindung an Sendinblue) generieren. 

Beratung, Planung und Einführung einer nachhaltigen Web-System-Infrastruktur 

In der IT-Infrastruktur des Unternehmens steht die Verlagssoftware Pondus im Zentrum und sollte im Zuge des Relaunchs in seiner Position als Single Source of Truth verfestigt werden. Kern unserer Systemarchitektur für die Website der Aufbau Verlage bildet das Content Management System Drupal, das wir mit einem starken Apache Solr Suchserver ergänzen und mit Pondus über Schnittstellen verbinden. Typischerweise nimmt Pondus die Position eines PIM-Systems ein, in dem alle Verlags- und Produkt-relevanten Informationen zentral gepflegt und aus dem diverse Zielmedien wie Website, VLB-Tix, etc. mit differenzierten Inhalten bespielt werden. 

Unsere Workflow Engine auf Basis von RabbitMQ, die mittlerweile bei vielen unserer Verlagskunden aber auch bei anderen Projekten mit Fokus auf Prozessoptimierung zum Einsatz kommt, sorgt als zentralisierter Daten-Transformator und -Verteiler für die dauerhafte Synchronisation verschiedener Pondus-Inhalte wie Produkt, Autor:in, Veranstaltung, Verlag. Die unzähligen Detailseiten dieser Entitäten werden mit den importierten Daten automatisiert erstellt und aktuell gehalten. Zudem werden zwischen den einzelnen Seiten automatisch Referenzen/Querverlinkungen geschaffen, was das interne Linkbuilding (SEO!) unterstützt. Seitens der Web-Redaktion sind hier so nur noch minimale manuelle Ergänzungen und Anreicherungen im CMS erforderlich. 

Veranstaltungen als Beispiel für die dauerhafte Synchronisation von Pondus-Inhalten 

Lesungen, Gespräche und Buchvorstellungen werden in Pondus gepflegt, dort mit einem Produkt, einer Person, einer Reihe, einem Imprint, etc. verknüpft und können an verschiedenen Stellen auf der Website automatisch angezeigt werden: 

• Die Veranstaltung als eigene Detailseite 

• Als Teaser auf der Übersichtsseite aller Veranstaltungen eines jeweiligen Imprints 

• Als Teaser auf der Produkt-Detailseite des verknüpften Titels 

• Als Teaser auf der Personen-Detailseite der verknüpften Autor:in  

• Als Teaser manuell eingesetzt in einer Artikelseite oder Landing Page  

Durch Subtheming individuelle Looks 

Im Frontend entwickelten wir ein Basis-Theme, das durch Subtheming für das Erscheinungsbild der jeweiligen Verlage angepasst wird. Alle Marken nutzen dasselbe Bootstrap-Raster und umfassen dieselben Entitäten wie Produkt, Urheber:innen, Veranstaltungen, Mediathek und News-Artikel, verfügen aber jeweils über eigene Logos, Fonts und Styles für Buttons, Formulare, etc. 

Daher war das Projekt für unser Frontend-Team ein besonders guter Anwendungsfall für den Einsatz von CSS Variablen / Custom Properties: anstatt viel redundantes CSS zu produzieren, können die CSS Variablen in den verschiedenen Themes einfach überschrieben werden. Der Code wurde zudem im Sinne der „graceful degradation“ entwickelt. So kann das System zukünftig sehr gut gewartet und weitere Optimierungen leicht vorgenommen werden. 

Um jedes Produkt ausdrucksstark und hochwertig in Szene zu setzen, haben wir für die Aufbau Verlage ein besonderes Highlight entwickelt: das sogenannte Farbpicking generiert automatisiert harmonische Hintergründe für die Produkt-Detailseiten. Dabei wird aus dem Cover des Buchtitels nach einem individuell festgelegten Algorithmus eine dominante Farbe extrahiert und auf einer großen Farbfläche angezeigt. Sollte eine Farbe ausnahmsweise unpassend erscheinen, so kann diese manuell im CMS mit einem anderen Ton aus einer Farbpalette überschrieben werden. 

Endkunden-Shop für Bücher und digitale Produkte 

Ergänzt wird unsere Systemarchitektur für die Aufbau Verlage um das bewährte und robuste Shop-System Magento für die Abbildung der B2C-eCommerce-Strategie des Unternehmens. Physische Produkte werden über Magento verkauft, als Payment-Provider ist Ingenico (gehört zu Worldline) angebunden. Sobald Kaufende den Checkout abgeschlossen haben werden die Bestellungen an die Vereinigte Verlagsauslieferung (VVA) übergeben, die die Bestellabwicklung übernehmen. Für digitale Produkte integrierten wir parallel den Piggyback Store von DigitalStores, die die Abwicklung und Auslieferung von E-Books und digitalen Formaten übernehmen. 

Auf die Systemarchitektur perfekt abgestimmtes Hosting-Konzept 

SIRUP übernimmt für die Website der Aufbau Verlage auch das Management der Server. So können wir hier auch unsere Image Queue einsetzen, um die zahlreichen Bilder, vorrangig Produktabbildungen, verlustfrei komprimiert und perfekt für alle Endgeräte und Browser auszuliefern. So werden Bilder bspw. als .webp-Datei ausgeliefert, was hervorragende Ergebnisse bei Google Page Speed und Pingdom erzielt. 

Beim Laden einer Datei (z. B. ein Bild) wird geprüft, ob die Datei bereits in komprimierter Form vorliegt. Falls ja, erfolgt die direkte Auslieferung der Datei an den Browser. Befindet sich das Bild noch nicht in der Image Queue wird geprüft, ob die Dateien den Anforderungen zur schnellen Anzeige entspricht. Nicht optimierte Dateien werden in die Warteschlange (Queue) des Services gelegt und nacheinander abgearbeitet. 

Konstante Weiterentwicklung 

Seit Launch der ersten Imprints in 2021 und sukzessiver Integration aller Imprints bis Oktober 2022 übernehmen wir wie für viele unserer Kunden den Betrieb – Hosting und Wartung der Systeme – und entwickeln die Website in iterativem und eingespieltem Vorgehen mit dem Team aus Marketing, Redaktion und Vertrieb des Verlags kontinuierlich weiter.