
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 Team von .diff communications den Website-Relaunch und ein flexibles Designsystem begleitet. Ziel war es, die komplexen Produkte klar und ansprechend darzustellen und dem Marketing-Team Werkzeuge an die Hand zu geben, mit denen es Websiteinhalte künftig selbst pflegen und erweitern kann.
Zum Projektstart habe ich mich in die Produkte 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.
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, damit alles reibungslos umgesetzt werden konnte.
Gestalterisch setzt die Seite auf einen modernen, klaren Look, der gleichzeitig die klinische Umgebung der Produkte widerspiegelt. Für bessere Zugänglichkeit habe ich die Grüntöne der Brand sowie Kontraste angepasst, auf große Klickbereiche geachtet und die Struktur logisch aufgebaut. Großzügiger Weißraum, dezente 2D-Animationen und leichte Parallax-Effekte sorgen für ein luftiges, lebendiges Erscheinungsbild.
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
Designtools: zunächst Adobe XD, dann Umzug zu Figma
Meine Rollen im Projekt: UX Design, UI Design, Design-Lead, Content Design
Designtools: zunächst Adobe XD, dann Umzug zu Figma
Meine Rollen im Projekt: UX Design, UI Design, Design-Lead, Content Design

Module des Internen Newsletters

Produktseiten Einstieg

Auszug aus dem Design System

Dark UI für Klinische Bilder
Disclaimer: Nicht alle der abgebildeten Produkte wurden umgesetzt, sie dienen lediglich zur Visualisierung des möglicher Designs
Mockups weitestgehend von @benditomockup ❋