Die Warema-Gruppe ist ein europaweit aktiver Hersteller f\u00fcr Sonnenschutzprodukte wie Markisen und Jalousien samt Steuerungstechnologien und den entsprechenden Architekturl\u00f6sungen. Warema bietet die Verdunkelungsl\u00f6sungen sowohl f\u00fcr B2B als auch f\u00fcr den Endverbraucher \u00fcber Fachh\u00e4ndler an.<\/span><\/p>\n Das interdisziplin\u00e4re Logic-Joe-Team setzte sich aus Experten der Fachbereiche Kreation UX\/UI, dem Developmentteam bestehend aus Frontend, Backend, Systemintegration und einem Tech-Consultant zusammen. Gesteuert wurde das agile Projekt von einem Scrum-Master auf Logic-Joe-Seite. Der an Scrum angelehnte agile Modus hat dabei f\u00fcr Transparenz, Kontrolle und positive Zwischenergebnisse gesorgt.\u00a0<\/span><\/p>\n Warema brauchte eine zukunftsf\u00e4hige digitale Plattform, die es erm\u00f6glicht, die verschiedenen Zielgruppen in internationalen M\u00e4rkten mit vielen Land- und Sprachvarianten optimal zu bedienen. Eine Vereinfachung der Contentpflege sowie die kanal\u00fcbergreifende Nutzung der Omnichannel-Inhalte, die die Kundenbindung durch ma\u00dfgeschneiderte und individualisierte Inhalte erh\u00f6hen soll, war ein zentrales Ziel. Ein weiteres war die Integration der datentragenden, relevanten Systeme. Das Projekt umfasste die mehrstufige Portierung und \u00dcberarbeitung der diversen Warema-Websites. <\/span><\/p>\n Mit Blick auf die Gesamt-Vision wurde das ganze Projekt in priorisierte Abschnitte unterteilt. Den Auftakt zu der entstehenden Digital-Experience-Plattform bildete die Portierung der mehrsprachigen Corporate Website gefolgt von den wichtigsten marktspezifischen L\u00e4nderseiten. Dabei ging es auch um die Modernisierung der Gestaltungselemente und eine nutzerzentrierte Funktionsverbesserung. Ein neuer Newsroom-Bereich sowie die Anbindung an ein Media-Asset Management-System geh\u00f6rten ebenso zum Auftakt-Projektscope. <\/span><\/p>\n F\u00fcr Warema war es sehr wichtig, dass alle Designelemente maximale Wiederverwendbarkeit finden \u2013 nicht nur in den folgenden Webprojekten, sondern \u00fcber s\u00e4mtliche digitale Kan\u00e4le hinweg.\u00a0<\/span><\/p>\n Die Hauptanforderung an das Kreationsteam lag in der Weiterentwicklung des bestehenden kundeneigenen Designsystems und darin, dass alle Bestandteile f\u00fcr s\u00e4mtliche Projekte und digitalen Publikationskan\u00e4le verf\u00fcg- und verwendbar werden. Zun\u00e4chst wurden alle Designelemente basierend auf dem Atomic-Design-Prinzip entwickelt und in einer Designbibliothek, der sogenannten Pattern-Library, zentralisiert verwaltet.<\/span><\/p>\n Eine einheitliche Designsprache wird so nachhaltig etabliert und erspart dadurch k\u00fcnftigen Aufwand und redundante Arbeiten. Dar\u00fcber hinaus wurden s\u00e4mtliche Webbausteine in der Stencil-Library gecodet. Diese Web-Components erlauben eine Kapselung und Interoperabilit\u00e4t einzelner HTML-Elemente und sorgen durch kanal\u00fcbergreifende und technologieunabh\u00e4ngige Wiederverwendbarkeit f\u00fcr Effizienz.<\/span><\/p>\n Die auf intelligente Contentverteilung spezialisierte Enterprise-CMS-L\u00f6sung FirstSpirit des Herstellers Crownpeak dient als zentrale Basis der neuen Digital-Experience-Plattform f\u00fcr Warema. Sie wird in der Cloud als SaaS-Modell direkt vom Hersteller gehostet. Das gew\u00e4hrleistet kontinuierliche Updates und stetige Verbesserungen durch neueste Features. Die nahtlose Integration des PIM\/MAM Systems Contentserv durch Logic Joe sorgt daf\u00fcr, dass auf den Websites automatisch neue Produkte, Produktbilder und weitere zentral verwaltete Assets anhand eines intelligenten Aktualisierungsprozesses tagesaktuell zur Verf\u00fcgung stehen \u2013 ohne dass es eines zus\u00e4tzlichen redaktionellen Aufwands bedarf. <\/span><\/p>\n F\u00fcr eine fl\u00fcssige Zusammenarbeit und Qualit\u00e4tssicherung der dezentral zusammenarbeitenden Entwickler setzte Logic Joe unter anderem auf Snapshot-Tests. Hier wird fertiger Code auf Elementebene konserviert und abfotografiert, um \u00dcberschreibungen und unerw\u00fcnschte Seiteneffekte zu vermeiden beziehungsweise nachvollziehen zu k\u00f6nnen.\u00a0<\/span><\/p>\n Logic Joe hat f\u00fcr komplexe Digitalprojekte, die sich meist durch eine hohe Dynamik auszeichnen, ein an Scrum angelegtes agiles Projektframework entwickelt, das auch f\u00fcr Warema zum Einsatz kam. Die Methodik bindet neben dem Kunden alle beteiligten Disziplinen inklusive Konzept und Design ein. In 14-t\u00e4gigen Sprints werden dabei konkrete Deliverables aus dem Backlog umgesetzt und nach einer ausf\u00fchrlichen Pr\u00e4sentation der Ergebnisse an den Kunden \u00fcbergeben. <\/span><\/p>\n Als Projektmanagement-Tools werden Atlassian Jira f\u00fcr das Backlog, die Sprintplanung und als Ticketsystem genutzt sowie Confluence f\u00fcr die langfristige Dokumentation. Das Projektteam tauscht sich zu den Designs mit Miro und regelm\u00e4\u00dfig in den scrum-typischen Terminformaten \u00fcber Google Meet und Microsoft Teams aus. Die interne Kommunikation l\u00e4uft dabei \u00fcberwiegend in Echtzeit in projektbezogenen Slack-Channels.<\/span><\/p>\n Ein Designteam auf Kundenseite mit dem eigenen Designteam zu synchronisieren und in den agilen Gesamtprozess einzubinden, war nicht trivial. F\u00fcr die gemeinsame Arbeit an den Web-Components wurde zudem auf eine noch relativ junge Technologie gesetzt, die auf beiden Seiten eine hohe Lernkurve erforderte. Technisch war die daran anschlie\u00dfende Umsetzung beziehungsweise Nutzung von Shadow-DOM eine Challenge.\u00a0<\/span><\/p>\n Zentralisierte Libraries und der Mut, auch neue Wege zu gehen, zahlen sich aus. So l\u00e4sst sich wohl die wichtigste Erkenntnis nach erfolgreichem Abschluss der ersten Projektetappen am treffendsten zusammenfassen. Viel zu h\u00e4ufig wird dieser vermeintlich initiale Zusatzaufwand gescheut, obwohl zuk\u00fcnftige Folgeprojekte enorm von der nachhaltig geschaffenen Basis in Code und Design profitieren.<\/span><\/p>\n Welche Systeme eingebunden wurden und welche Vorteile sich f\u00fcr unseren Kunden Warema durch nun etablierte automatisierte Prozesse ergeben, k\u00f6nnen Sie in unserer ausf\u00fchrlichen Warema Success Story<\/a> lesen.<\/p>\n Sie m\u00f6chten in Zukunft auch auf eine erweiterbare Digital Experience Platform und zentralisierte Design- und Code-Libraries setzen? Wir freuen uns darauf, Sie zu beraten<\/a>.<\/p>\n <\/p>\nWie hat sich das Team auf Agenturseite zusammengesetzt?<\/h2>\n
Was beinhaltete das Projektbriefing?<\/h2>\n
Wie wurden diese Anforderungen im konkreten Design- und Kommunikationskonzept aufgegriffen?\u00a0<\/span><\/h2>\n
Welche (Web-)Technologien kamen bei dem Projekt zum Einsatz?<\/h2>\n
Welche Projektmanagement-Tools wurden verwendet?<\/h2>\n
Was waren die gr\u00f6\u00dften Herausforderungen?\u00a0<\/span><\/h2>\n
Was sind die wichtigsten Erkenntnisse?<\/h2>\n