Unitymedia
Webseitenoptimierung durch ganzheitliche Beratung
Der ehemalige deutsche Kabelnetzbetreiber Unitymedia GmbH (heute Vodafone) konnte mit pro!vision - einem Tochterunternehmen der diva-e - das Kundenerlebnis auf seiner Website deutlich verbessern und die Conversion Rate steigern.
Was als kleineres Consulting Projekt begann, entwickelte sich zu einem ganzheitlichen Beratungs- und Entwicklungsprojekt. Am Ende der anderthalb Jahre dauernden Zusammenarbeit mit diva-e stand ein neues Preis-Interface, der sogenannte AEM Commerce Adapter (ACA). Mithilfe des Commerce Adapters und einer Cacheoptimierung war es möglich, die komplexen und geschichteten Backend Systeme für die Preisberechnung in den Griff zu bekommen. Trotz häufig wechselnder Preise in den Promotion Aktionen gelang es, die Preisanzeige auf der Website wesentlich zu beschleunigen. So konnte die Dauer der Preisabfrage um 90 % reduziert und in der Folge die Anzahl der Breitbandbestellungen erhöht werden.
Vor Projektbeginn war die Arbeit mit dem AEM CMS von Einschränkungen geprägt. Da Änderungen an den CMS-Komponenten der Webseite arbeitsaufwendig waren und lange dauerten, konnten Marketer und Redakteure ihre geplanten Marketing- und Promotion Aktionen nicht in der gewünschten Zeit umsetzen. Zu den besonderen Herausforderungen gehörte es, dass der Konzern kurz vor der Übernahme stand und sich intern in einem Neustrukturierungs- und Reorganisationsprozess befand.
Nach einer ganzheitlichen Strategie- und Prozessberatung gelang es den diva-e Experten, die Time-to-Web wesentlich zu verkürzen, die Funktionstüchtigkeit und Wartbarkeit der Website zu verbessern und ihre Verfügbarkeit sicherzustellen.
Ziel
Kundenerlebnis verbessern und time-to-web verkürzen
Die einwandfreie Erreichbarkeit der Webseite sollte gewährleistet werden und Preisangaben schnell angezeigt werden. Webinhalte sollten flexibler erstellt und geändert werden, Marketing- und Promotion Aktionen schneller gelauncht werden können. Darüber hinaus galt es, veraltete Strukturen in Entwicklung und Deployment aufzulösen und durch neue, flexiblere Prozesse zu ersetzen.
Umsetzung
Die Transformation begleiten
Am Anfang des Beratungsprozesses stand zunächst eine ausführliche Betrachtung des Ist-Zustandes. In zahlreichen Workshops wurde die AEM Umgebung, die angeschlossenen Backendsysteme, die IT-Infrastruktur und die organisatorische Struktur der beteiligten Organisationseinheiten analysiert. Die Analyse ergab eine historisch gewachsene AEM-Anwendung mit einer Anbindung an komplexe Backendsysteme. Das komplexe Set-up der Entwicklungsumgebung wurde nicht durch Continuos Integration (CI), Continuous Delivery (CD), Continuous Deployment (CD) Methoden unterstützt. Um diesem Problem zu begegnen, wurde für die AEM Entwicklung ein neues CRX Repository mit einem beispielhaften Development Set-up eingerichtet.
Die zentrale Herausforderung stellte die Preisberechnung dar und die Anforderung, schnell auf Preisänderungen reagieren zu können, die in Promotion Aktionen beworben werden sollten. Ein Analysenergebnis war, dass die AEM Anwendung nur als "Frontend" diente, während die eigentliche Business-Logik der Preisberechnung vollständig im Backend lag. Die Preise wurden anhand komplexer Rahmenbedingungen berechnet und im AEM CMS nur angezeigt. Bis zu sieben Softwareschichten waren an einer Preisabfrage beteiligt. Zur Lösung wurde der AEM Commerce Adapter (ACA) entwickelt, der Preise schnell und in einer business-getriebenen Datenstruktur für neue Komponenten ausliefern konnte. Aufgrund angepasster Release Planung wurde zunächst bei gleicher Datenstruktur die Ladegeschwindigkeit durch einen Caching-Mechanismus erhöht.
Um die zukünftige AEM Entwicklung zu vereinfachen, entwickelte diva-e eine prototypische Komponente nach Best Practice Methoden, die von dem AEM Entwicklungsteam bei Neuentwicklungen als Vorlage verwendet werden sollte. Dabei wurde ein modellhaftes Vorgehen gewählt, dass die Aufgaben Requirement Engineering, UX/UI Definition, Erstellung eines Living Styleguides und eine AEM-Implementierung nach Clean-Code-Prinzipien vorsah.
Die diva-e Experten brachten aber nicht nur technische, sondern auch organisatorische Lösungsansätze ein. Eine Maßnahme bestand in der Gründung eines zusätzlichen Teams zur Optimierung. Während sich das bestehenden AEM Team auf das Tagesgeschäft und den Fortbetrieb der bestehenden AEM Anwendung konzentrierte, befasste sich das neue Team mit der Analyse und Verbesserung der Systemarchitektur und der Strukturierung des Projektes.
Ergebnis
Verbesserte User Experience und AEM Entwicklung
Im Ergebnis konnte das Kundenerlebnis auf der Webseite deutlich verbessert werden. Ein konfigurierbares Price Caching in AEM sorgte für die performante Auslieferung von Preisen und Promotion Aktionen. Die einwandfreie Anzeige der Preise war zu jeder Zeit gewährleistet.
Die Bereitstellung eines Prototyps erhöhte nicht nur die Code-Qualität der AEM Umgebung nachhaltig, sondern trug auch dazu bei, die zukünftige Wartbarkeit der Anwendung zu verbessern. Gleichzeitig sanken die operativen Risiken und die Implementierungs- und Folgekosten im Betrieb. Die engere Integration des IT-Betriebs (Operations) in den Entwicklungsprozess (Development) führte zu einer Verkürzung der Release- sowie Updatezyklen und einer deutlichen Erhöhung der Produktivität. Softwareänderungen konnten schneller, kostengünstiger und in höherer Qualität entwickelt werden. Die Entwicklungsergebnisse im Einzelnen:
Flexible Produkt- und Produktvergleichsseiten für die Optimierung der Conversion Rate
Einführung einer Preis- & Options-Komponente mit dynamischer Preisanzeige und Preissummierung basierend auf den gewählten Optionen.
Entwicklung weiterer flexibler Komponenten wie Slider und Tabellen für die optimale Darstellung der Produkte.
Umsetzung von Atomic Design und Einführung eines Living Styleguides, um eine einheitliche Darstellung von Inhalten auf der Website sicherzustellen.
Partner im Projekt
