UI/UX-Design

UI/UX-Design von den Menschen, die es auch bauen

Cloudnonic gestaltet Produktoberflächen für Gründer und Produktteams, die Screens brauchen, die in Produktion gehen, nicht ein Deck. Dieselben Senior-Entwickler, die das Produkt später bauen, führen die Designarbeit: User Flows, Informationsarchitektur, ein Designsystem und produktionsreife Screens in Figma, abgeglichen mit dem Datenmodell und den APIs, bevor jemand eine Zeile UI-Code schreibt. Als eigenständiger Auftrag mit definiertem Umfang oder als erste Wochen eines Produktprojekts.

Was enthalten ist

Discovery und User Flows

Die Aufgaben, die Ihre Nutzer erledigen müssen, abgebildet in Flows und einem Screen-Inventar. Wir beginnen bei den Entscheidungen, die das Produkt unterstützen muss, nicht bei einer Vorlage.

Informationsarchitektur, die zum Datenmodell passt

Navigation, Benennung und Zustände werden gegen die echten Entitäten und Berechtigungen Ihres Systems geprüft, damit das Design nichts verspricht, was das Backend nicht leisten kann.

Designsystem

Tokens, Komponenten und Zustände in Figma mit direkter Zuordnung zur Komponentenbibliothek, mit der wir bauen, in React und Tailwind. Eine Quelle der Wahrheit für Designer und Entwickler.

Produktionsreife Screens

Jeder Screen in jedem Zustand: leer, ladend, Fehler, lange Inhalte, mobil. Die Übergabe ist ein klickbarer Prototyp mit annotierten Screens, kein PDF.

Usability-Checks

Kurze Sessions mit echten Nutzern oder Fachexperten vor der Umsetzung und instrumentierte Reviews nach dem Launch, damit Änderungen dem folgen, was Menschen tatsächlich tun.

So arbeiten wir mit Ihnen

So arbeiten wir mit Ihnen

Design ist entweder ein Auftrag mit festem Umfang und definiertem Ergebnis oder die Anfangsphase eines Produktteam-Engagements, in dem dieselben Personen in die Umsetzung weitergehen. In beiden Fällen sitzt ein Senior-Entwickler in jedem Design-Review; so bleiben die Screens ehrlich, was Aufwand und Machbarkeit angeht.

Ihr Produktteam · Was das verhindert: Einen Prototyp, der nie zur Plattform wird, und eine CTO-Einstellung, bevor das Produkt sie verdient.

Die zwei Zusammenarbeitsmodelle →

Unser Stack

Pro Projekt gewählt. Wir nehmen, was Ihr Team nach uns betreiben kann, nicht was gerade in Mode ist.

  • Figma
  • React
  • Next.js
  • Tailwind CSS
  • Tailwind CSS
  • Next.js
  • React
  • Figma

Was schiefgeht, und was wir stattdessen entscheiden

  1. Design, bevor das Datenmodell bekannt ist

    Screens werden abgenommen, die Beziehungen, Rollen oder Zustände voraussetzen, die das System nicht hat. Das Redesign passiert dann im Code, im teuersten Moment.

    Was es kostet

    Wochen Nacharbeit am Ende der Umsetzung und ein Produkt, das mit dem Kompromiss statt mit dem Design live geht.

    Wie wir entscheiden

    Wir legen Datenmodell und Berechtigungsregeln in der ersten Designwoche auf den Tisch und gestalten die Zustände, nicht nur den Happy Path.

  2. Eine Designagentur, die ein Deck übergibt

    Eine polierte Figma-Datei kommt an, ohne Zustände, ohne Komponentenzuordnung und ohne jemanden, der dafür verantwortlich ist, wie sie sich auf dem Smartphone verhält.

    Was es kostet

    Die Entwickler füllen die Lücken selbst, und das Produkt entfernt sich im ersten Sprint vom Design.

    Wie wir entscheiden

    Die Entwickler, die das Produkt bauen, sind vom ersten Tag an in der Designarbeit, und die Übergabe ist ein Prototyp plus ein Designsystem, das auf die Komponentenbibliothek abbildet.

  3. Das ganze Produkt auf einmal neu gestalten

    Eine komplette visuelle Überarbeitung landet als ein großes Release, vermischt Markenänderungen mit Workflow-Änderungen und macht jede Regression unzuordenbar.

    Was es kostet

    Verlorenes Nutzervertrauen, ein Support-Ansturm beim Launch und keine Möglichkeit zu sagen, welche Änderung welchen Einbruch verursacht hat.

    Wie wir entscheiden

    Wir gestalten Flow für Flow neu, im selben Release-Rhythmus wie die übrige Arbeit, und messen jeden Schritt.

Häufige Fragen

Machen Sie Design, ohne das Produkt zu bauen?

Ja, als definierter Umfang: Flows, Designsystem und produktionsreife Screens mit klickbarem Prototyp. Die meisten Kunden behalten danach dasselbe Team für die Umsetzung, weil die Menschen, die die Screens gestaltet haben, Datenmodell und Einschränkungen bereits kennen.

Wer macht die Designarbeit bei Cloudnonic?

Senior-Produktentwickler mit Designerfahrung, die in Figma arbeiten, ergänzt um eine UX-Spezialistin oder einen UX-Spezialisten in researchlastigen Phasen. Es gibt keine separate Designabteilung, die Arbeit über eine Mauer wirft; die Menschen, die gestalten, sind in der Umsetzung.

Was erhalten wir am Ende?

Eine Figma-Datei mit dem Designsystem und jedem Screen in jedem Zustand, einen klickbaren Prototyp und eine schriftliche Begründung der wichtigsten Entscheidungen. Geht es in die Umsetzung weiter, setzt die Komponentenbibliothek dieselben Tokens um.

Wie lange dauert eine Designphase?

Bei einem Produkt mit definiertem Umfang drei bis sechs Wochen vom Kickoff bis zu produktionsreifen Screens. Größere Plattformen werden Flow für Flow parallel zur Umsetzung gestaltet, nicht komplett vorab.

AI-Native entwickelt

Jede Leistung auf dieser Seite wird mit unserem AI-Native-Prozess geliefert: Spezifikationen als Quelle der Wahrheit, Agenten in der Pipeline und ein namentlich verantwortlicher Entwickler, der auf Staging freigibt.

Wie wir mit KI entwickeln →

Sehen, wie das für Ihr Produkt aussieht?

Buchen Sie ein Gespräch — wir gehen Ihre Architektur, Ihre Rahmenbedingungen und die ersten neunzig Tage durch.Technisches Gespräch buchen
CLOUDNONICCLOUDNONICCLOUDNONIC