User Experience Designer mit Schwerpunkt auf UI

Als Interface Designer und Webflow Experte helfe ich vor allem KMUs bei der Strategie, dem Design und der Entwicklung ihrer Webseite. Dabei habe ich bereits mit über 25 Kunden aus unterschiedlichsten Branchen (von Filmproduktion bis Pflegedienst) zusammengearbeitet.

"Jakob hat unser Design System in Figma von Grund auf neu entwickelt. Dabei hat er nicht nur eine einheitliche Struktur geschaffen, sondern auch einen effizienten Prozess entwickelt, wie neue Komponenten erstellt und für unsere Entwickler dokumentiert werden. Durch die übersichtliche Struktur profitieren wir jetzt von kürzeren Einarbeitungszeiten neuer Designer/innen und entlasten unser Entwicklungsteam bei der Programmierung neuer Komponenten. Jakob hat sich im Bereich Design Systems als echter Spezialist bewiesen und gliederte sich schnell als Mitglied in unser Team ein." - Dominik Oswald (Senior Director Marketing Plattforms & Services, All For One Group)

Die Ausgangslage dieses Projektes war eine umfangreiche, aber sehr unstrukturierte Design Library. Die einzelnen Komponenten wurden grundlegend nach "Atomic Design" in Atome, Moleküle und Organisms strukturiert. Jedoch wurden diese ohne einheitliches Format, Naming-Konvention oder Gruppierung über mehrere Jahre hinweg angelegt. Dies hatte zu Folge, dass Komponenten nicht systematisiert gefunden werden konnten und viele Duplikate und veraltete Versionen existierten.

Das Ziel des Projektes war es daher eine Struktur für die Library zu finden und zu implementieren, auf welcher langfristig auch bei stetig steigender Anzahl an neuen Komponenten aufgebaut werden kann. Dieses Ziel war zudem mit der Anforderung verknüpft, dass auch neue Designer/innen und Entwickler/innen sich in der Library schnell zurechtfinden ohne separates Onboarding.

In diesem Rahmen wurden alle vorhandenen Komponenten zunächst in einem Einheitsformat dokumentiert. Während dieser ersten Migration wurden u.a. Duplikate gelöscht bzw. archiviert. Im zweiten Schritt wurde die Library aufgrund der moderaten Größe für eine bessere Übersichtlichkeit in zwei Bereiche unterteilt: Foundations & Atoms (Komponenten, welche sich selten ändern oder neue hinzugefügt werden) und Molecules & Organisms (Komponenten, welche regelmäßig verändert und erweitert werden).