Portside STUDIOPROJEKT

Digital

Portside

Ein Designsystem für die Frachtplanung, Konzept

Disziplin
UI/UX & Digitales Produktdesign
Art
Studioprojekt (Konzept)
Jahr
2026
Umfang
Designsystem, zentrale Produkt-Screens

Briefing

Portside ist ein selbst initiiertes Konzept für ein Tool zur Frachtplanung, gedacht für kleine maritime Frachtbetriebe — eine Softwarekategorie, die meist entweder eine Excel-Tabelle oder eine Enterprise-Plattform ohne Mittelweg ist. Die Übung: ein System entwerfen, keinen Satz Screenshots, damit ein kleines Engineering-Team tatsächlich darauf bauen und es erweitern kann.

Ansatz

Die Arbeit begann mit den Zuständen, die niemand ins Portfolio stellt: ein leerer Terminplan, eine widersprüchliche Buchung, ein fehlgeschlagener Sync, eine langsame Verbindung auf See. Die Komponentenbibliothek wurde zuerst dafür gebaut, dann wurden die drei zentralen Abläufe (Buchung anlegen, Konflikt lösen, Wochenansicht) aus denselben Komponenten zusammengesetzt — sodass das System, nicht die Screens, das eigentliche Ergebnis ist.

Ergebnis

Eine dokumentierte Figma-Bibliothek mit definierten Zuständen und Abstandsregeln, aus der ein zweiköpfiges Engineering-Team direkt bauen könnte, plus die drei zentralen Abläufe als Referenz-Screens — eine konkrete Demonstration dessen, was 'ein Designsystem, nicht nur Mockups' in der Praxis bedeutet.

Sehen Sie, wie das auch für Ihr Projekt funktionieren könnte.

Nächstes Projekt → Kontor