Komplexität im globalen Kontext

Ende 2020 launchte Eckart die neue globale Website und den Shop. Wir wurden beauftragt, die User-Interface-Komponenten und Designs für die Hauptseiten zu erstellen und die Marken-Narrative für ausgewählte Contentseiten anzupassen. Viele Seitentypen mit möglichst wenig Komponenten erstellen. Flexible Layouts und Gestaltungsoptionen für jeden Bedarf; beispielsweise durch smarte Stiloptionen wie Hintergrundfarben und Layoutvarianten. Auf einer begrenzten Zahl an Komponenten konnten so Seitentypen von der Home-, über Marktseiten, bis hin zu Editorial-Content aufgebaut werden.

Gestaltung für internationale Märkte

Für die Erstbefüllung zum Launch erstellten wir zudem die Home-, die Marktseiten und weitere Hauptseiten der Website. Jeder Markt erhielt einen eigenen Farbcode, der in die bei der Einführung gewählten Bilder eingebettet wurde. Dies vereinfacht die visuelle Unterscheidung für den Benutzer. Aufgrund des Umfangs war das Projekt eine Zusammenarbeit zwischen uns, Eckarts internen Abteilungen und einer dezidierten e-Commerce-Agentur, die die Programmierung übernahm. Eckart hat viele der unterstützenden Produkt-, Blog- und Supportseiten selbst umgesetzt

Ein flexibles System für einen globalen Auftritt

Das Ergebnis ist ein skalierbares UI- und Designsystem, das Eckart eine konsistente und zugleich flexible digitale Präsenz ermöglicht. Durch den modularen Aufbau können unterschiedliche Märkte, Inhalte und Seitentypen effizient abgebildet und weiterentwickelt werden. Der Relaunch schuf eine klare visuelle Struktur, erleichterte die internationale Differenzierung und legte die gestalterische Grundlage für zukünftige Erweiterungen von Website und Shop. Eckart verfügt damit über ein nachhaltiges digitales System, das Markenführung, Benutzerfreundlichkeit und technische Anforderungen miteinander verbindet.

Visuelle Systematik & UI Design

Als Art Director war ich verantwortlich für die visuelle Konzeption und Ausarbeitung der UI-Komponenten im Rahmen des globalen Websiteund Shop-Relaunchs. Auf Basis der bestehenden Markenführung entwickelte ich gemeinsam mit dem Team ein flexibles UI-System, das sich auf unterschiedliche Seitentypen, Märkte und Inhalte skalieren ließ. Zu meinen Aufgaben gehörten die Gestaltung der zentralen UIKomponenten, die Definition von Layoutlogiken sowie die visuelle Ausarbeitung der Hauptseiten für den Launch. Dabei arbeitete ich eng mit UX, Entwicklung und den internen Teams von Eckart zusammen und begleitete den Prozess bis zur Übergabe an die technische Umsetzung.