| Konzept und Screendesign |
UX/UI-Design für Websites und digitale Produkte
Als Senior UX/UI-Designer gestalte ich intuitive Bedienkonzepte und durchdachte Interfaces für digitale Produkte und komplexe Webanwendungen. Vom Konzept bis zum ausgereiften Designsystem entwickle ich nutzerzentrierte Designlösungen für dein Entwicklerteam.
Einfache Usability
Skalierbare Designsysteme
Nahtlose Dev-Übergabe
Effizientere Entwicklung
| Branchen & Anwendungsfälle |
E-Sport & Turnierplattformen
Fitness & Filialnetze
Software & SaaS
Hotellerie
Kanzleien & Beratung
E-Learning
Mobile Apps
| Meine Leistungen |
Ziele und Nutzer vereinen
Gutes UX/UI-Design löst Probleme und dafür braucht es ein passendes Konzept. Erst dann entstehen Struktur und Design. Anhand von teilbaren Prototypen und gemeinsamer Abstimmung in Figma entsteht eine Lösung, die deine Unternehmensziele und die Bedürfnisse deiner Nutzer zusammenbringt.
UX-Konzept & Nutzerforschung
Zielgruppen, Inhalte und Struktur werden festgelegt, bevor die erste Fläche gestaltet ist. Grundlage ist eine KI-gestützte Auswertung vorhandener Daten wie Suchanfragen und Bewertungen, aus der Personas entstehen.
User Flows
Für die wichtigsten Aufgaben entsteht der Weg Schritt für Schritt, zum Beispiel von der Startseite bis zur Anfrage oder vom Studio-Highlight bis zur Mitgliedschaft. So wird sichtbar, wo Nutzer hängen bleiben könnten.
Wireframes
Aufbau und Nutzerführung jeder Seitenvorlage und jedes Screens, für Desktop, Mobil und App. In dieser Phase lassen sich Reihenfolge und Inhalte noch ändern, ohne dass fertiges Design verworfen wird.
Prototypen & Tests
Die Screens werden in Figma zu durchklickbaren Abläufen verknüpft. Eine KI-gestützte Prüfung mit simulierten Testdurchläufen zeigt Schwachstellen, bevor die Entwicklung beginnt.
Screendesign
Fertige Oberflächen für Desktop, Mobil und App, auf Basis deines Brandguides oder mit einem neuen Styleguide. Kontraste, Fokus und Zustände sind nach WCAG 2.2 AA angelegt.
Designsystem & Übergabe
Farben, Schriften, Komponenten und ihre Zustände sind in Figma angelegt und dokumentiert. Deine Entwicklung kann direkt damit weiterarbeiten, ohne Maße und Farbwerte nachzufragen.
| Referenzen |
Ausgewählte UX/UI-Projekte
UX/UI-Design
FC Bayern E-Sports
UX-Konzept und Brandguide-basiertes UI-Design für eine E-Sport-Turnierplattform
Mehr erfahren – FC Bayern E-Sports
UX/UI-Design
Holiday Inn
Redesign-Konzept und UI-Design für den Webauftritt eines Stadthotels
Mehr erfahren – Holiday Inn
UX/UI-Design
INJOY Fitness Clubs
UX-Konzept und UI-Design eines Website-Templates für eine Fitness-Studiokette
Mehr erfahren – INJOY Fitness Clubs
UX/UI-Design
Perbit my HR
Konzept und UI-Design für den Webauftritt einer HXM-Software
Mehr erfahren – Perbit my HR| Projektablauf |
Der Weg zum fertigen Screendesign
Ein UX/UI-Projekt läuft in vier Schritten. Nach jedem Schritt gibt es eine Freigabe, damit Struktur und Abläufe feststehen, bevor gestaltet wird.
01
Erstgespräch & Anforderungen
Wir klären, wer die Seite oder Anwendung benutzt und welche Aufgaben dort erledigt werden. Dazu gehört, was schon vorliegt, etwa ein Brandguide, eine bestehende Oberfläche oder technische Vorgaben der Entwicklung.
Ziele und Zielgruppen
Bestandsaufnahme
Umfang und Seitenvorlagen
02
Konzept & User Flows
Aus den Anforderungen entstehen Seitenstruktur, User Flows und Wireframes. Hier werden Reihenfolge und Inhalte festgelegt, noch ohne Farben und Bilder.
Seitenstruktur
User Flows
Wireframes für Desktop und Mobil
03
Screendesign & Prototyp
Auf Basis der freigegebenen Wireframes entstehen die fertigen Oberflächen in Figma. Die wichtigsten Abläufe werden als Prototyp verknüpft und gemeinsam durchgegangen.
Screendesign in Figma
Prototyp
KI-gestützte Prüfung
04
Übergabe
Die Figma-Datei geht mit Komponenten, Styleguide und allen Zuständen an deine Entwicklung. Soll eine Website daraus werden, setze ich sie selbst in WordPress um.
Figma-Datei mit Komponenten
Styleguide
Umsetzung oder Übergabe
Umsetzung: Deine Website in WordPress
Soll aus dem Entwurf eine Website werden, setze ich sie selbst in WordPress mit Elementor um, auf Basis derselben Figma-Datei. Leistungen, Ablauf und Preise dafür stehen auf der Seite Websites.
Du arbeitest in einer Agentur? UX/UI-Konzepte übernehme ich auch als Freelancer für Agenturprojekte, auf Projektbasis, per Tagessatz oder im Tageskontingent. Details stehen auf der Seite für Agenturen.
| Häufige Fragen |
Was du vielleicht wissen möchtest
Was ist der Unterschied zwischen UX und UI?
UX steht für User Experience und betrifft Struktur und Abläufe, also welchen Weg jemand durch eine Seite oder Anwendung nimmt. UI steht für User Interface, die sichtbare Oberfläche mit Layout, Farben, Schriften und Bedienelementen. Bei mir entsteht beides zusammen, weil sich eine Oberfläche erst gestalten lässt, wenn der Ablauf feststeht.
Setzt du das Design auch um?
Websites setze ich selbst in WordPress mit Elementor um. Webanwendungen und Plattformen mit eigener Programmierung baut deine Entwicklung oder ein Dienstleister deiner Wahl. Dafür bekommst du die Figma-Datei mit Komponenten, Zuständen und Styleguide.
Kann ich meinen bestehenden Brandguide verwenden?
Ja. Das Design baut dann auf deinem Brandguide auf. Gibt es noch keinen, entsteht im Projekt ein Styleguide mit Farben, Schriften und Bildsprache.
Arbeitest du in unserer Figma-Datei?
Wenn du das möchtest, ja. Sonst lege ich eine eigene Datei an und übergebe sie zum Schluss mit allen Komponenten. Für die Abstimmung reicht auf deiner Seite ein kostenloser Figma-Zugang zum Ansehen und Kommentieren.
Was kostet ein UX/UI-Projekt?
Das hängt davon ab, ob es um die Struktur einer einzelnen Seite geht oder um eine ganze App mit Designsystem. Feste Pakete gibt es deshalb nicht. Nach dem Erstgespräch bekommst du ein Angebot, in dem jede Leistung einzeln aufgeführt ist, auch die Korrekturrunden.
Lass uns ein Projekt starten
Du hast eine Idee, ein konkretes Vorhaben oder brauchst erst einmal eine Einschätzung? Beschreib mir kurz, was du vorhast, welche Leistungen du brauchst und bis wann es fertig sein soll. Mehr braucht es für den Anfang nicht.
| Projektanfrage |
Anfrage senden
Deine Anfrage ist völlig unverbindlich. Ich melde mich persönlich bei dir, und danach entscheidest du in Ruhe, ob wir zusammenpassen. Ich freue mich darauf, dich kennenzulernen!
Antwortzeit
Ich antworte in der Regel innerhalb von 24 Stunden an Werktagen.
Was passiert als Nächstes?
1. Du schickst mir deine Anfrage
2. Ich melde mich innerhalb von 24 Stunden an Werktagen
3. Wir sprechen über dein Projekt
4. Du erhältst ein unverbindliches Angebot