UI/UX Design & Prototyping — Oberflächen, die überzeugen
Von der User-Journey bis zum klickbaren Prototyp: Interfaces, die Nutzer intuitiv verstehen und die Ihre Conversion-Ziele erreichen.
Projekte ab 2.500 €
Für wen & welches Problem?
Für Teams mit erklärungsbedürftigen Produkten oder Anwendungen, die Nutzer verlieren, weil die Bedienung hakt oder unklar ist.
Was wir liefern
User Research
Interviews, Personas und Journey-Maps zeigen, welche Aufgaben Nutzer wirklich lösen wollen, bevor wir eine einzige Oberfläche entwerfen.
Wireframes & Prototyp
Klickbare Figma-Prototypen machen Abläufe erlebbar und lassen sich mit echten Nutzern testen, lange bevor Entwicklung beginnt.
UI-Design & Tokens
Farben, Abstände und Typografie entstehen als wiederverwendbare Design Tokens, sodass jede neue Ansicht demselben konsistenten System folgt.
Usability-Testing
Reale Nutzer lösen typische Aufgaben am Prototyp, während wir Zögern, Umwege und Abbrüche protokollieren und priorisiert beheben.
So läuft's ab
Research & Analyse
Wir verstehen Nutzer, Aufgaben und Kontext Ihres Produkts.
Konzept & Wireframe
Informationsarchitektur und Flows entstehen als Grundgerüst.
Prototyp & Test
Klickbarer Prototyp wird mit echten Nutzern validiert.
Feinschliff & Handoff
Finales UI mit sauberer Übergabe an die Entwicklung.
Technologien
Vor jeder Codezeile entsteht ein klickbarer Prototyp in Figma, den echte Nutzer testen — so zeigen sich Bedienprobleme, während eine Korrektur noch wenig kostet. Design Tokens sorgen dafür, dass validierte Muster direkt in wiederverwendbare Komponenten münden.
Anwendungsfälle
App- & SaaS-Interfaces
Eine komplexe Software mit vielen Funktionen verwirrt neue Nutzer beim ersten Login — ein durchdachtes Bedienkonzept führt sie in wenigen Schritten zum ersten Erfolgserlebnis.
Prototyp für Investoren
Eine Idee lässt sich in Worten schwer vermitteln — ein klickbarer Prototyp macht das Produkt greifbar und überzeugt in Gesprächen mit Investoren oder ersten Kunden.
Usability-Optimierung
Eine bestehende Anwendung verliert Nutzer an einem bestimmten Schritt im Ablauf — gezielte Tests decken die Ursache auf, die Abbruchquote sinkt spürbar.
Warum twentyonepixels?
Nutzerzentriert
Design, das auf Conversion und Usability einzahlt — nicht nur hübsch aussieht.
Barrierefrei (WCAG/BFSG)
Inklusive Interfaces nach WCAG 2.2 — seit Juni 2025 für viele verpflichtend.
Markenkonsistent
Ein durchgängiges Designsystem statt zusammengewürfelter Einzelseiten.
Performant umgesetzt
Schöne Interfaces, die trotzdem blitzschnell laden.
Getestet statt geraten
Wir validieren Designs mit echten Nutzern, bevor teurer Code entsteht.

Alexander Seidler
Gründer · Fachinformatiker für Anwendungsentwicklung
„Jedes Projekt ist Chefsache — Sie schreiben direkt an mich."
Häufige Fragen
Worin unterscheidet sich UI von UX?
Warum lohnt sich ein Prototyp vor der Entwicklung?
Wie läuft ein Usability-Test ab?
Braucht unser kleines Produkt überhaupt UX-Design?
Arbeitet ihr mit unserem bestehenden Design-Team zusammen?
Passende Referenzen
Fachbeiträge dazu
Barrierefreie Website: wen die Pflicht trifft — und wen nicht
Das Barrierefreiheitsstärkungsgesetz gilt seit Juni 2025, und seither kursieren zwei falsche Behauptungen: Es gelte für alle Websites, oder es gelte für fast niemanden. Beides stimmt nicht. Wer wirklich betroffen ist, was gefordert wird und warum sich die Umsetzung auch ohne Pflicht rechnet.
Beitrag lesen →Alle Fachbeiträge So läuft ein Projekt ab Eingesetzte Technologien
Begriffe dazu erklärt
Mockup
Ein Mockup ist ein gestalteter Entwurf, der zeigt, wie eine Seite aussehen soll — mit Farben, Schriften und Bildern, aber ohne Funktion. Es liegt zwischen dem groben Bauplan und der fertigen Umsetzung.
Erklärung lesen →UX-Design
UX-Design gestaltet die gesamte Nutzungserfahrung eines Produkts: Aufbau, Abläufe, Verständlichkeit. Es geht darum, ob Menschen ihr Ziel erreichen – im Unterschied zum UI-Design, das die sichtbare Oberfläche gestaltet.
Erklärung lesen →Conversion Rate
Die Conversion Rate ist der Anteil der Besucher, die eine gewünschte Handlung ausführen – etwa eine Anfrage senden oder bestellen. Bei 1.000 Besuchern und 20 Anfragen liegt sie bei zwei Prozent.
Erklärung lesen →Prototyp
Ein Prototyp ist ein Vorabmodell, das eine Idee erfahrbar macht, ohne fertig zu sein. Er dient dem Ausprobieren und wird danach oft weggeworfen — anders als ein MVP, das in Betrieb geht.
Erklärung lesen →Verwandte Services
Webdesign & Redesign
Modernes Webdesign das Ihre Marke stärkt und Besucher überzeugt. Redesign bestehender Websites für zeitgemäße Nutzererfahrung.
Design-System-Entwicklung
Skalierbare Design-Systeme mit wiederverwendbaren Komponenten, Design Tokens und dokumentierten Patterns für konsistente Markenauftritte.
Conversion-Rate-Optimierung
Datenbasierte Optimierung Ihrer Website für mehr Leads und Verkäufe. A/B-Testing, Heatmaps und User-Journey-Analyse.
Animationen & Interaktionen
Performante Animationen mit CSS und JavaScript. Micro-Interactions, Scroll-Animationen und interaktive Storytelling-Elemente.