Paradigma7

Leistungen

UI/UX-Design — UI/UX-Design: vom Nutzerfluss zum Designsystem

Von der Recherche zum Designsystem: Figma-Übergabe, Komponentenbibliothek, Barrierefreiheit.

Angebot für diese Leistung anfordern
Alle Leistungen

Was am Ende Ihnen gehört

Ein Designsystem, das eins zu eins in Code übergeht, und mit echten Nutzern getestete Screens.

Typische Dauer
4–8 Wochen
Team
Kernteam von 2
Start
1–2 Wochen nach Vertragsschluss

Wie wir arbeiten

Von der Recherche bis zum Designsystem: Nutzerflüsse, Figma-Designs, Komponentenbibliothek und Barrierefreiheitsprüfungen. Design-Tokens entsprechen eins zu eins dem Code.

Was enthalten ist

  • Nutzerforschung & Flows
  • Design-Tokens & Komponenten
  • Prototyping & Usability-Tests

Die richtige Wahl, wenn

  • 01

    Das Produkt funktioniert, doch Nutzer bleiben immer an derselben Stelle hängen.

  • 02

    Jeder Screen sieht anders aus; eine gemeinsame Sprache fehlt.

  • 03

    Sie wollen sehen, was Sie bauen, bevor die Entwicklung beginnt.

Typischer Stack

  • Figma
  • Design tokens
  • Storybook
  • Prototyping
  • WCAG 2.1 AA
  • Usability testing

So arbeiten wir

Die Arbeit beginnt mit Nutzerforschung und der Erstellung von Nutzerabläufen. Es wird untersucht, an welchen Punkten Nutzer im Produkt immer wieder nicht weiterkommen, und die zu entwickelnde Nutzererfahrung wird vor Beginn der Entwicklung sichtbar gemacht. In dieser Phase kommen Prototyping und Usability-Tests zum Einsatz. Der Designprozess konzentriert sich auf die Vorbereitung von Screens, die mit echten Nutzern getestet werden, sowie darauf, die gewonnenen Erkenntnisse in die Designentscheidungen einfließen zu lassen.

Anschließend wird eine Struktur aus Figma-Designs, Design-Tokens und Komponenten erstellt. Die Komponentenbibliothek wird durch Storybook unterstützt, und die Design-Tokens werden so definiert, dass sie exakt dem Code entsprechen. Die Barrierefreiheitsprüfungen werden gemäß WCAG 2.1 AA durchgeführt. Die UI/UX-Designarbeit dauert 4–8 Wochen und wird von einem zweiköpfigen Team durchgeführt.

Außerdem geliefert

  • Auf den Ergebnissen der Nutzerforschung basierende Nutzerabläufe
  • In Figma erstellte Screen-Designs
  • Mit dem Code übereinstimmende Design-Tokens
  • Durch Storybook unterstützte Komponentenbibliothek
  • Ergebnisse der Usability-Tests
  • Ergebnisse der WCAG 2.1 AA-Barrierefreiheitsprüfungen

Häufig gestellte Fragen

In welchen Phasen läuft die UI/UX-Designarbeit ab?

Die Arbeit beginnt mit Nutzerforschung und Nutzerabläufen. Anschließend werden Prototypen und Figma-Designs erstellt und die Screens durch Usability-Tests bewertet. Eine Komponentenbibliothek und Design-Tokens werden erstellt. Auch Barrierefreiheitsprüfungen sind Bestandteil des Prozesses.

Wie lange dauert die Arbeit?

Der angegebene Zeitraum für die UI/UX-Designleistung beträgt 4–8 Wochen. Der Prozess basiert auf einer Arbeitsstruktur, die Nutzerabläufe, Figma-Designs, eine Komponentenbibliothek, Prototyping und Usability-Tests sowie Prüfungen der Barrierefreiheit umfasst.

Mit welchem Tool werden die Designdateien erstellt?

Im Designprozess wird Figma verwendet. Der Leistungsumfang umfasst Nutzerabläufe, Figma-Designs, eine Komponentenbibliothek und Design-Tokens. Die Design-Tokens werden so umgesetzt, dass sie exakt mit dem Code übereinstimmen, und die Komponentenbibliothek wird durch Storybook unterstützt.

Wie wird die Barrierefreiheit berücksichtigt?

Prüfungen der Barrierefreiheit sind Bestandteil des UI/UX-Designprozesses und werden gemäß WCAG 2.1 AA durchgeführt. Diese Prüfungen werden gemeinsam mit den Figma-Designs und der Komponentenbibliothek berücksichtigt. In den Leistungsangaben sind keine spezifische Checkliste und kein Testergebnis genannt.

Weitere Leistungen

Unsicher, welche Leistung die richtige ist?

Ein kurzes Gespräch klärt das meistens. Sagen Sie uns, was Sie vorhaben — wir wählen gemeinsam den passenden Einstieg.

Erzählen Sie uns von Ihrem Projekt
Direkt Kontakt aufnehmen