Projekt starten Starten

LeistungenUX/UI-Design

UX/UI-Design

2 Optionen · monatlich, pro Arbeitsmonat

Nur Design für ein Produkt, dessen Umfang bereits feststeht: Abläufe, Bildschirme, Zustände, ein Designsystem und die Übergabe an Ihr Entwicklungsteam. Auch Bildschirme für mobile Apps gehören zu dieser Arbeit.

Abläufe, Bildschirme und Zustände.
Bereit für Ihr Entwicklungsteam.

Nur Design für ein Produkt, dessen Umfang bereits feststeht. Wir erarbeiten die Nutzerabläufe, gestalten die Bildschirme samt Zuständen und übergeben ein Designsystem, auf dessen Grundlage Ihr Entwicklungsteam arbeiten kann. Auch Bildschirme für mobile Apps gehören zu dieser Arbeit.

Website-Oberfläche von MV Agusta

Das Produkt steht fest.
Jetzt braucht es seine Bildschirme.

Aufgabe, Zielgruppe und Umfang sind bekannt. Jetzt braucht das Produkt eine stimmige Oberfläche: nachvollziehbare Abläufe, Bildschirme, die auf echten Geräten funktionieren, und Zustände, die abbilden, was tatsächlich geschieht.

Wir gestalten innerhalb Ihres Produkts und übergeben das Ergebnis an Ihr Team. Die Entwicklung ist nicht Teil dieser Leistung; die Dateien werden so vorbereitet, dass Ihr Entwicklungsteam direkt damit arbeiten kann.

Wenn sich das Produkt selbst noch in der Entwicklung befindet, sehen Sie sich Produktdesign an.

Was in
Ihr Design einfließt.

Von den Nutzerabläufen bis zur Übergabe: alles, was Ihr Entwicklungsteam für die Umsetzung der Oberfläche benötigt.

Nutzer-Flows

Die Wege, die Menschen durch das Produkt nehmen: Wo eine Nutzerreise beginnt, was bei jedem Schritt geschieht und wo sie endet. Wir bilden die wichtigsten Szenarien und relevanten Verzweigungen ab.

Ergebnis: abgestimmte Abläufe vor den Bildschirmen.

Bildschirme

Die Oberfläche jedes Schritts wird für die vereinbarten Plattformen und Bildschirmgrößen gestaltet – Web, mobile App oder beides – und mit realistischen Inhalten versehen.

Ergebnis: Bildschirme für die vereinbarten Szenarien.

Zustände

Leere, Lade-, Fehler- und Erfolgszustände sowie der Moment, bevor jemand eine Aktion ausführt. Bei SKARR.PRO werden individuelle Interaktionen und Übergänge detailliert gestaltet.

Ergebnis: Zustände, die abbilden, was tatsächlich geschieht.

Designsystem

Komponenten, Typografie, Farben und Verhaltensweisen, die im gesamten Produkt zusammenpassen. SKARR umfasst die vereinbarten Bildschirme; SKARR.PRO erweitert das System für zukünftige Funktionen.

Ergebnis: ein System, das Ihr Team erweitern kann.

Übergabe

Für die Entwicklung strukturierte Figma-Dateien mit Komponenten, Spezifikationen und Anmerkungen. Bei SKARR.PRO unterstützen wir Ihr Entwicklungsteam während der Umsetzung.

Ergebnis: eine Übergabe, mit der Ihr Entwicklungsteam arbeiten kann.

Bildschirme
im Kontext.

Eine Oberfläche funktioniert, wenn alle Bildschirme und Zustände zu einem System gehören.

Banking App auf einem Smartphone: Abonnementbildschirm mit Ausgabenanalysen

Banking App.
Von der Übersicht zur Entscheidung.

Jemand wechselt von einer Ausgabenübersicht zu einem Abonnement, vergleicht die Optionen und unternimmt einen klaren nächsten Schritt. Jeder Bildschirm und Zustand auf diesem Weg gehört zu einer zusammenhängenden Nutzerreise.

Unser eigenes Produkt in Arbeit. Testen Sie die interaktive Demo, um die Bildschirme in Aktion zu sehen.

Demo testen

Figma-Dateien, mit denen Ihr Entwicklungsteam
arbeiten kann.

Sie erhalten die vereinbarten Abläufe, Bildschirme und Zustände als strukturierte Figma-Dateien sowie ein Designsystem mit Komponenten, Typografie und Verhaltensweisen.

Die Entwicklung ist nicht Teil dieser Leistung. Änderungen nach der Übergabe sind ein separater Auftrag; SKARR.PRO umfasst die Unterstützung Ihres Entwicklungsteams während des vereinbarten Übergabezeitraums.

Von den Abläufen
bis zur Übergabe.

Sie bringen das Produkt und seinen Umfang mit. Gemeinsam gestalten wir die Oberfläche und bereiten sie für Ihr Entwicklungsteam vor.

01

Umfang verstehen

Sie stellen uns das Produkt, seine Zielgruppe und die abzudeckenden Szenarien vor. Wir prüfen die vorhandenen Materialien, bestätigen die Plattformen und vereinbaren, was im Monat enthalten ist.

02

Abläufe abbilden

Wir erarbeiten die Nutzerreisen und die Informationen, die Menschen bei jedem Schritt benötigen, und stimmen alles ab, bevor wir die Bildschirme gestalten.

03

Bildschirme und Zustände gestalten

Bildschirme, Zustände und Komponenten nehmen in Figma Gestalt an. Gemeinsam prüfen wir die wichtigsten Nutzerreisen und verfeinern die Details. Bei SKARR.PRO untersuchen wir Alternativen, wenn eine Entscheidung noch offen ist.

04

Übergeben

Die Dateien werden mit Spezifikationen und Anmerkungen für die Entwicklung strukturiert. Bei SKARR.PRO stehen wir Ihrem Entwicklungsteam während des vereinbarten Übergabezeitraums zur Verfügung.

Wählen Sie die Umsetzungstiefe
für Ihr Interface.

Beide Optionen umfassen ausschließlich Design für ein Produkt mit klarem Umfang. Vergleichen Sie die Detailtiefe der Bildschirme, des Systems und der Übergabe.

UX/UI-Design: 2 Optionen mit genauen Preisen
Merkmal SKARR Individuell gestaltete Screens. Ihre eigene visuelle Sprache. $5,000 / Monat pro Arbeitsmonat SKARR kaufen

Sicherer Checkout über Stripe

SKARR.PRO Mehr Tiefe und Details im gesamten Nutzererlebnis, an jedem Kontaktpunkt. $6,990 / Monat pro Arbeitsmonat SKARR.PRO kaufen

Sicherer Checkout über Stripe

Das Design
AusgangspunktAusgangspunkt

Ein Produkt, dessen Aufgabe, Zielgruppe und Umfang bereits feststehen.

Ausgangspunkt

Dasselbe, ergänzt um offene Designentscheidungen, für die sich alternative Ansätze anbieten.

Abläufe und BildschirmeAbläufe und Bildschirme

Nutzerabläufe und Bildschirme für die vereinbarten Szenarien und Plattformen.

Abläufe und Bildschirme

Nutzerabläufe und Bildschirme, mit Prüfung von Alternativen, wenn eine Entscheidung noch offen ist.

Zustände und InteraktionenZustände und Interaktionen

Leere, Lade-, Fehler- und Erfolgszustände für die vereinbarten Bildschirme.

Zustände und Interaktionen

Dieselben Zustände, ergänzt um detailliert gestaltete individuelle Interaktionen und Übergänge.

Designsystem
KomponentenKomponenten

Komponenten, Typografie, Farben und Verhaltensweisen für die vereinbarten Bildschirme.

Komponenten

Ein erweitertes System, vorbereitet für zukünftige Bildschirme und Funktionen.

PlattformenPlattformen

Web, mobile App oder beides, wie für das Projekt vereinbart.

Plattformen

Web, mobile App oder beides, mit umfassenderer Anpassung an verschiedene Größen und Plattformen.

Übergabe
Monatliche ArbeitMonatliche Arbeit

Designarbeit für den Monat. Umfang und vorgesehene Ergebnisse werden vor Beginn vereinbart.

Monatliche Arbeit

Designarbeit für den Monat in der gewählten Tiefe. Umfang und vorgesehene Ergebnisse werden vor Beginn vereinbart.

Was Sie erhaltenWas Sie erhalten

Strukturierte Figma-Dateien: Abläufe, Bildschirme, Zustände und das Designsystem.

Was Sie erhalten

Dasselbe, ergänzt um die geprüften Alternativen und das erweiterte System.

Unterstützung für EntwicklerUnterstützung für Entwickler

Übergabenotizen und Antworten auf Fragen bei der Übergabe.

Unterstützung für Entwickler

Unterstützung Ihres Entwicklungsteams während des vereinbarten Übergabezeitraums.

Vor
dem Start.

Entwickeln Sie auch die Oberfläche?

Nein. UX/UI-Design umfasst das Design und die Übergabe. Die Umsetzung der gestalteten Oberfläche ist eine separate Leistung: Frontend-Entwicklung für Websites und Weboberflächen, App-Entwicklung für Anwendungen.

Können Sie Bildschirme für mobile Apps gestalten?

Ja. Bildschirme für mobile Apps gehören zu dieser Arbeit. Die Plattformen und Bildschirmgrößen vereinbaren wir zu Beginn.

Was müssen wir bereitstellen?

Das Produkt oder eine Beschreibung davon, die abzudeckenden Szenarien, vorhandene Materialien wie die Marke, aktuelle Bildschirme und Analysen sowie eine Person, die im Laufe des Monats Entscheidungen treffen kann.

Was, wenn das Produkt noch nicht definiert ist?

Dann beginnt die Arbeit früher. Produktdesign erarbeitet Aufgabe, Zielgruppe und Produktmodell, bevor die Bildschirme gestaltet werden.

Was geschieht nach der Übergabe?

Ihr Entwicklungsteam setzt das Produkt anhand der Dateien um. Fragen während des vereinbarten Übergabezeitraums sind bei SKARR.PRO abgedeckt. Weitere Bildschirme werden als neue Arbeit vereinbart.

Haben Sie noch Fragen?

Interface besprechen

Kontakt

Lassen Sie uns sprechen

Hinterlassen Sie Ihre Kontaktdaten. Wir melden uns, um Ihr Projekt zu besprechen und Ihnen dabei zu helfen, den passenden nächsten Schritt zu finden.

DE