Kunde
zweiteHeimat (Digitalagentur)
Projekt
Neuentwicklung des Global Header sowie optimierter Bereichseinstiege für die Mobilfunksparte (2021-2023)
#Telekommunikation #ModularUI #Navigation #TemplateDesign #Advice
Herausforderung
– Inkonsequente UI-Pattern und Navigationsstruktur über verschiedene Bereichseinstiege hinweg
– Kein zentrales modulares UI-System für Doorpages, Services und Promotions
– Einführung neuer Gestaltungsrichtlinien inkl. Logo & Navigationsarchitektur
Strategie & Methodik
– Stakeholder-Workshops mit UX-Lead & Märkten
– Bestandsaufnahme & Audit bestehender Komponenten & Inkonsistenzen
– UX-Konzeption: Responsive, skalierbare Header-Logik mit Markt-Flexibilität
– Designsystem-Erweiterung: Aufbau modularer Templates + Richtlinien
– Iteration & Testing: Prototypen validiert mit Entwicklerteam & internem QA-Testing
Meine Rolle
– Lead Design, UX und Beratung bei der Entwicklung des neuen "Global Headers" für Telekom Europe
– Lead Design und Beratung für das neue visuelle Erscheinungsbild der Mobilfunksparte
– Optimierung der Workflows zwischen Kreation und Entwicklung
– Definition von Designstandards
– Entwicklung neuer Teaser-Templates
– Visual Design & Illustration
– Entwicklung, Erweiterung von UI-Pattern und der UI-Library
– Beratende Tätigkeiten im Bereich UI-Design und Workflow Optimierung
Designlösungen
– Global Header: Dynamisch anpassbar für länderspezifische Anforderungen
– Modular UI-System: Einheitliches Design über Templates & Pages hinweg
– UI-Guidelines: Für konsistente Skalierung und production-ready Output
– Illustrative Visuals für besseres Verständnis
Ergebnisse
– Erfolgreicher Launch des Global Headers in diversen EU-Märkten innerhalb von 3 Monaten
– Reduzierte Design-Redundanz durch konsolidierte Pattern
– Verkürzte Produktionszeit durch klar definierte Templates
– Positive Rückmeldung interner QA- und Dev-Teams zu Klarheit & Umsetzbarkeit
Global Header
Im Zuge der Einführung eines neuen Telekom Logos und neuer Anforderungen einzelner Märkte, wurde der Global Header, inkl. Navigationsstruktur, von mir komplett neu strukturiert, gestaltet und durch dynamische Anpassungsoptionen an die unterschiedlichen Bedürfnisse der internationalen Märkte angepasst. In Zusammenarbeit mit dem "Head of UX", verschiedener Stakeholder aus den unterschiedlichen Märkten, sowie dem Entwicklungsteam, haben wir es trotz diverser Abstimmungs- und Anpassungsprozesse, in relativer kurzer Zeit geschafft das Produkt live zu bringen, so das es zeitnah, auch in den meisten europäischen Märkten implementiert worden konnte.
Teaser- und Modulentwicklung
Einem homogenen Erscheinungsbild, sowie dem einheitlichem Aufbau von UI-Pattern wurde bei der Telekom, in der Vergangenheit, an vielen Stellen zu wenig aufmerksam gewidmet bzw. dessen Mehrwert nicht erkannt, oder aber technische Voraussetzungen waren schlicht nicht gegeben.
Um dies zu ändern habe ich zunächst eine Bestandsaufnahme bestehender Module, Komponenten sowie kompletter Produktseiten vorgenommen, identische aber anders dargestellte und aufgebaute Produkte gegenübergestellt und den Stakeholdern entsprechende Insights präsentiert.
Nachdem die Mehrwerte einer Überarbeitung erfolgreich vermittelt werden konnten, entwickelte ich diverse, neue, sowie einheitliche und optimierte UI-Pattern und Templates, inkl. Gestaltungsrichtlinien, welche inzwischen an vielen Stellen zum Einsatz kommen, die User-Experience steigern, sowie für schnellere Produktionsabläufe sorgen.
Templates
Die neu entwickelten UI-Pattern und Templates, im Einsatz innerhalb neuer Doorpages (Bereichseinstiege).