LeistungenProduktdesign
Die Arbeit beginnt vor den Bildschirmen: bei der Aufgabe, der Zielgruppe, dem Produktmodell, den wichtigsten Szenarien und der zentralen Benutzeroberfläche. SKARR.PRO ergänzt getestete Hypothesen und alternative Produktmodelle.
Vielleicht beginnen Sie mit einer Idee, verbessern ein bestehendes Produkt oder entwickeln eine neue Funktion. Wir machen aus diesem Ausgangspunkt ein Produktmodell, eine zentrale Benutzeroberfläche und – sofern vereinbart – funktionierenden Code.
Produktdenken, Interface-Design und Entwicklung bleiben miteinander verbunden. Die gemeinsamen Entscheidungen fließen bis in die Software ein, die Menschen nutzen.
Zu Beginn vereinbaren wir den Umfang, prüfen gemeinsam wichtige Entscheidungen und überdenken Annahmen, wenn sich im Arbeitsverlauf neue Erkenntnisse ergeben.
Wenn das Produkt bereits definiert ist und seine Bildschirme, Abläufe und Zustände benötigt, sehen Sie sich UX/UI-Design an.
Jeder Abschnitt führt von einer offenen Frage zu einer Entscheidung, auf der wir aufbauen können.
Geschäftsziele, die Menschen, die das Produkt nutzen, und die Aufgaben, die sie erledigen müssen. Gemeinsam legen wir die Prioritäten und den Umfang der nächsten Version fest.
Ergebnis: ein Produktbriefing, Prioritäten und Hypothesen.
Was das Produkt ist, wie es Mehrwert schafft und welche Nutzerwege am wichtigsten sind. Wir ordnen die Informationen, die Menschen in jedem Schritt benötigen, sowie die Entscheidungen, die sie unterwegs treffen.
Ergebnis: Nutzerwege und das strukturelle Fundament des Produkts.
Die Bildschirme, auf denen das Produkt seinen Mehrwert bietet: ihr visueller Charakter, ihre Hierarchie und die Zustände rund um jede Aktion. Bei SKARR.PRO werden Hypothesen und alternative Modelle vor der Festlegung anhand von Prototypen getestet.
Ergebnis: die zentrale Benutzeroberfläche, abgestimmt anhand realer Bildschirme.
Komponenten, Typografie und Verhaltensweisen, die im gesamten Produkt zusammenpassen. SKARR deckt den Kern ab; SKARR.PRO erweitert das System für zukünftige Funktionen.
Ergebnis: ein Designsystem im Umfang, den das Produkt benötigt.
Der Kern kann direkt in React gestaltet werden: als interaktiver Prototyp zur Prüfung von Szenarien oder als funktionierende Benutzeroberfläche mit dem vereinbarten Verhalten. Figma ist kein notwendiger Zwischenschritt.
Ergebnis: ein interaktiver React-Prototyp oder eine funktionierende React-Benutzeroberfläche, je nach vereinbartem Umfang.
Eine schnelle Aufgabe auf dem Smartphone und ein Team-Arbeitsbereich erfordern unterschiedliche Arten, Informationen zu ordnen.
Bei Web-Apps und Dashboards bringen wir Status, Details und Aktionen in eine klare Struktur. Das Team erkennt, worauf es ankommt, öffnet den Kontext und bringt die Arbeit voran.
Ein visuelles Konzept mit Beispieldaten für ein Produkt in Entwicklung. Die oben gezeigte Banking App veranschaulicht denselben Ansatz auf einem kleinen Bildschirm.
Den Arbeitsprozess ansehenSie erhalten ein klares Produktmodell, die wichtigsten Szenarien und die zentrale Benutzeroberfläche: als Design-Dateien oder, sofern vereinbart, als interaktiven React-Prototyp oder funktionierende React-Benutzeroberfläche.
Weitere Iterationen, ein umfassenderes Designsystem und die Entwicklung zusätzlicher Funktionen werden als nächster Schritt vereinbart.
Vier Phasen, die jeweils mit einer Entscheidung enden, auf der wir aufbauen können.
Wir untersuchen das Unternehmen, die Menschen und den Nutzungskontext: Geschäfts- und Produktanalysen, Nutzerforschung, Wettbewerbsvergleiche und Produktaudits – ausgewählt nach den entscheidenden Fragestellungen. Das Ergebnis sind ein Produktbriefing, Prioritäten und Hypothesen.
Informationsarchitektur, Navigation, Inhaltshierarchie und Nutzerabläufe. Mithilfe von Prototypen prüfen wir die wichtigsten Szenarien und die Logik zentraler Interaktionen, bevor wir mit dem detaillierten Design beginnen. Bei SKARR.PRO werden alternative Produktmodelle prototypisch ausgearbeitet und verglichen.
Wir erarbeiten, wie das Produkt aussehen, wirken und sich verhalten soll, zeigen die Ausrichtung anhand repräsentativer Bildschirme und entwickeln die zentrale Benutzeroberfläche mit realistischen Inhalten, Bildschirmgrößen und Zuständen rund um jede Aktion.
Sofern die Entwicklung vereinbart ist, setzen wir den Umfang in React um, testen die wichtigsten Nutzerwege und Zustände und gleichen die Umsetzung mit dem Design ab. Sie erhalten die vereinbarten Dateien, den Quellcode und Hinweise zur Einrichtung.
Beide Optionen umfassen monatliche Produktarbeit. Die Tabelle zeigt, was die jeweilige Bearbeitungstiefe beinhaltet.
| Merkmal |
SKARR
Individuell gestaltete Screens. Ihre eigene visuelle Sprache.
$7,000 / Monat
pro Arbeitsmonat
SKARR kaufen
Sicherer Checkout über Stripe |
SKARR.PRO
Mehr Tiefe und Details im gesamten Nutzererlebnis, an jedem Kontaktpunkt.
$12,000 / Monat
pro Arbeitsmonat
SKARR.PRO kaufen
Sicherer Checkout über Stripe |
|---|---|---|
| Woran wir arbeiten | ||
| Ausgangspunkt | Ausgangspunkt Ein Produkt mit klarer Ausrichtung. Aufgabe, Zielgruppe und Umfang der nächsten Version werden gemeinsam definiert. | Ausgangspunkt Ein Produkt, dessen Modell noch offen ist. Bevor wir uns festlegen, prüfen wir mehrere Ausrichtungen. |
| Produktmodell und Szenarien | Produktmodell und Szenarien Ein Produktmodell und die dazugehörigen wichtigsten Szenarien. | Produktmodell und Szenarien Alternative Produktmodelle werden verglichen; die wichtigsten Szenarien des gewählten Modells werden ausgearbeitet. |
| Die zentrale Benutzeroberfläche | Die zentrale Benutzeroberfläche Die zentralen Bildschirme, gestaltet mit ihrer Hierarchie, ihren Zuständen und ihrem visuellen Charakter. | Die zentrale Benutzeroberfläche Die zentralen Bildschirme, mit Hypothesen, die vor dem detaillierten Design anhand von Prototypen getestet werden. |
| Umfang der Arbeit | ||
| Recherche | Recherche Geschäfts- und Produktanalysen, Nutzerforschung und ein Produktaudit – ausgewählt nach den entscheidenden Fragestellungen. | Recherche Dieselben Recherchen, ergänzt durch Wettbewerbsvergleiche und weitere Untersuchungen, wenn offene Fragen dies erfordern. |
| Designsystem | Designsystem Komponenten, Typografie und Verhaltensweisen für die zentrale Benutzeroberfläche. | Designsystem Ein erweitertes System, vorbereitet auf zukünftige Funktionen. |
| Iterationen | Iterationen Wichtige Entscheidungen werden in jeder Phase gemeinsam geprüft. | Iterationen Weitere Iterationen am Modell, an den Szenarien und an den Details der Benutzeroberfläche. |
| Zusammenarbeit | ||
| Monatliche Arbeit | Monatliche Arbeit Produktarbeit für den Monat. Umfang und vorgesehene Ergebnisse werden vor Beginn vereinbart. | Monatliche Arbeit Produktarbeit für den Monat mit der gewählten Bearbeitungstiefe. Umfang und vorgesehene Ergebnisse werden vor Beginn vereinbart. |
| Design im Code | Design im Code Der Kern als Design-Dateien oder, sofern vereinbart, als interaktiver React-Prototyp. | Design im Code Der Kern als Design-Dateien, interaktiver React-Prototyp oder funktionierende React-Benutzeroberfläche, je nach Vereinbarung. |
| Was Sie erhalten | Was Sie erhalten Das Produktbriefing, die Nutzerwege, die zentrale Benutzeroberfläche und die vereinbarten Übergabematerialien. | Was Sie erhalten Dasselbe, ergänzt um getestete Hypothesen, verglichene Modelle und das erweiterte System. |
Beides ist möglich. Der Kern kann in Figma oder direkt in React als interaktiver Prototyp gestaltet werden. Wir vereinbaren das Format zu Beginn danach, wie Ihr Team die Arbeit prüfen und fortsetzen wird.
UX/UI-Design setzt bei einem bereits definierten Produkt an: seinen Bildschirmen, Abläufen und Zuständen. Produktdesign beginnt früher – bei der Aufgabe, der Zielgruppe und dem Produktmodell – und gestaltet von dort aus die zentrale Benutzeroberfläche.
Der Kern kann, sofern vereinbart, in React umgesetzt werden: als interaktiver Prototyp oder als funktionsfähige Oberfläche. Die vollständige Anwendungsentwicklung, die Serverseite und Integrationen werden separat definiert.
Nein. Wir analysieren das Unternehmen, die Menschen und den Nutzungskontext, um Produktentscheidungen zu treffen. Formelle Marktforschung ist nicht Teil dieser Arbeit.
Wir besprechen gemeinsam die Ergebnisse und vereinbaren den nächsten Schritt: weitere Iterationen, ein umfassenderes System oder die Entwicklung zusätzlicher Funktionen.
Haben Sie noch Fragen?
Ihr Produkt besprechenFragen
Kontakt
Hinterlassen Sie Ihre Kontaktdaten. Wir melden uns, um Ihr Projekt zu besprechen und Ihnen dabei zu helfen, den passenden nächsten Schritt zu finden.
© 2026 SKARR.PRO
Wählen Sie Ihre Sprache
