Art Direction &
Interface

Ein visuelles System aus Typografie, Farbe, Raster und Bewegung. Dokumentiert, damit es nach der Übergabe nicht zerfällt.

Ablauf

01

Register festlegen

Wie soll die Marke wirken, bevor jemand liest? Wir legen Haltung, Kontrast und Tonfall fest — und begründen sie gegen den Wettbewerb, nicht gegen den Geschmack.

02

Typografie und Farbe

Schriftgrade, Laufweiten, Zeilenlängen und Kontraste werden als System definiert, inklusive der geprüften Werte für Barrierefreiheit. Farbe bekommt eine Bedeutung, nicht nur einen Ton.

03

Komponenten

Schaltflächen, Zeilen, Formulare, Navigation. Jede Komponente entsteht einmal und gilt überall — das ist der Unterschied zwischen einem System und einer Sammlung schöner Einzelseiten.

04

Motion

Bewegung wird spezifiziert: was sich bewegt, wie lange, mit welcher Kurve und zu welchem Zweck. Alles ohne Begründung fällt raus.

05

Prototyp

Die Kernseiten werden klickbar, nicht nur sichtbar. Erst im Browser zeigt sich, ob eine Gestaltung trägt — auf einem echten Gerät, mit echten Textlängen.

Was Sie bekommen

Design-System

Tokens für Farbe, Typografie, Raster, Abstand und Motion.

Komponenten

Bibliothek aller Bausteine inklusive Zustände und Fokus.

Motion-Spezifikation

Dauer, Kurve und Zweck je Bewegung, schriftlich.

Prototyp

Klickbare Kernseiten im Browser, Desktop und Mobil.

Voraussetzungen

Was wir
von Ihnen brauchen.

  • Logo und vorhandene Markenrichtlinien, falls es welche gibt
  • Freigabe der Wireframes aus Schritt 02
  • Entscheidung, ob Fotografie beauftragt wird
  • Rückmeldung innerhalb von fünf Werktagen je Entwurfsrunde

Kontakt

Zeigen Sie uns
die aktuelle Seite.

Sie bekommen eine ehrliche Einschätzung: was trägt, was bremst und was ein Redesign realistisch verändern würde.

Art Direction anfragen