UX-Research & Konzept
Wer benutzt das, mit welchem Ziel, an welcher Stelle springen Leute ab. Wir bauen User-Flows und Informationsarchitektur, bevor der erste Pixel gesetzt ist — damit Struktur nicht nachträglich geflickt wird.
02.1 · Web · Design
Oberflächen, die sich von selbst erklären.
UX-Research, UI-Design, Prototyping, Accessibility und Responsive — Design, das nicht nur im Pitch gut aussieht, sondern auf dem echten Gerät funktioniert.
Das Problem
Schön reicht nicht — es muss benutzbar sein.
Ein Design, das im Figma-Mockup glänzt, kann auf dem Smartphone in der U-Bahn komplett zusammenbrechen: Buttons, die niemand findet, Formulare, die nerven, Texte, die niemand liest. Wenn UX erst nach dem Launch im Support-Postfach auftaucht, ist es zu spät und zu teuer. Wir lösen das, indem wir früh an echten Geräten und echten Nutzern testen — nicht erst, wenn der Code steht.
Worum es geht
Design & User Experience.
Die meisten Websites scheitern nicht am Look, sondern an der zweiten Frage des Nutzers: „Und wo klicke ich jetzt?“ Gutes Interface-Design beantwortet diese Frage, bevor sie entsteht. Wir gestalten Oberflächen vom Verhalten her — wer kommt mit welchem Ziel, auf welchem Gerät, in welcher Stimmung — und nicht vom hübschen Screen in der Präsentation. Das Ergebnis ist Design, das sich beim Benutzen richtig anfühlt, nicht nur beim Anschauen.
Was wir liefern
Die Bausteine.
UI-Design & Design-System
Komponenten, Tokens, States — ein System statt 40 Einzelscreens. Sauber an die Marke angebunden und so aufgebaut, dass Entwicklung es 1:1 umsetzen kann, ohne raten zu müssen.
Prototyping
Klickbare Prototypen, an denen man die Idee fühlt, bevor sie teuer wird. Wir testen Flows in Figma, bis sie sitzen — günstiger als jede Korrekturschleife im Code.
Accessibility & Responsive
Kontraste, Tastatur-Bedienung, Screenreader, WCAG — und ein Layout, das vom 360px-Phone bis zum großen Monitor trägt. Barrierefreiheit ist hier kein Add-on, sondern Teil der Gestaltung.
Wie wir arbeiten
Der Weg.
01
Verstehen
Wir klären Ziele, Zielgruppe und die kritischen Aufgaben, die Nutzer hier wirklich erledigen wollen. Oft ist die spannendste Erkenntnis: Das eigentliche Problem stand nicht im Briefing.
02
Struktur vor Optik
Erst Flows, Wireframes und Architektur — die Skelett-Entscheidungen, die später jede Diskussion über Farbe überflüssig machen. Stimmt die Struktur, wird das Design fast von selbst gut.
03
Gestalten & prototypen
Aus den Wireframes wird ein UI-System mit klickbarem Prototyp. Wir zeigen eine klare Richtung, sauber begründet, statt euch sieben Varianten zur Geschmacksabstimmung vorzulegen.
04
Testen & übergeben
Wir prüfen an echten Geräten, schärfen die Reibungspunkte nach und übergeben ein entwicklungsfertiges Design-System — inklusive der Detailzustände, die sonst gern vergessen werden.
Was du bekommst
- User-Flows & Informationsarchitektur
- Wireframes für die Schlüsselseiten
- UI-Design-System (Komponenten & Tokens)
- Klickbarer Prototyp
- Entwicklungsfertige Specs inkl. States & Responsive-Breakpoints
Typische Anlässe
- +Relaunch — der alte Auftritt fühlt sich umständlich an
- +Internes Tool, das endlich benutzbar werden soll
- +Neues Produkt braucht eine durchdachte erste Oberfläche
- +Accessibility-Anforderung (BFSG / WCAG) steht im Raum
In Zahlen
360px
kleinste getestete Breite — nicht nur Desktop
1
Design-System statt 40 lose Einzelscreens
WCAG
AA als Maßstab, nicht als Nachgedanke
Häufige Fragen
FAQ.
Nein, bewusst nicht. Wir gestalten parallel zum technischen Setup, damit das Team früh sieht, was das Deployment wirklich produziert. So gibt es keine Designs, die im Code nicht umsetzbar sind.
Ja. Wir prototypen die wichtigsten Flows, damit ihr die Idee benutzen könnt, bevor sie in teuren Code gegossen wird. Korrekturen in Figma kosten Minuten, im Code Tage.
Ausreichende Kontraste, Bedienbarkeit per Tastatur, sinnvolle Struktur für Screenreader, klare Fokus-Zustände — orientiert an WCAG AA. Mit dem BFSG wird das für viele zur Pflicht, für uns ist es ohnehin gute Gestaltung.
Gerne. Wir prüfen, was trägt, und bauen darauf auf, statt alles wegzuwerfen. Wo das System bremst, sagen wir es offen — die Entscheidung bleibt bei euch.
Mehr aus Web & Software
Weitere Bereiche.
02.2 Development & Software ↗ Custom Web-Apps, Plattformen und E-Commerce. Next.js, React, Vue, Node, Supabase — type-safe überall, headless wo es Sinn ergibt. 02.3 Performance & Scale ↗ Core Web Vitals, technisches SEO, Monitoring, Hosting in Deutschland und Wartung — damit „Launch“ nicht „nicht mehr unser Problem“ heißt. 02.4 Konfiguratoren ↗ Interaktive Produkt-Tools im Browser — verbunden mit ERP, Warenwirtschaft und 3D, wenn nötig. Ohne Plugin, ohne App-Install. ↩ Übersicht Web & Software ↗ Alle Bereiche dieser Disziplin im Überblick.
⟩
Bereit? Lass uns dein
Lass uns dein
Projekt bauen.
Ganz gleich, ob konkrete Pläne oder erst eine grobe Idee: Schreib uns, und wir sagen dir, was wir daraus machen würden.
Projekt starten ↗