Digitales Stadtmarketing für die Augsburger Innenstadt

Das Projekt augsburg-city.de

Digitales Stadtmarketing

Das neue Digitales Stadtmarketing-Projekt www.augsburg-city.de bietet Redakteuren umfangreiche Content-Marketing-Features. So lassen sich thematisch sortierte Inspirationen für verschiedene Zielgruppen wie zum Beispiel Shoppingfans, Kultur-Enthusiasten oder Feinschmecker zusammenstellen. Außerdem informiertM das Portal über Veranstaltungen in Augsburg mit einem Eventkalender und zeigt Sehenswürdigkeiten, Restaurants und Geschäfte auf einer intuitiven Entdeckerkarte an.

Die Technik

1. Content: TYPO3 als Headless-CMS

Die Navigation, verschiedene Inhalte und den Layout-Kontext des Portals pflegen Redakteure mit dem Enterprise-CMS-System TYPO3. „Klassische“ TYPO3-Webseiten integrieren externe Datenquellen - wie zum Beispiel Events, Jobs oder Produkte - oft über Extensions in das TYPO3-System. Die Daten werden importiert, in der TYPO3-Datenbank gespeichert und anschließend mit Fluid, der Standard-Template-Engine von TYPO3, gerendert. Beim Projekt Augsburg Marketing entschieden sich unsere Entwickler für einen anderen Weg und konzentrierten sich voll auf die genuine Stärke von TYPO3: das Organisieren von komplexen digitalen Inhalten mit einem Backend, das keine Wünsche offenlässt. Das Rendering der Inhalte für das Frontend übernimmt allerdings nicht die Templating Engine Fluid. Vielmehr liefert eine spezielle Extension die Texte, Bilder und Navigationsstrukturen als Content-API im JSON-Format an die Frontend-Applikation. Diese verarbeitet die Inhalte entsprechend weiter und stellt sie dar. Neben dem Verzicht auf die Eigenheiten der Templating Engine Fluid und damit einhergehenden Performance-Nachteilen bei großen Datenmengen können weitere Datenquellen - wie zum Beispiel Veranstaltungsdaten und Orte - nach dem gleichen Prinzip einfach angebunden und von der Frontend-Applikation verwaltet werden. 

2. visionbites Places - die Datenbank mit Kartendarstellung für Orte und Events

Die Orte und Events des Augsburger Stadtportals werden mit der Laravel-App visionbites Places verwaltet, gepflegt und organisiert. Das Location-Management-Tool visionbites Places dient dazu, Daten wie zum Beispiel Veranstaltungen, Orte oder Bilder aus den unterschiedlichsten Systemen zu importieren. Zu den verschiedenen Datenquellen gehören Alt-Daten aus früheren TYPO3-Systemen, Event-Daten von externen Event-Services oder Excel-basierte Daten der Redaktion. Im Anschluss reichern Redakteure diese Daten mit zusätzlichen Inhalten wie Bildern, Texten und Videos an. So lassen sich zum Beispiel rudimentäre Event-Daten wie Veranstaltungstitel und Uhrzeit durch Beschreibungstexte, Bilder, Kategorien bzw. Tags und Geodaten zur Darstellung in einer Karte ergänzen. 

Auch die Daten aus visionbites Places werden wie die Inhaltsdaten aus dem TYPO3-System über einen Webservice zur Verfügung gestellt, von der Frontend-Applikation abgerufen und integriert. 

3. Optimierte Bilddaten mit dem visionbites Taskrunner

Für die Darstellung im Web optimierte Bilddaten zu generieren, ist für Online-Redaktionen nicht einfach: Bilder müssen mit entsprechenden Programmen bearbeitet und bestenfalls noch einmal mit einem speziellen Tool optimiert werden. Nur so entsteht ein optimales Verhältnis zwischen Bild-Dateigröße und Bildqualität. Außerdem erkennen Dienste wie der Google Speed Test erst dann die Bilder auch als optimiert an. Unkomprimierte Bilder fallen in der Regel aber zunächst kaum auf, da der Unterschied für Redakteure optisch nicht erkennbar ist. Die Performance-Nachteile und Rankingverluste können trotzdem erheblich sein. Um diesen Prozess zu vereinfachen, bearbeitet der visionbites Taskrunner jedes hochgeladene Bild automatisch, komprimiert es und legt es in verschiedenen Größen ab.

Vorteile des visionbites Taskrunners

• Immer optimierte Bilddaten für alle Endgeräte - vom Smartphone bis zum Widescreen-Display
• Redakteure müssen sich keine Gedanken mehr um Bild-Optimierung und -Komprimierung machen
• SEO-Vorteile (Suchmaschinenoptimierung) durch schnellere Ladezeiten und von Googles Page Speed Test als optimiert anerkannte Bilddaten

4. Satelliten-Landingpages mit Kirby CMS

Neben der Hauptseite www.augsburg-marketing.de bieten zwei weitere Landingpages Informationen, die thematisch enger zugeschnitten sind und sich so an spezifischere Zielgruppen richten: 

1. Die Landingpage für LaStrada, das Augsburger Straßenkünster-Festival
2. Die Event-Webseite für die Augsburger Sommernächte 

Die Inhalte beider Seiten werden mit dem Flat File CMS Kirby verwaltet. 

Hauptseite und Landingpages

www.augsburg-city.de
sommernaechte.augsburg-city.de 

Vielen Dank

An unsere Auftraggeber und Projektpartner:

Unser Kunde Augsburg Marketing - die Verantwortlichen für die Vermarktung und Entwicklung Augsburgs.
YEAH! Augsburg - Lead-Agentur für www.augsburg-city.de.
Neoheimat - vielen Dank für das Bildmaterial!