05 | Design – Grafik- und UX/UI Design

Häufige Fragen zu Design und Gestaltung

• Was ist ein Designsystem – und brauchen wir eins?

  Ein Designsystem ist eine dokumentierte Sammlung wiederverwendbarer Komponenten und Gestaltungsregeln: Farben, Typografie, Abstände, Schaltflächen, Formularelemente samt ihrer Zustände. Es lohnt sich, sobald mehrere Seiten, Anwendungen oder Teams dieselbe Gestaltung nutzen – dann sinken Aufwand und Abstimmungsbedarf mit jeder weiteren Anwendung. Für eine einzelne, überschaubare Website ist es überdimensioniert. Dort genügt ein sauber gestaltetes Layout mit definierten Grundelementen. Sobald KI-Werkzeuge mitgestalten, ändert sich die Rechnung: Dann braucht auch die kleine Website einen Styleguide, den die Werkzeuge lesen können, sonst gestaltet jedes anders.

• Was bedeutet „KI-fähiger Styleguide“?

  Ein Styleguide, der nicht nur als Handbuch für Menschen vorliegt, sondern auch als Daten für KI-Werkzeuge. Farben, Typografie, Abstände, Komponenten und Regeln werden als Design-Tokens in einem offenen Format gespeichert und über einen MCP-Server bereitgestellt, den wir für Sie betreiben. MCP (Model Context Protocol) ist ein offener Standard, mit dem KI-Clients wie Claude, ChatGPT, Gemini oder Copilot auf externe Daten zugreifen. KI-Werkzeuge, etwa unser KI-Schreibtisch, erstellen damit Präsentationen aus Stichpunkten in Ihrem Folienmaster. Unsere Entwicklung baut Ihre Webseite und CMS-Bausteine damit schneller. Ihre Teams erhalten Grafiken und Dokumente in Ihrer Marke. Der Styleguide bleibt dabei die einzige Quelle: Wird eine Farbe geändert, gilt sie überall. Der Zugriff ist auf freigegebene Werkzeuge und Personen beschränkt und an unsere Zusammenarbeit gebunden. Ihre Design-Dateien und Tokens erhalten Sie unabhängig davon, siehe die Frage zu den Design-Dateien.

• Unser Corporate Design liegt als PDF-Handbuch vor. Könnt ihr das KI-fähig machen?

  Ja. Wir übernehmen die vorhandenen Festlegungen, ergänzen, was für digitale Anwendungen fehlt (Zustände von Bedienelementen, Formulare, Tabellen, Fehlermeldungen, Verhalten auf kleinen Bildschirmen, Hell- und Dunkelmodus), und überführen alles in Design-Tokens, Komponenten und Vorlagen. Das Ergebnis ist eine Design-Datei mit Dokumentation für Ihre Teams und eine KI-Anbindung, die wir betreiben und deren Zugriff Sie freigeben. Ihr Corporate Design wird dabei nicht ersetzt, sondern präzisiert. Umfang und Aufwand hängen davon ab, wie vollständig das Handbuch ist und wie viele Kanäle Sie bedienen wollen: Web, Anwendungen, Präsentationen, Dokumente.

• Bekommen wir die Design-Dateien – und wem gehören die Entwürfe?

  Die fertigen Gestaltungsergebnisse gehen bei entsprechender Beauftragung an den Auftraggeber: Layouts, Komponenten, dokumentierte Regeln, Design-Tokens, Vorlagen und die für die Umsetzung nötigen Dateien. Für die Nutzung wird vertraglich festgelegt, in welchem Umfang die Entwürfe verwendet werden dürfen – üblich ist die uneingeschränkte Nutzung im eigenen Unternehmen. Das Urheberrecht an der Gestaltung selbst verbleibt nach deutschem Recht beim Urheber. Übertragen werden die Nutzungsrechte.

• Gestaltet ihr auch Backoffice- und PIM-Oberflächen?

  Ja – das ist ein Schwerpunkt. Anders als Marketingseiten werden interne Anwendungen täglich stundenlang benutzt. Dort entscheiden Informationshierarchie, Tabellen, Filter, Massenbearbeitung und Fehlertoleranz über die Arbeitszeit ganzer Abteilungen. woell gestaltet solche Oberflächen einschließlich PIM-Masken und Redaktionsumgebungen – mit Kenntnis dessen, was das darunter liegende System macht und kann – siehe PIM & Pimcore.

• Arbeitet ihr auch mit unserem bestehenden Corporate Design?

  Ja. Vorhandene Marken- und Gestaltungsrichtlinien werden übernommen und dort ergänzt, wo für digitale Anwendungen Vorgaben fehlen – typischerweise bei Zuständen von Bedienelementen, Formularen, Tabellen, Fehlermeldungen und dem Verhalten auf kleinen Bildschirmen. Klassische Corporate-Design-Handbücher enden meist beim Logo und der Farbpalette. Für Oberflächen braucht es Festlegungen, die dort selten stehen. Der bestehende Auftritt wird damit nicht ersetzt, sondern erweitert und ggf. optimiert.

• Können wir Design und Umsetzung getrennt beauftragen?

  Ja. Gestaltung lässt sich als eigenständige Leistung beauftragen und an die eigene IT oder einen anderen Dienstleister übergeben – dafür sind dokumentierte Komponenten und Übergabegespräche vorgesehen. Umgekehrt entsteht der größte Nutzen, wenn Gestaltung und Umsetzung ineinandergreifen: Was technisch günstig oder teuer ist, fließt dann schon in den Entwurf ein. Wie die technische Seite aussieht, steht unter Frontend-Entwicklung & CMS.