Ziehm Imaging, 2020-2025
Website relaunch, Social Media Design, Design System
Für Ziehm Imaging, einen führenden Anbieter mobiler Röntgengeräte, habe ich im Designteam von .diff communications den Website-Relaunch und den Aufbau eines flexiblen Designsystems begleitet. Ziel war es, die komplexen Produkte leicht verständlich und ansprechend darzustellen und dem Marketing-Team Werkzeuge an die Hand zu geben, mit denen es Websiteinhalte und Social Media Assets künftig selbst pflegen und erweitern kann.
Zum Projektstart habe ich mich in die Produkte und Personas eingearbeitet, Moodboards erstellt und die User Experience der Website neu konzipiert. Schritt für Schritt entstand ein modulares Designsystem, das sich sowohl für die Website, das CRM System als auch für Social-Media-Formate einsetzen lässt und bis heute von mir betreut, gepflegt und erweitert wird.
Die einzelnen Websitemodule lassen sich frei kombinieren und wachsen so mit neuen Inhalten mit. Als Design-Lead stimmte ich mich eng mit dem Development-Team ab, um für eine reibungslose Umsetzung zu sorgen.
Gestalterisch setzt die Seite auf einen modernen, klaren Look, der gleichzeitig die klinische Umgebung der Produkte widerspiegelt. Für bessere Zugänglichkeit habe ich zu Beginn des Projekts die Grüntöne der Brand sowie Kontraste angepasst, auf große Klickbereiche geachtet und die Struktur semantisch aufgebaut. Großzügiger Weißraum, dezente 2D-Animationen und leichte Parallax-Effekte sorgen für ein luftiges, modernes und dennoch klinisches Erscheinungsbild.
Um dem Team den Einstieg in ihr neues Designsystem zu erleichtern und ein selbstständiges Arbeiten zu ermöglichen, entwickelte ich ein Schulungskonzept für Marketing-Teams. In einer zweistündigen Gruppen- sowie einer einstündigen Einzelschulung konnten sich die Teilnehmenden mit Figma sowie dem Designsystem vertraut machen.
Das Ergebnis: eine Website, die sich frisch anfühlt, sich leicht bedienen lässt und dem Marketing-Team erlaubt, schnell auf neue Anforderungen zu reagieren – mit einem Designsystem, das langfristig mitwächst.
Projektlaufzeit: ca. 2 Jahre, wir erweitern die Seite bis heute um neue Module und Seitenbereiche
Designtools: zunächst Adobe XD, dann Umzug zu Figma
Meine Rollen im Projekt: UX Design, UI Design, Design-Lead, Design-System-Lead, Content Design
Designtools: zunächst Adobe XD, dann Umzug zu Figma
Meine Rollen im Projekt: UX Design, UI Design, Design-Lead, Design-System-Lead, Content Design
Module des Internen Newsletters
Auszug aus dem Design System
Responses Design der Module
Produktseiten Einstieg
Dark UI für Klinische Bilder
Disclaimer: Nicht alle der abgebildeten Produkte wurden genau so umgesetzt, sie dienen zur besseren Visualisierung der Designmöglichkeiten.