Service
UI/UX-Design
Wir finden heraus, wo Nutzer hängen bleiben, klären die Abläufe in klickbaren Prototypen und gestalten darauf die Website oder das Produkt: Seitenstrukturen, Layouts für jede Bildschirmgröße und ein Designsystem mit ausgearbeiteten Screens. Weil wir auch entwickeln, was wir gestalten, geht zwischen Figma und Code nichts verloren.
Was enthalten ist
- 01 Nutzerforschung, Flows und klickbare Prototypen in Figma
- 02 Usability-Tests mit echten Nutzern, bevor etwas gebaut wird
- 03 Designsystem mit Tokens, Komponenten und beiden Themes
- 04 Website-Layouts für Smartphone, Tablet und Desktop
- 05 High-Fidelity-Screens mit einer Übergabe, die Entwickler direkt umsetzen
Für wen
UI/UX-Design passt, wenn Ihre Daten Abbrüche in einem Ablauf zeigen, wenn sich ein Produkt für neue Nutzer schwer oder unklar anfühlt oder wenn Web und Mobile auseinandergedriftet sind und ein gemeinsames System brauchen. Hier bekommt auch Ihre Website ihren Look: Seitenstruktur, Layouts und die Details, die eine Marke hochwertig wirken lassen. Zuerst klären wir die Nutzung mit Research, Flows und Prototypen, dann geben wir ihr mit Tokens, Komponenten und Screens eine visuelle Form. Jede Entscheidung treffen wir mit Blick auf die Umsetzung, damit die Entwicklung auf etwas aufbaut, das bereits funktioniert.
Was wir gestalten
Vom ersten Interview bis zur letzten Komponente, in einem Team.
Research
Struktur
Interface
Tests und Übergabe
So läuft ein UI/UX-Projekt
-
3–5 Tage
Analyse
Wir klären Ziele, Nutzer und die wichtigsten Abläufe, sehen uns Ihre Analytics und das bestehende Produkt an und legen die Forschungsfragen fest, bevor ein Screen entsteht.
Ziele und Zielgruppe Analytics-Review Forschungsfragen -
1–2 Wochen
Research und Flows
Interviews, Umfragen und Funnel-Daten zeigen, wo Nutzer hängen bleiben. Daraus entstehen User Flows und Wireframes, und wir testen einen klickbaren Prototyp, bevor das visuelle Design beginnt.
Nutzerinterviews User Flows Wireframes Klickbarer Prototyp -
1–3 Wochen
System und Screens
Wir einigen uns auf eine visuelle Richtung, legen Tokens und Komponenten an und gestalten die wichtigsten Abläufe in High Fidelity für Web und Mobile.
Design-Tokens Komponenten High-Fidelity-Screens Responsive Layouts -
1 Woche
Test und Übergabe
Wir testen die Screens mit echten Nutzern, beheben, worüber sie stolpern, und übergeben einen Komponenten-Guide mit Redlines und Motion-Notizen oder bauen die Komponenten selbst.
Usability-Tests Komponenten-Guide Redlines Programmierte Komponenten
Zeitrahmen und Preise
Ein fokussiertes UI/UX-Projekt dauert 3 bis 6 Wochen. Eine größere Produkt-Discovery mit vollständigem Designsystem dauert 8 bis 12 Wochen. Der Preis hängt davon ab, wie tief die Forschung geht, wie viele Abläufe wir abdecken und wie groß das System wird. Nach einem kurzen Gespräch erhalten Sie ein Angebot mit klarem Umfang.
Nach dem Design
Ein Design hilft erst, wenn es gebaut ist. Unsere Entwickler setzen die Komponenten in der Web- oder App-Entwicklung um, und wir erweitern das System, wenn neue Funktionen neue Muster brauchen. Muss zuerst die Marke selbst geschärft werden, beginnen Sie mit Branding.
Ähnliche Projekte
Alle ansehen
Ein fokussiertes Projekt dauert 3 bis 6 Wochen. Eine größere Produkt-Discovery mit vollständigem Designsystem dauert 8 bis 12 Wochen. Den Zeitplan halten wir im Angebot fest, damit Sie wissen, wann jedes Review und jeder Test ansteht.
Wir erstellen nach einem kurzen Gespräch ein Angebot pro Projekt. Der Preis hängt von der Tiefe der Forschung, der Zahl der Abläufe und der Größe des Designsystems ab. Usability-Tests und programmierte Komponenten können Sie dazunehmen oder weglassen.
Ja. Webdesign ist Teil des UI/UX-Designs: Wir planen Sitemap und Seitenstruktur, gestalten die Layouts für Smartphone, Tablet und Desktop und übergeben eine Figma-Datei mit einem kleinen Designsystem. Unsere Entwickler setzen sie in der Webentwicklung um, oder Ihr eigenes Team.
Ja. Wir testen klickbare Prototypen, bevor das visuelle Design beginnt, und die fertigen Screens vor der Übergabe, moderiert oder unmoderiert. Sie erhalten einen kurzen Bericht, was wir geändert haben und warum.
Ja. Farben, Typografie, Abstände und Bewegung legen wir als Tokens an, die zu Tailwind CSS und CSS-Variablen passen. So werden die Komponenten genau wie gezeichnet umgesetzt, in Blade, React oder Vue.
Ja. Dasselbe Team entwickelt, was es gestaltet, deshalb können wir die Komponenten über die Web- oder App-Entwicklung als funktionierenden Code liefern, nicht nur als Figma-Dateien.
Ja. Die Figma-Dateien, das Designsystem und jeder Code, den wir schreiben, gehören bei der Übergabe Ihnen, zusammen mit einem Komponenten-Guide, mit dem Ihr Team weiterarbeiten kann.