Nutzerführung
Ich plane, wie Besucher von der Startseite bis zum Ziel kommen, und entferne alles, was sie unterwegs aufhält oder verwirrt.
Design & Marke
UI/UX Design für digitale Produkte, die sich gut anfühlen
Gutes Design merkt man daran, dass man es kaum bemerkt: Nutzer finden sich zurecht, verstehen sofort, was zu tun ist, und kommen gern wieder. Als UI/UX Designerin gestalte ich Oberflächen für Websites, Shops und Web Apps, die genau so funktionieren.
- 360+Projekte
- 10+Jahre Erfahrung
- 98%Kundenzufriedenheit
Erst verstehen, dann gestalten
UX Design beginnt lange vor Farben und Schriften. Zuerst geht es darum, wer dein Produkt nutzt, mit welchem Ziel und in welcher Situation. Wer unterwegs auf dem Smartphone einen Termin buchen will, braucht eine andere Oberfläche als jemand, der am Schreibtisch Daten auswertet.
Aus diesem Verständnis entstehen Nutzerwege, Wireframes und schließlich klickbare Prototypen. Du kannst dein Produkt so ausprobieren, bevor eine einzige Zeile Code geschrieben ist. Fehler in der Bedienung fallen früh auf, wenn sie noch günstig zu beheben sind.
Das UI Design gibt dem Ganzen dann die Form: klare Typografie, eine ruhige visuelle Hierarchie und Komponenten, die überall gleich funktionieren. Weil ich selbst entwickle, entstehen dabei keine Entwürfe, die sich später nicht umsetzen lassen.
Am Ende zählt, ob Menschen dein Produkt verstehen und gern benutzen. Deshalb begründe ich Gestaltungsentscheidungen nicht mit Geschmack, sondern mit dem Verhalten und den Zielen deiner Nutzer – und überprüfe sie, wo immer es geht, an echten Abläufen.
Was du bekommst
Wireframes
Einfache Skizzen der Seiten zeigen Struktur und Inhalte, bevor über Farben gesprochen wird. So konzentrieren wir uns zuerst auf das Wesentliche.
Prototypen in Figma
Klickbare Prototypen machen Abläufe erlebbar. Du kannst sie testen, teilen und Feedback einholen, bevor entwickelt wird.
Interface-Design
Das finale Design mit Typografie, Farben, Icons und Zuständen – abgestimmt auf deine Marke und gut lesbar.
Mobile First
Ich gestalte zuerst für das kleine Display und erweitere dann für größere Bildschirme. So bleibt die mobile Nutzung kein Nachgedanke.
Design-Systeme
Wiederverwendbare Komponenten und klare Regeln sorgen dafür, dass dein Produkt auch beim Wachsen einheitlich und konsistent bleibt.
Wann diese Leistung zu dir passt
Nutzer brechen an derselben Stelle ab
Formulare werden nicht abgeschickt, Bestellungen nicht abgeschlossen. Eine UX-Analyse zeigt, woran es liegt, und das Redesign behebt es.
Du entwickelst ein neues digitales Produkt
Bevor in die Entwicklung investiert wird, willst du Abläufe testen. Ein klickbarer Prototyp macht deine Idee greifbar.
Deine Software ist funktional, aber schwer zu bedienen
Neue Nutzer brauchen lange Einarbeitung und das Team ist genervt. Eine überarbeitete Oberfläche macht die vorhandenen Funktionen zugänglich.
Dein Produkt wirkt uneinheitlich
Über die Zeit sind Seiten und Funktionen in unterschiedlichen Stilen entstanden. Ein Design-System bringt wieder Ordnung hinein.
So arbeiten wir zusammen
- Schritt 1
Verstehen
Wir sprechen über Ziele, Nutzer und bestehende Probleme. Wo vorhanden, schaue ich mir Daten und Feedback an.
- Schritt 2
Strukturieren
Nutzerwege und Wireframes legen fest, welche Inhalte und Funktionen wo hingehören.
- Schritt 3
Prototyp
In Figma entsteht ein klickbarer Prototyp, den du testen und mit anderen teilen kannst.
- Schritt 4
Interface-Design
Ich gestalte die finalen Screens und dokumentiere Komponenten im Design-System.
- Schritt 5
Übergabe & Umsetzung
Ich setze das Design selbst um oder übergebe es sauber dokumentiert an dein Entwicklungsteam.
Womit ich arbeite
- Figma
- Tailwind CSS
- React
Passende Projekte
Ein Ausschnitt aus über 360 realisierten Projekten. Alle Arbeiten findest du im Portfolio.
Häufige Fragen zu UI/UX Design
Was ist der Unterschied zwischen UI und UX Design?
UX Design (User Experience) beschäftigt sich damit, wie gut ein Produkt funktioniert: Abläufe, Struktur und Verständlichkeit. UI Design (User Interface) gestaltet die sichtbare Oberfläche: Farben, Typografie, Buttons und Icons. Beides gehört zusammen, deshalb biete ich es gemeinsam an.
Lohnt sich ein Prototyp, bevor entwickelt wird?
Ja, vor allem bei komplexeren Websites und Web Apps. Änderungen in einem Prototyp sind schnell gemacht, Änderungen im fertigen Code deutlich aufwendiger. Ein Prototyp macht außerdem Gespräche mit Partnern oder Investoren leichter.
Arbeitest du mit unserem Entwicklungsteam zusammen?
Gern. Ich liefere Designs mit dokumentierten Komponenten, Abständen und Zuständen, sodass dein Team sie direkt umsetzen kann. Auf Wunsch begleite ich die Umsetzung und stimme Details direkt mit den Entwicklern ab.
Können wir unsere bestehende Oberfläche schrittweise verbessern?
Ja. Ein kompletter Neustart ist nicht immer nötig. Oft ist es sinnvoller, die wichtigsten Abläufe zuerst zu überarbeiten und das Design-System parallel aufzubauen, damit der Rest nach und nach folgt.
Wie testest du, ob ein Design wirklich funktioniert?
Mit klickbaren Prototypen lassen sich Abläufe mit echten Nutzern durchspielen, bevor entwickelt wird. Nach dem Livegang zeigen Auswertungen, wo Besucher abbrechen. Beides fließt in die nächste Verbesserungsrunde ein.
Bekomme ich am Ende die Design-Dateien?
Die Übergabe der Figma-Dateien mit Screens und Komponenten halten wir im Angebot fest. So kannst du oder dein Team später darauf aufbauen, auch ohne mich.
Weiter
Verwandte Leistungen
Du sitzt im Raum Köln oder im Rhein-Erft-Kreis? Dann treffen wir uns gern persönlich, mehr dazu unter Webdesign in Hürth.
Lass uns über dein Projekt sprechen.
Berechne in zwei Minuten, ab welchem Preis dein Projekt startet, oder schreib mir direkt. Ich melde mich persönlich bei dir.