Wissen, was entwickelt werden soll.
Wir beschäftigen uns mit Ihren Geschäftszielen, den Menschen, die das Produkt nutzen, und den Aufgaben, die sie erledigen müssen. Gemeinsam legen wir die Prioritäten und den Umfang der nächsten Version fest.
Design und
Entwicklung
digitaler Produkte.
Mobile Apps und Web-Interfaces.
Von der ersten Frage bis zur letzten Interaktion.
für Menschen.
vom Kontext.
Von einer offenen Frage
bis zu einem funktionierenden Produkt.
Vielleicht starten Sie mit einer Idee, möchten ein bestehendes Produkt verbessern oder eine neue Funktion entwickeln. Wir machen daraus einen klaren Plan, ein unverwechselbares Interface und eine funktionsfähige Umsetzung.
Produktdenken, visuelles Design und Entwicklung greifen ineinander. Die gemeinsam getroffenen Entscheidungen finden sich in der Software wieder, die Menschen nutzen.
Sehen, wie es funktionieren wird.
Wir strukturieren die Abläufe und geben dem Interface einen eigenen visuellen Charakter. Vor der Entwicklung prüfen Sie echte Bildschirme und testen wichtige Interaktionen in einem Prototyp.
In die Nutzung bringen.
Wir entwickeln die vereinbarten Funktionen, verbinden die benötigten Dienste und prüfen das Verhalten des Produkts. Auch im funktionsfähigen Interface überprüfen wir die Designentscheidungen.
Von den ersten Entscheidungen bis zur Veröffentlichung – oder genau der nächste Schritt, den Ihr Team braucht. So arbeiten wir
Ein kleiner Bildschirm.
Ein umfassendes Erlebnis.
Entdecken Sie unsere Banking App.
Wählen Sie ein Szenario aus.
Probieren Sie es selbst aus.
In der Banking App bewegt sich jemand von einer Übersicht über eine Entscheidung zu einem klaren nächsten Schritt. Wir gestalten diesen gesamten Ablauf für Ihr Produkt: Was Menschen wissen müssen, was sie tun können und was danach geschieht.
Vor einer Entscheidung.
Die relevanten Informationen sind griffbereit. Menschen können ihre Optionen vergleichen und verstehen, was sich durch eine Aktion ändert, bevor sie sich festlegen.
Währenddessen.
Das Interface reagiert. Es zeigt den Fortschritt an, erklärt ein Problem und bietet eine klare Möglichkeit, es zu beheben und fortzufahren.
Nach der Aktion.
Das Ergebnis ist klar. Menschen sehen, was sich geändert hat und wie es weitergeht, ohne rätseln zu müssen, ob es funktioniert hat.
Weniger rätseln.
Mehr erledigen.
Die Arbeit hinter einer mühelosen Interaktion.
Der Blick aufs Ganze.
Der nächste Schritt wird klarer.
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. Ihr Team sieht, was Aufmerksamkeit erfordert, kann den Kontext öffnen und die Arbeit voranbringen.
Durchdacht.
Bis ins Detail.
Der Charakter eines Produkts zeigt sich in den Details. Wie es sich liest. Wie es reagiert. Wie es Menschen weiterhilft.
Klarheit
hat Struktur.
ÜbersichtDetailsAktion
Informationsarchitektur macht aus einem komplexen Produkt einen Weg, dem Menschen folgen können.
Ein Mensch.
Keine Benutzer-ID.
Echte Bedürfnisse, Gewohnheiten und Kontext prägen die Entscheidungen.
Jeder Teil.
Eine Sprache.
Ein System aus Komponenten, Typografie und Verhaltensweisen, das ein stimmiges Ganzes bildet.
Lesen.
Erkennen. Handeln.
Die Hierarchie gibt den wichtigen Dingen ihren Platz.
Der Moment
vor der Entscheidung.
Zeigen Sie die Auswirkungen einer Entscheidung, bevor Sie jemanden um eine Bestätigung bitten.
Diese Interaktion ausprobieren
Auch nichts ist
ein Zustand.
Heute sind keine Aufgaben fälligSie sind auf dem neuesten Stand.
Leere, Lade-, Fehler- und Erfolgszustände gehören zum Nutzererlebnis.
So arbeiten wir.
Jede Phase macht aus einer offenen Frage eine Entscheidung, auf der wir aufbauen können. Wir vereinbaren den Umfang, prüfen wichtige Entscheidungen gemeinsam und hinterfragen Annahmen, wenn die Arbeit neue Erkenntnisse liefert.
Analysen und Recherchen
Wir untersuchen das Unternehmen, die Menschen und den Nutzungskontext, um festzulegen, was das Produkt leisten soll. Wir ermitteln die entscheidenden Fragen und wählen anschließend die passenden Recherchen aus, um sie zu beantworten.
Je nach Projekt kann dies Folgendes umfassen:
- Unternehmens- und Produktanalysen
- Interviews mit Stakeholdern, Ziele, Wertversprechen, Rahmenbedingungen und Erfolgskriterien.
- Nutzerforschung
- Bedürfnisse, Gewohnheiten, Aufgaben und Nutzungskontext – untersucht durch Interviews und geeignete Methoden der Nutzerforschung.
- Wettbewerbsanalysen und Benchmarking
- Funktionen, Nutzerabläufe und Interaktionsmuster bei direkten Wettbewerbern und relevanten Produkten aus anderen Branchen.
- Produktanalysen
- Bestehende Abläufe, verfügbare Analysen und Nutzerfeedback sowie Lücken im aktuellen Produkterlebnis.
- Visuelle Recherche
- Markenkontext, Referenzen und ausdrucksstarke Richtungen, die es zu erkunden gilt.
Wir fassen die Erkenntnisse in einem Produktbriefing, Prioritäten und Hypothesen zusammen, die als Grundlage für Designentscheidungen dienen.
Struktur und Prototyping
Wir bestimmen, welche Informationen Menschen in jedem Schritt benötigen und welche Entscheidungen sie dabei treffen. Darauf aufbauend entwickeln wir Informationsarchitektur, Navigation, Inhaltshierarchie, Nutzerabläufe und Bildschirmprototypen.
Mit Prototypen prüfen wir die wichtigsten Szenarien und die Logik zentraler Interaktionen – einschließlich des Moments, bevor sich jemand zu einer Aktion entschließt. Wir prüfen die wichtigsten Abläufe und setzen geeignete Tests ein, um offene Fragen vor dem detaillierten Design zu klären.
Das Ergebnis sind klar definierte Nutzerabläufe und ein strukturelles Fundament für das Produkt, in dem die wichtigsten Szenarien ausgearbeitet sind.
Entwicklung des visuellen Konzepts
Wir erkunden, wie das Produkt aussehen, sich anfühlen und verhalten soll. Typografie, Komposition, Farbe, Interaktion und Bewegung bilden eine visuelle Ausrichtung, die im Produktbriefing verankert ist.
Wir veranschaulichen die Ausrichtung anhand repräsentativer Bildschirme und Interaktionen, erläutern die dahinterliegenden Überlegungen und verfeinern das ausgewählte Konzept gemeinsam mit Ihrem Team.
Das Ergebnis ist eine abgestimmte visuelle Sprache, die sich durch das gesamte Produkt zieht.
Interface und Designsystem
Wir verbinden die Struktur und die visuelle Ausrichtung in den finalen Bildschirmen. So wird das Konzept zu einem vollständigen Interface mit wiederverwendbaren Komponenten, responsivem Verhalten und Zuständen für jede Aktion.
Wir arbeiten mit realistischen Inhalten und Daten, verschiedenen Bildschirmgrößen und den Details wichtiger Abläufe – einschließlich leerer, ladender, fehlerhafter und erfolgreicher Zustände.
Das System aus Komponenten, Typografie und Verhaltensweisen wird auf den Umfang des Produkts abgestimmt und für zukünftige Funktionen ausgelegt.
Das Ergebnis ist ein stimmiges, entwicklungsbereites Interface.
Entwicklung und Tests
Wir setzen den vereinbarten Umfang um: Bildschirme, Interaktionen, Zustände und die vor Arbeitsbeginn festgelegten Integrationen. Während der gesamten Entwicklung wird das Design überprüft, damit Typografie, Layout, Bewegung und Verhalten im funktionsfähigen Produkt die gewünschte Qualität behalten.
Wir testen wichtige Abläufe, Formulare und Interface-Zustände sowie Barrierefreiheit und Performance auf den vereinbarten Plattformen und Geräten und vergleichen die Umsetzung mit dem Design.
Das Ergebnis ist eine funktionsfähige Umsetzung des vereinbarten Umfangs,
bereit für die Veröffentlichung.
Launch und weitere Verbesserungen
Wir bereiten das Produkt für die Veröffentlichung auf den vereinbarten Plattformen vor und prüfen nach dem Launch, ob wichtige Szenarien und vereinbarte Analyseereignisse korrekt funktionieren. Bei einem bestehenden Produkt planen wir den Wechsel der aktuellen Nutzer zur neuen Version.
Die in der Analysephase festgelegten Erfolgskriterien bestimmen, was wir messen.
Wir stellen die vereinbarten Übergabematerialien bereit und besprechen mit Ihrem Team die ersten Ergebnisse nach der Veröffentlichung.
Nach dem Launch sind weitere Iterationen möglich.
Wir prüfen Nutzerfeedback und verfügbare Produktdaten, priorisieren Möglichkeiten und vereinbaren die nächsten Verbesserungen.
Jeder Zyklus kann Abläufe, Interaktionen, Inhalte, neue Bildschirme oder Funktionen umfassen. Änderungen werden anhand der Produktziele und der verfügbaren Erkenntnisse bewertet.
Umfang und Rhythmus dieser Arbeit werden separat vereinbart.
Das Ergebnis ist ein veröffentlichtes Produkt mit der vereinbarten Erfolgsmessung
, die als Grundlage für weitere Verbesserungen dient.
Das Design. Der Code.
Ein Fundament, auf dem sich aufbauen lässt.
Zu Ihrem Projekt gehören eine klare Produktstruktur und detaillierte Interface-Designs. Da die Entwicklung enthalten ist, erhalten Sie außerdem eine funktionierende Umsetzung der vereinbarten Funktionen.
Designs, mit denen Ihr Team arbeiten kann.
Figma-Dateien mit den vereinbarten Bildschirmen, zentralen Nutzerabläufen und Interface-Zuständen. Layouts und wiederverwendbare Elemente bieten Designern und Entwicklern eine klare Orientierung für den nächsten Schritt.
Wiederverwendbare React-Komponenten.
Bei unseren React-Webprojekten kommen gemeinsame Komponenten für Formulare, Navigation und andere wiederkehrende Elemente zum Einsatz. Die Layouts passen sich verschiedenen Bildschirmen an, und neue Funktionen bauen auf demselben Design und Verhalten auf.
Integrationen und Prüfungen.
Wir verbinden die vereinbarten APIs und Dienste und prüfen anschließend die wichtigsten Nutzerabläufe, responsiven Layouts sowie Lade-, Fehler- und Erfolgszustände. Vor der Veröffentlichung prüfen Sie eine funktionierende Version.
Eine klare Übergabe.
Die vereinbarten Designdateien, der Quellcode und die Einrichtungsnotizen werden an Ihr Team übergeben. Wir bestätigen, was fertig ist, wie es ausgeführt wird und wer die Veröffentlichung und die laufende Wartung übernimmt.
Spielraum für die nächste Version.
Wenn das Produkt ein umfassenderes Designsystem benötigt, können wir eine Figma-Bibliothek und passende React-Komponenten erstellen und erläutern, wie sie zu verwenden sind. So können zukünftige Bildschirme dieselbe visuelle Sprache und dasselbe Verhalten nutzen.
Den Umfang des Systems, die Integrationen und den technischen Rahmen stimmen wir mit Ihnen ab. Der Technologie-Stack für native mobile Apps wird für jedes Projekt separat festgelegt.
Erzählen Sie uns von Ihrem
Produkt. Lassen Sie uns gemeinsam
die nächsten Schritte gestalten.
Teilen Sie uns mit, für wen es gedacht ist, was es leisten soll und wo Sie gerade stehen. Nutzen Sie das kurze Formular rechtsunten. Wir antworten per E-Mail mit dem nächsten Schritt.
Projektbeschreibungen
-
Mobile AppProjektbeschreibung folgt in Kürze.
-
Web-AppProjektbeschreibung folgt in Kürze.