UI Design
Oberflächen für Websites und Apps. Wir gestalten, wie Inhalte wirken, Funktionen erkennbar werden und die Anwendung auf Eingaben reagiert. Mit Designsystemen in Figma und Code führen wir die Gestaltung weiter.
Eine neue Website oder App gestalten, eine bestehende Oberfläche überarbeiten oder neue Funktionen ergänzen. Wir entwickeln die visuelle Gestaltung und arbeiten die Ansichten bis zu den einzelnen Bedienelementen aus.
Visuelle Sprache
Typografie, Farben, Bilder und Layout prägen den Charakter deiner Website oder App. Wir entwickeln daraus eine Gestaltung, die zu deiner Marke passt und wichtige Inhalte hervorhebt.
Eine neue Markenidentität oder die Weiterentwicklung eures Corporate Designs kann Teil des Projekts sein.
Bedienelemente & Zustände
Was lässt sich auswählen? Läuft eine Aktion noch? Hat das Speichern funktioniert? Wir gestalten Bedienelemente und Rückmeldungen so, dass Menschen erkennen, was sie tun können und was gerade passiert.
Dazu gehören auch Fehlerzustände und Übergänge. Bewegung setzen wir dort ein, wo sie Orientierung gibt oder eine Veränderung verständlich macht.
Geräte & Bedienung
Wir arbeiten aus, wie sich Ansichten und Bedienung an unterschiedliche Bildschirmgrössen anpassen. Bei Apps berücksichtigen wir die vertrauten Bedienelemente und Konventionen von iOS und Android.
Lesbarkeit, Kontraste und die Bedienung per Touch, Maus oder Tastatur gehören zur Gestaltung.
Projekte
Designsysteme
Neue Funktionen, weitere Anwendungen, mehrere Beteiligte. Ein Designsystem hält die Gestaltung zusammen. Wir entwickeln Gestaltungsregeln und wiederverwendbare Komponenten in Figma und Code oder bauen euer bestehendes System aus.
Farben, Typografie, Abstände und Bewegung. Wir definieren die Grundlagen und ihren Einsatz, damit Inhalte und Bedienelemente über verschiedene Ansichten hinweg zusammenpassen.
Buttons, Formulare, Navigation und weitere wiederkehrende Elemente. Mit ihren Varianten und Zuständen bilden sie eine Bibliothek, aus der neue Ansichten entstehen.
Wir setzen die Komponenten als wiederverwendbare Bibliothek um. Aussehen, Verhalten und Bedienung stimmen wir mit den Entwürfen ab. Neue Funktionen bauen darauf auf.
Wir dokumentieren, wie die Komponenten zum Einsatz kommen und zusammenwirken. Bei neuen Anforderungen erweitern wir das System und halten Gestaltung und Code auf demselben Stand.
Zusammenarbeit
Du beurteilst die Gestaltung an konkreten Ansichten deines Produkts. Gemeinsam legen wir die Richtung fest und arbeiten sie bis in die laufende Anwendung aus.
An ausgewählten Ansichten zeigen wir, wie Inhalte, Marke und Bedienung zusammenspielen. Gemeinsam legen wir die gestalterische Richtung fest.
Eine abgestimmte Gestaltung als Grundlage.
Wir gestalten die weiteren Ansichten, Zustände und Übergänge. Wiederkehrende Elemente fassen wir zu Komponenten zusammen.
Ausgearbeitete Entwürfe für die Umsetzung.
In der laufenden Anwendung prüfen wir Darstellung, Verhalten und Bedienung. Mit neuen Funktionen entwickeln wir die Gestaltung gemeinsam weiter.
Gestaltung, die auch in der Anwendung stimmt.
Inhalte ordnen und Abläufe gestalten. Damit deine Nutzer finden, was sie suchen, und ans Ziel kommen.
Logo, Farben, Typografie und Bildsprache. Für einen neuen Markenauftritt oder eine geschärfte Identität.
Hürden in deiner Website oder App erkennen. Mit konkreten Empfehlungen für Bedienung und Gestaltung.
