Zum Inhalt springen
Sprache
DE EN FR
Projekt starten

Komplexe Plattformen, einfach zu bedienen

Nutzerzentrierte Gestaltung für komplexe Unternehmensplattformen, mit User Research, Prototypen und einem eigenen Design-System. Direkt umsetzbar auf dem cloudtec Stack, nicht nur als Mockup.

Die Illustration zeigt ein Layout-Gerüst, dessen graue Wireframe-Blöcke nacheinander in gestaltete, farbige Flächen übergehen. Nur die Struktur-Spalte bleibt als Raster stehen.

Ausgangslage

Vom Problem zur Oberfläche

Gute Gestaltung beginnt mit Verstehen, nicht mit Zeichnen. Bei komplexen Plattformen mit vielen Rollen, Prozessen und Fachlogik entscheidet die Nutzerführung über Akzeptanz und Effizienz.

Eine Persona-Karte aus der Disposition mit Zielen und Hürden, daneben der Hinweis, dass die Annahme im Interview bestätigt wurde.

User Research

Zielgruppen identifizieren, Nutzungsszenarien und bestehende Prozesse verstehen, Personas schärfen. Für interne Anwendungen genügen oft strukturierte Annahmen, die wir am Prototyp prüfen. Für kundenorientierte Portale investieren wir in echte Nutzer-Interviews und Usability-Tests. Grundlage ist unser User-Centered Approach: entschieden wird mit Ergebnissen aus Tests, nicht mit ungeprüften Annahmen aus dem Workshop.

Ein graues Wireframe und daneben derselbe Dialog in fertiger Gestaltung, mit Eingabefeldern, Knopf und Farbmustern.

UX-Design

Informationsarchitektur, User Stories und Nutzerflüsse: Struktur vor Farbe, und zwar bevor eine Zeile Code entsteht. Aus Wireframes wird die visuelle Gestaltung, abgestimmt auf deine Marke. Typografie, Farbsystem und Interaktionsmuster bilden eine konsistente Grundlage. Responsive vom ersten Entwurf an.

Ein klickbarer Prototyp im zweiten von vier Schritten: Der Mauszeiger wählt einen von drei Anbietern.

Prototyping

Klickbare Prototypen in Tagen, lauffähige in wenigen Wochen. Du siehst und klickst deine Plattform, bevor wir entwickeln. Frühe Tests mit echten Nutzenden validieren Annahmen. Teure Fehlentscheidungen fallen auf, solange sie günstig zu korrigieren sind.

Konsistenz & Zugänglichkeit

Damit die Gestaltung im Betrieb nicht zerfällt

Einzelne Ansichten werden schnell inkonsistent, und Barrierefreiheit lässt sich nicht nachrüsten. Beides ist bei uns Teil der Architektur: direkt auf dem Stack umsetzbar, ohne Wegwerf-Mockups.

  • Barrierefreiheit: Kontraste, Schriftgrössen und Interaktionselemente nach WCAG-Richtlinien, von Anfang an. Bei öffentlichen wie regulierten Plattformen ist das zunehmend Pflicht.
  • Design-Systeme: Wiederverwendbare Komponenten (Buttons, Formulare, Karten, Navigation) als gemeinsame Sprache von Design und Entwicklung. Sie bauen auf Stack UI, unserem eigenen UI-Framework. Prototypen entstehen mit KI direkt im Code des Stacks: Was du im Prototyp anklickst, ist bereits die Komponente, die live geht. Nach dem Launch fliesst Nutzerfeedback in regelmässige Optimierungszyklen ein.

Die Grafik zeigt ein Design-System schematisch: Links stehen die Tokens für Farbe, Abstand, Radius und Fokus. Ändert sich ein Token, übernehmen Desktop, Tablet und Smartphone die Änderung gleichzeitig. Danach wandert der Tastaturfokus vom Eingabefeld zum Knopf, und die Kontrastprüfung ist bestanden.

Referenzen

Design, das in Produktion steht

Drei Plattformen mit vielen Rollen und Prozessen. Hier entscheidet die Nutzerführung über Akzeptanz.

Gesundheit · Plattform

e-Health-Plattform OPAN®

Zuweisungsplattform für die Nachsorge: Spitäler, Praxen und Private melden bei Spitex, Heimen und Kliniken an und sehen freie Kapazitäten.

Referenz ansehen: OPAN®
Gesundheit · Plattform

Bewerberplattform myoda

Bewerberplattform für Gesundheitsberufe: Einblickstage und Praktika finden, das eigene Profil pflegen und sich direkt bei Betrieben bewerben.

Referenz ansehen: myoda
Freizeit & Tourismus · Plattform

Schweizer Wanderwege

Website, CMS und Benutzerkonto für den Dachverband: dreisprachig, mit swisstopo-Karten, Onlineshop und 26 kantonalen Organisationen auf einer Basis.

Referenz ansehen: Schweizer Wanderwege

Gutes Design beginnt mit einem Gespräch

Ob neue Plattform oder Redesign: sprich mit unserem Design-Team über deine Anforderungen.