Simple Cloud — Cloud-Hosting-Plattform Redesign

Das Redesign der Website sollte die Veränderungen in der Markenpositionierung sowie ihre Modernität widerspiegeln. Es wurde zum Ausgangspunkt für den Aufbau eines einheitlichen Designsystems.

Rolle: UI/UX-Design, Designsystem Stack: Sketch, Figma, Next.js, Framer-Motion

Kontrollpanel für Server- und Dienstverwaltung — für ein Hosting-Unternehmen

Rebranding eines B2B-Cloud-Anbieters und Redesign des Kundenportals — eines persönlichen Dashboards zur Verwaltung von Cloud-Diensten.

Das Unternehmen hat sich in zehn Jahren weiterentwickelt, doch das visuelle Erscheinungsbild und die Positionierung spiegelten das tatsächliche Niveau des Produkts nicht wider. In einem wettbewerbsintensiven Markt für Cloud-Lösungen hob sich die Marke nicht ab und vermittelte der B2B-Zielgruppe den Mehrwert des Dienstleistungsangebots nicht ausreichend.

Anpassbare Widgets

Das Interface ist keine feste Komposition, sondern eine Sammlung unabhängiger Widgets. Der Nutzer entscheidet selbst, welche Kennzahlen er sehen möchte und in welcher Reihenfolge.

Mobile Ansicht

Den Server vom Smartphone aus zu verwalten, muss genauso schnell und sicher gehen wie am Computer: ohne Zoomen, ohne Suche nach der richtigen Schaltfläche und ohne Fehler.

Visuelle Sprache

Jedes visuelle Mittel erfüllt hier eine Aufgabe: den Zustand zeigen, eine Hierarchie aufbauen oder die Aufmerksamkeit lenken.

Ikonografie

Das Iconsystem arbeitet mit vereinfachten Formen und abgerundeten Linien. Durch einheitliche Strichstärke und Größe sind die Icons sofort erkennbar.

Servererstellung

Das ist der zentrale Anwendungsfall des Produkts, und bei den meisten Hostern wird daraus ein langer Fragebogen. Hier wurde es anders gelöst: eine Abfolge kurzer Schritte mit klarem Ergebnis. Schon vor dem Klick auf den Button sieht der Nutzer, was er genau bestellt und wie viel es kostet.

Dunkler und heller Modus

Im Rahmen des Designsystems wurden ein dunkles und ein helles Theme umgesetzt. Sie sorgen für ein einheitliches Erscheinungsbild der Oberfläche und eine persönlichere Nutzung: Das Theme passt sich den Systemeinstellungen an und lässt sich mit einem Klick wechseln, ohne die Seite neu zu laden.

Dashboard-Builder und Projekte

Ein fester Satz an Blöcken passt nicht für alle: Manchen sind die Kosten wichtig, anderen die Serverauslastung. Deshalb gibt es eine eigene Seite, auf der sich das Dashboard aus fertigen Widgets für die eigenen Aufgaben zusammenstellen lässt. Projekte gliedern die Infrastruktur nach Verwendungszweck, und die wichtigsten Kennzahlen jeder Gruppe sind sichtbar, ohne die Gruppe zu öffnen.