UI/UX-Design
Oberflächen, die man versteht, bevor die erste Zeile Code geschrieben ist. Als klickbarer Entwurf und als Designsystem, das die Entwicklung direkt umsetzen kann.
Einordnung
Gestaltung, die sich bedienen lässt
UX beschreibt, wie sich eine Anwendung bedienen lässt, UI, wie sie aussieht. Beides lohnt sich vor einer Entwicklung, bei gewachsenen Oberflächen und bei einem neuen Produkt.
KI-Werkzeuge machen Entwürfe und Varianten schnell. Die Entscheidungen treffen Menschen, mit Blick auf Ihre Nutzer und auf das, was sich umsetzen lässt.
Zur MVP-EntwicklungFür wen
-
Für Agenturen
Ausgelagert, auf Wunsch unter Ihrem Namen und nach Ihrem Designsystem.
-
Für Produktteams
Vor oder während der Entwicklung.
-
In unseren Projekten
Als Phase 03 jedes Vorhabens.
Leistungsumfang
Was der Entwurf umfasst
Drei Bausteine, vom Ablauf bis zur Übergabe an die Entwicklung.
Integrierte Qualitätskriterien
Ein guter Entwurf lässt sich bedienen, umsetzen und weiterführen.
- Barrierefreiheit Im Entwurf
- Kontrast, Fokus und Tastaturbedienung prüfen wir schon im Entwurf, nicht erst im Code.
- Umsetzbarkeit Bausteine
- Entwürfe entstehen aus Bausteinen, die es im Code gibt oder geben wird.
- Konsistenz Designsystem
- Ein Designsystem statt einzelner Seiten, damit alles zusammenpasst.
- Dokumentation Tokens und Regeln
- Tokens und Regeln sind beschrieben, damit Ihr Team selbst weiterarbeiten kann.
Vorgehen
Vier Phasen bis zum fertigen Entwurf
Für einen Entwurf verkürzen wir den Ablauf auf vier Phasen. KI hilft beim Profil und bei Varianten, die Entscheidungen treffen wir mit Ihnen.
-
Verstehen
Schritt 1: Kennenlernen und Profil
Mit KI-Unterstützung entsteht ein Profil Ihres Produkts, Ihrer Nutzer und Ihrer Ziele.
KI-gestütztErgebnisProfil und Ziele
-
Konzipieren
Schritt 2: Konzept
Abläufe, Seitenstruktur und Wireframes auf Basis des Profils.
ErgebnisAbläufe und Struktur
-
Schritt 3: Designsprache und Designsystem
Gestaltung, Varianten und Designsystem, mit KI-Werkzeugen für schnelle Entwürfe.
KI-gestütztErgebnisDesignsystem und klickbarer Entwurf
-
Umsetzen
Schritt 4: Übergabe mit Workshop
Dateien, Dokumentation und ein Workshop für Ihr Team oder Ihre Entwicklung.
ErgebnisÜbergabe an die Entwicklung
Häufige Fragen
Fragen zum UI/UX-Design
Was Unternehmen und Agenturen vor einem Entwurf meist wissen wollen.
Wir haben schon ein Corporate Design. Fangen Sie trotzdem von vorn an?
Nein. Wir bauen darauf auf und übersetzen Farben, Schrift und Haltung in digitale Bausteine: Tasten, Formulare, Navigation. Fehlt etwas fürs Digitale, ergänzen wir es im Sinne Ihres Auftritts.
Bekommen wir die Designdateien?
Ja. Sie erhalten den klickbaren Entwurf und das Designsystem mit allen Bausteinen. Damit kann jedes Team weiterarbeiten, nicht nur wir.
Arbeiten Sie mit unserer eigenen Entwicklung zusammen?
Gern. Das Designsystem ist so aufgebaut, dass die Entwicklung es direkt verwenden kann. Wir stimmen uns früh mit Ihrem Team ab, damit nichts doppelt entsteht.
Arbeiten Sie auch unter dem Namen unserer Agentur?
Ja. Für Agenturen gestalten wir auf Wunsch unter Ihrem Namen, Ihre Kunden haben mit uns keinen direkten Kontakt.
Klickdummy oder gleich ein MVP?
Ein Klickdummy beantwortet die Frage, ob die Bedienung verstanden wird. Ein MVP beantwortet, ob die Idee funktioniert. Oft ist der Klickdummy der günstige erste Schritt dorthin.
Kontakt
Entwurf anfragen
Erzählen Sie uns, was gestaltet werden soll. Für Agenturen arbeiten wir auf Wunsch unter Ihrem Namen.
-
Unverbindliche Anfrage
Stichpunkte zu Projektgegenstand und Rahmen reichen aus. Vertrauliche Daten besprechen wir nach der Kontaktaufnahme.
-
NDA bei Bedarf
Auf Wunsch schließen wir vor der Detailbesprechung eine Geheimhaltungsvereinbarung ab.
-
Rückmeldung
Sie erhalten in der Regel innerhalb eines Werktags eine Rückmeldung von uns.
Direkt von David Bachorska
Keine Warteschlange, kein Vertriebsteam.