Magazin-Website für DigitalPHOTO

Ausgangslage

DigitalPHOTO ist ein Fotomagazin für ambitionierte Fotografinnen und Fotografen. Es erscheint unter Lizenz der falkemedia bei Five Monkeys Media, die Redaktion sitzt in Köln. Die Website digitalphoto.de begleitet das Heft mit Tests, Praxistipps, Neuigkeiten aus der Fotobranche und einer Galerie für Leserfotos.

Die Plattform ist über Jahre gewachsen. Sie teilt ihre Code-Basis mit dem Schwestermagazin Mac Life: rund 50 aktive projekteigene Module, ein eigenes Theme und mehrere angebundene Dienste. Für Betrieb und Weiterentwicklung suchte der Verlag eine Agentur, die dieses System übernimmt.

Aufgabe

RedOrbit sollte die bestehende Website übernehmen, ohne den laufenden Betrieb zu stören. Danach ging es um Weiterentwicklung im Alltag: die Werbeauslieferung flexibler machen, Flächen für eigene Angebote schaffen und Wünsche der Redaktion sicher live bringen.

Lösung

Die Website bringt ein umfangreiches System mit, das RedOrbit übernommen hat. Was wir seitdem selbst gebaut haben, steht im Abschnitt „Die Rolle von RedOrbit“.

Inhalte und Themen. Die Inhalte sind in Kauftipps, Fototipps und Reisetipps gegliedert. Die Kauftipps teilen sich in Kameras, Objektive, Software und Zubehör. Projekteigene Controller-Module erzeugen die Übersichten für Kategorien, Themen und Tags. Die Startseite ist eine Panels-Seite und lädt auf Wunsch weitere Beiträge nach.

Tests mit festem Aufbau. Jeder Test folgt demselben Schema: Pro und Kontra, gewichtete Teilnoten, Gesamtnote und Fazit. Die Redaktion setzt Wertungsboxen, Produktboxen, Galerien und Videos als Shortcodes in den Artikeltext. Ein projekteigenes Modul holt Produktdaten aus der Produktdatenbank des Verlags, ein weiteres bindet einen Preisvergleich ein.

Leser-Galerie. Zwei projekteigene Module tragen die Galerie. Leser laden ihre Fotos über eine Upload-Strecke hoch und ordnen sie Kategorien zu. Besucher bewerten die Bilder, die Galerie lässt sich nach Beliebtheit oder Datum sortieren.

Schnittstellen und Hintergrundjobs. Ein Endpunkt übernimmt Artikel aus dem Redaktionssystem der Printproduktion. Externe Inhalte kommen per XML-Import über eine Warteschlange. Den Newsletter erzeugt ein projekteigenes Modul täglich und wöchentlich aus dem CMS und verschickt ihn über eine Queue. Dazu kommen RSS-Feeds, Downloads gegen E-Mail-Adresse und Zählpixel für die Reichweitenmessung. Zeitgesteuerte Aufgaben laufen über Elysia Cron.

Werbeauslieferung. Ein projekteigenes Modul bindet Adserver und Werbenetzwerke über ein Plugin-System an, derzeit rund 20 Anbindungen. Es setzt Werbeplätze im Layout und nach Zwischenüberschriften im Artikeltext, erzeugt die ads.txt und entscheidet pro Seite, ob Werbung erscheint. Die Auslieferung beachtet die Einwilligung aus dem Consent-Management nach IAB TCF.

Performance. Vor dem Webserver arbeitet Varnish, angebunden über eine eigene Cache-Klasse. Authcache lädt personalisierte Teile nach, die Seite selbst bleibt im Cache. Memcache dient als Cache-Backend, Entity Cache hält geladene Inhalte vor. AdvAgg bündelt und komprimiert CSS und JavaScript und liefert kritisches CSS vorab aus.

Redaktion und SEO. Inhaltssperren verhindern, dass zwei Personen denselben Artikel gleichzeitig bearbeiten. Beiträge lassen sich zeitgesteuert veröffentlichen, Bildausschnitte manuell festlegen und Metadaten direkt im Artikel pflegen. Die Suche läuft über Search API. XML- und News-Sitemaps sowie Weiterleitungen entstehen automatisch.

Theme. Das eigene Theme baut auf einem Magazin-Basistheme auf. Styles entstehen mit Sass und Gulp, die Seitenlayouts mit Panels.

Die Rolle von RedOrbit

RedOrbit hat die Website im Rahmen einer Projektübernahme vom Verlag übernommen. Wir haben eine lokale Entwicklungsumgebung mit DDEV aus Code und Datenbank aufgebaut. Änderungen werden dort getestet, bevor sie live gehen. Seitdem betreuen wir die Website im Rahmen von Wartung und Support und entwickeln sie weiter.

Werbeauslieferung. Für die Anbindung an den Adserver haben wir die Auslieferung so erweitert, dass sich Anzeigen an beliebigen Stellen der Seite einblenden lassen, in verschiedenen Bild- und Videoformaten. Dieselbe Erweiterung läuft auf maclife.de.

Globale Infobox. Ein neues Modul blendet auf Wunsch eine Infobox in alle Artikel ein, zum Beispiel für ein Angebot oder eine Aktion. Die Redaktion pflegt die Box im CMS und schaltet sie seitenweit ein oder für einzelne Artikel aus. Die Box steht nicht an fester Stelle, sondern dort, wo sie den Lesefluss nicht unterbricht, etwa vor einer Zwischenüberschrift.

Ergebnis

DigitalPHOTO läuft stabil weiter und bekommt neue Funktionen, ohne Neubau. Tests, Tipps und Leserfotos stehen auf einer Website, klar nach Themen gegliedert. Redaktion und Verlag steuern Werbung und Infoboxen selbst im CMS. Weil DigitalPHOTO und Mac Life dieselbe Code-Basis nutzen, kommen Weiterentwicklungen beiden Magazinen zugute.