Lab · Experiment · Living Brands

MOCO

Markenrichtlinien können Interfaces werden. Statt dreißig fertiger Dateien übergibst du das Studio, in dem sie entstehen.

Character DesignUX/UICreative ToolingAI-assisted Development
4Entscheidungen: Form, Farbe, Ausdruck, Bewegung
6Zustände, die ein Produkt wirklich braucht
8Bewegungen auf einer Timeline
1Figur, exportiert genau wie am Bildschirm
Idee

Ein Marken-Asset muss beim Export nicht fertig sein.

Branding endet meist mit einer Übergabe: Logo, Farben, Schrift, ein paar Illustrationen und ein PDF mit Regeln. Alles darin ist fix. Jede neue Variante heißt: zurück zur Designerin.

Statisches Markensystem

  • Ein fixes Set an Dateien
  • Regeln als Text
  • Bewegung kommt später, von jemand anderem
  • Jede Variante ist eine neue Anfrage

Lebendiges Markensystem

  • Ein Studio mit klaren Grenzen
  • Regeln stecken im Interface
  • Bewegung gehört zur Identität
  • Neue Varianten entstehen sofort
Studio

Vier Entscheidungen, eine Figur.

Jede Eigenschaft ist unabhängig. Eine neue Form setzt den Ausdruck nicht zurück, Bewegung löscht nichts, und was du exportierst, ist genau das, was du siehst.

Statt Stimmungen gibt es Zustände: die Momente, die ein Produkt wirklich braucht.

IdleLeerer Zustand
HelloOnboarding
ThinkingLaden
SuccessBestätigung
OopsFehler
AttentionHinweis
Testen

Als Experiment gebaut, wie ein Produkt getestet.

Die erste Version sah fertig aus und verhielt sich am Bildschirm richtig. Exportiert hat sie trotzdem jedes Mal die falsche Figur. Die Vorschau stimmte, die Datei nicht.

Zwei weitere Fehler waren im Interface unsichtbar: Jede Bewegung hat die Größe überschrieben, und die Animation ist bei jedem Loop gesprungen. Gefunden habe ich das nur, indem ich die heruntergeladene Datei neben den Bildschirm gelegt habe.

Am Handy ist das Studio heute ein fixer App-Screen: Form, Farbe und Bewegung als Sheets über der Bühne, eine Tab-Leiste statt einer langen Liste.

Ergebnis

Ship the studio, not the files.

MOCO zeigt, was passiert, wenn Designer:innen nicht nur Assets gestalten, sondern die Werkzeuge, die sie erzeugen. Die Regeln wohnen im Interface, nicht im PDF.

Aus den echten Fehlern ist ein eigener Text entstanden: „Looks Finished. Isn’t.“, fünf Stufen, um zu prüfen, ob ein Prototyp wirklich funktioniert.