UX und Interface-Design
Interfaces, entworfen zum Benutzen, nicht zum Bewundern.
Research, Journeys und Design-Systeme, die ein Produkt offensichtlich bedienbar und günstig erweiterbar machen.
Design-Schulden kosten mehr als Code-Schulden
Eine Website ohne Design-System hat nicht ein Design — sie hat so viele, wie sie Seiten hat. Jedes neue Template formuliert dieselben Entscheidungen leicht anders, und die Kosten, eine Seite zu veröffentlichen, steigen mit jedem Quartal, bis niemand mehr weiß, warum die Website inkohärent wirkt.
Barrierefreiheit folgt demselben Muster. WCAG auf fertige Screens nachzurüsten kostet ein Vielfaches dessen, was es gekostet hätte, danach zu entwerfen — und in Europa ist es für verbrauchernahe Dienste längst keine bloße gute Praxis mehr.
Wir entwerfen Systeme statt Seiten: Tokens, Komponenten und Muster, die den nächsten Screen schneller machen als den letzten und ihn standardmäßig barrierefrei halten.
Was wir tun
- UX-Research
- Interviews, Aufgabenanalyse und Auswertung dessen, was Ihre Daten bereits zeigen — bevor Meinungen zum Layout den Raum betreten.
- Journey Mapping
- Der Weg von der ersten Suche bis zum unterschriebenen Kunden, mit eingezeichneter Reibung und Abbrüchen, für die jemand zuständig ist.
- Wireframes und Prototypen
- Struktur und Ablauf in niedriger Detailtiefe geklärt, wo eine Meinungsänderung einen Nachmittag kostet statt einen Sprint.
- Interface-Design in hoher Detailtiefe
- Visuelles Design im System: Typoskala, Abstände, Farben und Zustände einmal definiert und überall angewandt.
- Design-Systeme
- Tokens, Komponenten und Nutzungsregeln, als Code ebenso geliefert wie als Design-Dateien, damit beide nicht auseinanderlaufen.
- Barrierefreiheit nach WCAG 2.2 AA
- Kontraste, Fokusreihenfolge, Tastaturbedienung, Semantik und Tests mit assistiven Technologien, ab dem ersten Wireframe eingebaut.
- Mobile-first und Responsive
- Zuerst in der engsten Größe entworfen, weil dort die meisten Ihrer Besucher sind und Kompromisse sichtbar werden.
- Conversion-orientierte UX
- Nachrichtenhierarchie, Platzierung von Belegen, Formulargestaltung und Reibungsabbau, validiert an gemessenem Verhalten statt an Vorlieben.
Wie ein Design-Mandat abläuft
- 01
Verstehen
Research, vorhandene Analytics und die Einschränkungen, die real sind — getrennt von denen, die Gewohnheit sind.
- 02
Strukturieren
Journeys, Informationsarchitektur und grobe Abläufe, abgestimmt bevor visuelles Design beginnt.
- 03
Systematisieren
Tokens und Komponenten einmal definiert, damit jeder weitere Screen Zusammenbau ist statt Erfindung.
- 04
Validieren
Barrierefreiheitstests und Usability-Review auf den Wegen, die zählen, mit behobenen statt abgelegten Befunden.
Unsere Methode, offengelegt
Die Barrierefreiheits-Baseline
Jedes Interface, das wir ausliefern, wird daran gemessen. Geprüft vor dem Release statt danach auditiert — das ist der Unterschied zwischen einem Standard und einer Absicht.
- Kontrastverhältnisse in hellem und dunklem Theme geprüft
- Vollständige Tastaturbedienung mit sichtbarem Fokusindikator
- Logische Überschriftenstruktur und Landmark-Regionen
- Formularbeschriftungen, Fehlermeldungen und programmatische Zuordnung
- Bewegung, die prefers-reduced-motion respektiert
- Screenreader-Tests auf den primären Journeys
StackFigma·Design tokens·WCAG 2.2 AA·Storybook·Tailwind CSS
Design, direkt beantwortet
Wenn die Website mehr als eine Handvoll Templates hat und sich nach dem Launch verändert: ja. Das System verhindert, dass das fünfte Template dem ersten widerspricht, und es rechnet sich beim ersten Abschnitt, den Sie ohne Designer ergänzen.
Wohin das als Nächstes führt
Conversion und Analytics
Event-Instrumentierung, Funnel-Analyse und strukturierte Experimente, damit Budget Belegen folgt statt Bauchgefühl.
Headless CMS und Content-Infrastruktur
Content-Infrastruktur, die Ihrem Marketingteam gehört, mit der Modellierung und den Workflows, die sie im Maßstab nutzbar halten.
Software Engineering
Ein Design-System wird zu Applikationsarchitektur — diese Übergabe läuft in unseren Engineering-Fachbereich.
Alle Leistungen dieses Fachbereichs: Web & digitales Wachstum
Mit den Journeys beginnen
Beschreiben Sie, was Sie haben und was es leisten soll. Wir sagen Ihnen, was dafür nötig ist.