Mandantenfähiges Design System
Flexibel, modern und frisch
KUNDE:
rhenag Rheinische Aktiengesellschaft
KOMPETENZFELDER:
Konzeption, Corporate Design, UX/UI, Design-System, CMS, NEOS, technische Umsetzung
AUFGABENSTELLUNG:
Der Energieversorger rhenag mit Sitz in Siegburg und Köln wollte seine Services und Kommunikation in der digitalen Welt ausbauen. Dafür suchte das Unternehmen einen Partner, der es ganzheitlich betreut und das nötige digitale Know-how mitbringt.
Gemeinsam mit rhenag haben wir die bisherigen Strategien, Prozesse und Kommunikation untersucht und Lösungsszenarien für Services, Produkte und Kommunikation entwickelt.
ERGEBNIS:
Begonnen wurde mit dem Aufbau und der Einführung eines mandantenfähigen CMS, das es rhenag ermöglicht, eigenständig und schnell Websites und Landingpages zu erstellen, um Produkte, Leistungen und Services besser vermarkten zu können. Da rhenag diverse Kooperationen und Partnerlieferanten hat, war es wichtig, dass das CMS entsprechende Corporate Design Elemente wie Farben, Bildsprachen oder Schriften für die Mandanten einfach anpassen kann. Zu diesem Zweck haben wir ein Webdesign-System entwickelt, das genau diese Anforderungen erfüllt und auch von anderen Agenturen als Basis für eigene Webseiten genutzt werden kann.
Von UX/UI bis zur technischen Umsetzung – alles drin!
Das rhenag Design System ist ein ständig wachsendes System, da alle für rhenag tätigen Dienstleister auf diese XD-Datei zugreifen und sie für ihre Zwecke erweitern können. Sind Elemente und Templates dabei, die auch für andere Themen der rhenag interessant sein könnten, werden diese in den CMS Template Pool aufgenommen und stehen jeder Abteilung oder Beteiligung der rhenag zur Verfügung.
Durch die Einführung eines Designsystems bei rhenag profitieren sowohl die Designer als auch die technischen Dienstleister von den Templates, da sie vieles nicht neu erfinden müssen, sondern sich auf Ihre speziellen Anforderungen an ein Thema konzentrieren können. rhenag profitiert wiederum von der Zusammenführung aller Templates und Elemente zur gemeinsamen Nutzung. Design-System und CMS-Templates werden gleichermaßen gepflegt und aktualisiert.
Ein Bild und trotzdem 1000 Gesichter
Durch das Headless Content Management System NEOS mit der Trennung von Design, Inhalt und Mandanten ist eine maximale Flexibilität gewährleistet. Und das bei gleichzeitiger Einhaltung der Corporate Design-Vorgaben des jeweiligen Unternehmens. Durch die im Pool bereitgestellte und von allen Dienstleistern, Abteilungen und Gesellschaften erweiterte Template-Entwicklung profitieren automatisch alle.
So vielfältig und wandelbar wie die rhenag selbst
Designelemente:
Im Designsystem der rhenag werden alle auf einer Website verwendbaren Elemente einzeln aufgelistet und ihren jeweiligen Eigenschaften zugeordnet. Auf diese Weise können die Seiten im Vorfeld individuell gestaltet und getestet werden, bevor sie als Template in das CMS übernommen werden.
Elementzustände:
Das rhenag Designsystem beschreibt neben den Elementen auch die Zustände der Elemente bei z.B. Klick, Mouseover, Scrollen oder anderen Aktionen. So können sich Elemente bei einer Interaktion auch in Farbe oder Form verändern. Das macht eine Website interessant und damit erlebbar.
Micro-Animations:
Zu einer modernen Website gehören Mirco-Animationen. Diese sind in einem separaten Dokument beschrieben und dargestellt. Das Designsystem verweist bei Micro-Animationen auf das separate Dokument mit den entsprechenden Darstellungen.
Geschäftsführer – berät, konzipiert & leitet
Du hast irgendwelche Fragen zu diesem Projekt?
Dann nimm Kontakt auf!
