Aufbau einer Dachmarkenstrategie: eine Website für 10 Verlage

Das Aufbau Haus am Berliner Moritzplatz beheimatet alle Imprints der Aufbau Verlage: Aufbau, Aufbau Audio, Aufbau Digital, Aufbau Taschenbuch, Blumenbar, Ch. Links Verlag, Die Andere Bibliothek, Edition Braus, More und Rütten & Loening.

Unsere neu geschaffene Website für die Aufbau Verlage vereint erstmals alle 10 Marken unter einem Dach mit einem modularen Designkonzept. Als Teil dieser Markenstrategie durchliefen wir mit unserem Kunden für alle Verlage einen ganzheitlichen Prozess zu einem Digital Branding, das die Diversität und Individualität der einzelnen Marken aufgreift und gekonnt herausstellt.

Unsere Systemarchitektur ist mit ihrem dezentralisierten, modularen Konzept für einen langfristigen Einsatz ausgelegt und vereint in ihrem Zentrum Drupal als CMS und Magento als Shop-System mit der Verlagssoftware Pondus. Nach der sukzessiven Integration der Marken erfolgte als letzte Iteration ein umfangreiches Frontend-Update der einzelnen Verlag-Themes zur Barrierefreiheit.

Als Digital-Agentur begleiteten wir 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.

Die Kreation einer Dachmarkenwebsite 

Ziel und größte Herausforderung aus Branding-Sicht bestand darin, die zehn unterschiedlichen, teils erst kürzlich übernommenen Imprints auf einer Website zu vereinen, Synergien zu schaffen 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.

Dafür erarbeiteten wir mit dem Kunden zunächst für jeden Verlag die Markenstrategie und Markenwerte und überführten diese je in ein visuelles Konzept, bestehend aus Typografie, Farbpalette und Formsprache in harmonischer Korrespondenz mit den hochwertig gestalteten Buch-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 erhöhte Sichtbarkeit aller zugehörigen Marken fördert deren Bekanntheit, stärkt die Wahrnehmung der Dachmarke als relevante Branchengröße und ermöglicht Cross-Selling innerhalb der Gruppe. Gleichzeitig zahlen UX & UI auf die Unternehmensziele ein: Die verbesserte Customer Experience regt zum Kauf an und fördert die Kundenbindung, unter anderem durch eine Steigerung von Newsletter-Anmeldungen (Anbindung an Sendinblue).

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. Beispielsweise werden Lesungen, Gespräche und Buchvorstellungen zentral in Pondus gepflegt, dort mit einem Produkt, einer Person, einer Reihe, einem Imprint, etc. verknüpft und können als Entitäten an verschiedenen Stellen auf der Website automatisiert angezeigt werden.

Die unzähligen Detailseiten dieser Entitäten werden mit den importierten Daten in Drupal automatisiert erstellt und durch die stetige Synchronisierung zwischen den Systemen aktuell gehalten. Zudem werden zwischen den einzelnen Seiten automatisch Referenzen/Querverlinkungen geschaffen, was das interne Linkbuilding als grundlegende SEO-Maßnahme unterstützt. Seitens der Web-Redaktion sind hier so nur noch minimale manuelle Ergänzungen und Anreicherungen im CMS erforderlich.

Individuelle Looks durch Subtheming

Alle Verlagsmarken werden unter einer Domain über ein zentrales Backend verwaltet, während für jedes Imprint ein eigenes Frontend entwickelt wurde. Sämtliche Inhalte – und insbesondere die aus Pondus bezogenen Verlags- und Produkt-relevanten Informationen – werden in Drupal zentral gepflegt und je nach Zuweisung zum Imprint gefiltert aus dem CMS distribuiert. 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, Autor:in, Veranstaltungen, Mediathek und News-Artikel, verfügen aber jeweils über eigene Logos, Fonts und Styles für Buttons, Formulare, etc.

Daher war dieses Projekt für unser Frontend-Team ein besonders guter Anwendungsfall für den Einsatz von CSS-Variablen / Custom Properties: anstatt der Anhäufung von redundanten CSS werden die CSS-Variablen in den verschiedenen Themes einfach überschrieben. 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.

Drupal Custom Modules

Um jedes Produkt ausdrucksstark und hochwertig in Szene zu setzen, haben wir für die Aufbau Verlage ein besonderes Highlight für das Drupal-Backend entwickelt: unser Farbpicking-Modul 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 oder in grafischen Elementen aufgegriffen. Bei Bedarf kann im CMS solch eine automatisch generierte Farbgebung mit einem anderen Ton aus einer definierten Farbpalette manuell überschrieben werden.

Ressourcenschonende Website-Pflege

Durch die gezielte Automatisierung bei der Generierung von schematisierten Inhalten kann die Redaktion ihren Fokus auf die Erstellung und Pflege der redaktionellen Inhalte richten. Hierfür stehen eine Vielzahl von Paragraphen und Elementen wie Related Content zur Verfügung, um die große Bandbreite an unterschiedlichen Formaten wie Interviews, Leseempfehlungen und Porträts ansprechend zu präsentieren und mit den jeweiligen Entitäten zu verknüpfen.

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

Für die Realisierung der neu gesetzten B2C-eCommerce-Strategie des Unternehmens ergänzten wir unsere Systemarchitektur für die Aufbau Verlage um das bewährte und robuste Shop-System Magento. Physische Produkte werden über Magento verkauft, als Payment-Provider ist Ingenico (gehört zu Wordline) angebunden. Sobald Kaufende den Checkout abgeschlossen haben, werden die Bestellungen an die Vereinigte Verlagsauslieferung (VVA) übergeben, die die weitere 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 Bild- oder Video-Datei 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 abermals geprüft, ob es 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.