Zum Inhalt springen
BigTree108

UI- und UX-Design

Figma-Designarbeit, die an Entwickler im selben Unternehmen übergeben wird. Die Menschen, die die Oberfläche bauen, sitzen neben der Person, die sie gestaltet hat, sodass der ausgelieferte Bildschirm zur Datei passt.

Was Sie bekommen

  • Designsystem in Figma

    Tokens, Komponenten und Zustände als Bibliothek, die Ihre Entwickler eins zu eins auf Code abbilden können, und kein Satz von Bildschirmen, den sie rückwärts entschlüsseln müssen.

  • Gestaltung der Produktoberfläche

    Die Bildschirme und Abläufe für das Feature, das Sie bauen, einschließlich der Zustände für leer, Laden, Fehler und fehlende Berechtigung, die Designer meist auslassen.

  • Prototypen

    Klickbare Abläufe zum Testen mit echten Nutzern oder zum Zeigen vor Stakeholdern, bevor eine Zeile Code geschrieben ist.

  • Design-Review des Bestehenden

    Eine schriftliche Durchsicht Ihres aktuellen Produkts: was Nutzer verwirrt, was auf dem Smartphone bricht, was an der Barrierefreiheit scheitert, geordnet nach den Kosten der Behebung.

Design, das die Umsetzung übersteht

Der übliche Fehler ist eine schöne Figma-Datei und ein ausgeliefertes Produkt, das ihr nicht ähnelt. Wir vermeiden das, indem wir gegen dieselben Randbedingungen gestalten, unter denen die Entwickler arbeiten: eine Implementierung je Muster, Tokens statt einmaliger Farben, Zustände für jeden Zweig, den der Code nehmen kann, und Layouts, die bei 375 Pixeln halten, weil unsere Frontend-Regeln es verlangen.

Barrierefreiheit ist Teil des Designs, kein Fix

Kontrast, Fokusreihenfolge, Größe der Touch-Ziele und Tastaturpfade werden in der Designdatei entschieden. Jede gemeinsame Komponente, die wir bauen, führt dann in der Continuous Integration automatisierte Barrierefreiheitsprüfungen aus, sodass ein Rückschritt vor dem Review auffällt und nicht erst nach dem Release.

Zusammenarbeit mit Ihren Entwicklern statt mit unseren

Wenn Sie bereits ein Entwicklungsteam haben, kann ein Designer aus unserem Team direkt mit ihm zusammenarbeiten. Sie erhalten die Figma-Bibliothek, die Tokens in einer Form, die Ihre Codebasis verarbeiten kann, und einen Designer, der die gebauten Bildschirme prüft, statt eine Datei zu übergeben und zu verschwinden.

Sie brauchen einen Designer, der Entwicklung versteht?

Senden Sie Ihr Produkt, Ihre aktuelle Designdatei oder einfach das Problem. Sie erhalten innerhalb eines Werktags einen schriftlichen Ansatz und eine Schätzung.