// UI/UX DESIGN
Design das Ergebnisse liefert.
UX-Audit, Wireframes, High-Fidelity UI und Design Systems — datengetrieben, conversion-optimiert, barrierefrei seit 2025.
// HERAUSFORDERUNGEN
Drei Hebel die über deine Conversion Rate entscheiden.
// HERAUSFORDERUNGEN
Drei Hebel die über deine Conversion Rate entscheiden.
Besucher finden nicht was sie suchen
Die meisten Websites sind aus Unternehmenssicht strukturiert — nicht aus Nutzersicht. Produkte stehen dort wo das Organigramm es will, nicht dort wo der Kunde sie sucht. Das Ergebnis: 70 % der Besucher verlassen die Seite ohne eine einzige Interaktion. Nicht weil das Design hässlich ist — sondern weil die Informationsarchitektur nicht funktioniert.
Mobile ist kein Afterthought — es ist der Normalfall
62 % aller Website-Besuche kommen mobil. Wenn deine Seite "responsive" ist aber nicht "Mobile-First designed", merken Nutzer den Unterschied: Buttons zu klein, Texte zu lang, Checkout zu komplex. Jede Sekunde zusätzliche Ladezeit auf Mobile kostet 7 % Conversion Rate.
Redesign nach Geschmack statt nach Daten
"Unserem CEO gefällt die Farbe nicht" ist kein UX-Problem — aber so werden die meisten Redesigns gestartet. Ohne Heatmaps, Session Recordings und echte Nutzerdaten ist jede Design-Entscheidung eine Meinung. Meinungen sind teuer. Daten sind billig.
// UNSER ANSATZ
Design-Entscheidungen auf Basis von Nutzerdaten. Nicht Bauchgefühl.
Wir starten jedes Projekt mit einem UX-Audit: Wo springen Nutzer ab? Welche Seiten konvertieren, welche nicht? Wo klicken Nutzer — und wo erwarten wir dass sie klicken? Erst wenn wir wissen was kaputt ist, designen wir die Lösung. Figma, Design Systems, WCAG 2.2 AA — das sind die Werkzeuge. Die Erkenntnis kommt aus den Daten.
Jedes Design wird als interaktiver Prototyp validiert bevor eine Zeile Code geschrieben wird. Tracking-Integration ab Tag 1 — damit du nach Launch messen kannst ob das Design funktioniert.
// LEISTUNGEN
Vom Audit bis zum fertigen Design System.
UX-Audit & Analyse
Systematische Bewertung deiner bestehenden Website oder App. Heatmaps, Session Recordings, Conversion-Funnels, Navigation Testing. Ergebnis: ein priorisierter Report der zeigt wo die größten Hebel sind — nicht eine Liste von 200 Detailproblemen.
→ Du weißt genau wo Nutzer abspringen und warum
User Research & Journey Mapping
Wer sind deine Nutzer wirklich? Was erwarten sie? Wo haben sie Friction? Wir mappen die Customer Journey vom ersten Touchpoint bis zur Conversion — und identifizieren jeden Moment der Unsicherheit, Verwirrung oder Abbruch.
→ Entscheidungen basieren auf echtem Nutzerverhalten
Wireframes & Prototyping
Bevor ein Pixel designt wird, validieren wir die Struktur. Low-Fi Wireframes in Figma, interaktive Prototypen für Key-Flows (Checkout, Lead-Formular, Produktseite). Feedback-Runden mit deinem Team bevor Visual Design beginnt.
→ Teure Iterationen nach Launch vermeiden
High-Fidelity UI Design
Visual Design für alle Breakpoints — Desktop, Tablet, Mobile. Pixel-perfekt, brand-konform, conversion-optimiert. Jede Seite, jeder State, jede Interaktion. Übergabe-ready für Development.
→ Designs die 1:1 umgesetzt werden können
Design System & Component Library
Wiederverwendbare Components, dokumentierte Styles, Token-basierte Farbsysteme. Dein Team kann nach Handover selbstständig neue Seiten bauen — ohne dass das Design auseinanderfällt. Skalierbar von 5 auf 50 Seiten.
→ Konsistenz über alle Touchpoints, auch nach dem Projekt
Conversion Rate Optimierung (CRO)
Design ist nie fertig. Nach Launch: A/B-Tests, Heatmap-Analyse, Funnel-Optimierung. Welche Headline konvertiert besser? Wo verlierst du Nutzer im Checkout? Datengetriebenes Iterieren — nicht einmal designen und vergessen.
→ Kontinuierliche Verbesserung nach Go-Live
// DIE EHRLICHE FRAGE
Komplett-Redesign oder gezielte Optimierung?
Redesign macht Sinn wenn:
- Die Informationsarchitektur grundlegend falsch ist
- Das Design älter als 3–4 Jahre ist und nicht zum Brand passt
- Mobile-UX nie richtig durchdacht wurde
- Du ein neues Produkt oder eine neue Zielgruppe ansprichst
- Die technische Basis (CMS, Framework) veraltet ist
Optimierung reicht oft wenn:
- Das Design grundsätzlich funktioniert aber Conversion-Rates stagnieren
- Einzelne Pages (Checkout, Landingpage, Pricing) underperformen
- Mobile-Anpassungen nötig sind aber die Desktop-Version stimmt
- Du schnelle Ergebnisse brauchst ohne monatelanges Projekt
Wir empfehlen im Erstgespräch ehrlich was sinnvoller ist — auch wenn ein Redesign für uns das größere Projekt wäre. Manchmal bringt ein fokussierter Landingpage-Relaunch mehr als ein 6-monatiges Komplett-Redesign.
// FÜR WEN WIR DESIGNEN
Typische Projekte.
Website Redesign & Relaunch
Informationsarchitektur, Wireframes, High-Fidelity UI, Design System. Für Unternehmen die eine neue Website planen oder ihre bestehende von Grund auf überarbeiten wollen. Typisch: 6–12 Wochen, Übergabe an internes Dev-Team oder an unser Webdesign-Team.
Landing Pages & Conversion Funnels
Fokussierte Einzelseiten die ein Ziel haben: Anfrage, Kauf, Signup. UX-optimiert, A/B-Test-ready, Mobile-First. Typisch: 2–4 Wochen, schnelle Iteration basierend auf Performance-Daten.
UX-Audit & CRO für bestehende Produkte
Deine Website oder App existiert bereits, aber die Conversion-Rates stagnieren. Wir analysieren wo Nutzer abspringen, designen gezielte Verbesserungen und testen sie. Typisch: 2–3 Wochen Audit, dann laufende Optimierung.
// EU ACCESSIBILITY ACT 2025
Barrierefrei ist seit Juni 2025 Pflicht.
Der European Accessibility Act (EAA) verpflichtet Unternehmen seit 28. Juni 2025 zur digitalen Barrierefreiheit. Websites und Apps müssen WCAG 2.2 Level AA erfüllen — das betrifft Navigation, Farbkontraste, Screenreader-Kompatibilität, Tastaturnavigation und mehr.
Wir designen barrierefrei by default — nicht als nachträgliches Add-on. Jedes UI-Element, jede Interaktion, jeder Text wird gegen WCAG 2.2 AA geprüft. Für Unternehmen die bereits eine Website haben, bieten wir einen Accessibility-Audit mit konkretem Maßnahmenplan.
Was wir prüfen und umsetzen:
→ WCAG 2.2 Level AA — EU EAA konform
// WAS UNS UNTERSCHEIDET
Design das Business-Ergebnisse liefert.
Designer + Entwickler in einer Person
Mike designt und baut. Kein "das geht technisch nicht" nach dem Design-Handover. Jede Design-Entscheidung berücksichtigt Performance, Ladezeit und Implementierbarkeit. Das spart 2–4 Wochen Ping-Pong zwischen Design- und Dev-Team.
→ Designs die 1:1 gebaut werden können
Daten vor Meinungen
Kein Design-Review bei dem der CEO die Button-Farbe ändern will. Wir zeigen Heatmaps, Session Recordings und Conversion-Daten. Entscheidungen werden auf Basis von Nutzerdaten getroffen — nicht auf Basis von Hierarchie oder Geschmack.
→ Jede Designentscheidung hat eine Begründung
Tracking-Integration ab Tag 1
Jedes Design wird mit Tracking-Anforderungen geplant. Welche Events sollen auf welcher Seite feuern? Wo brauchen wir Custom Events? Das Design berücksichtigt die Datenarchitektur — damit du nach Launch messen kannst ob es funktioniert.
→ Keine nachträgliche Tracking-Baustelle
Barrierefreiheit by Default
WCAG 2.2 Level AA ist kein Aufpreis-Feature — es ist Standard in jedem unserer Designs. Kontraste, Touch Targets, Tastaturnavigation, Screenreader-Kompatibilität. EU EAA Pflicht seit Juni 2025.
→ Rechtssicher und inklusiv
// 5 PHASEN
Von der Analyse zum fertigen Design.
Research & Audit (Woche 1–2)
UX-Audit bestehender Oberflächen: Heatmaps, Session Recordings, Conversion-Funnels. Nutzer-Research, Wettbewerbs-Benchmark. Ergebnis: ein klares Bild davon was funktioniert und was nicht.
→ UX-Audit Report + priorisierte Empfehlungen
→ UX-Audit Report + priorisierte Empfehlungen
Research & Audit (Woche 1–2)
UX-Audit bestehender Oberflächen: Heatmaps, Session Recordings, Conversion-Funnels. Nutzer-Research, Wettbewerbs-Benchmark. Ergebnis: ein klares Bild davon was funktioniert und was nicht.
Informationsarchitektur & Wireframes (Woche 2–3)
Sitemap, User Flows, Content-Hierarchie definieren. Low-Fi Wireframes für Key-Pages. Feedback-Runde mit deinem Team — Struktur validieren bevor Visual Design startet.
→ Wireframe Set + User Flows in Figma
Informationsarchitektur & Wireframes (Woche 2–3)
Sitemap, User Flows, Content-Hierarchie definieren. Low-Fi Wireframes für Key-Pages. Feedback-Runde mit deinem Team — Struktur validieren bevor Visual Design startet.
→ Wireframe Set + User Flows in Figma
Visual Design & UI (Woche 3–5)
High-Fidelity Designs für alle Seiten und Breakpoints. Design System aufbauen: Farben, Typografie, Components, Spacing. Interaktive Prototypen für kritische Flows (Checkout, Kontaktformular).
→ Figma Design File + Design System
→ Figma Design File + Design System
Visual Design & UI (Woche 3–5)
High-Fidelity Designs für alle Seiten und Breakpoints. Design System aufbauen: Farben, Typografie, Components, Spacing. Interaktive Prototypen für kritische Flows (Checkout, Kontaktformular).
Accessibility Check & Testing (Woche 5–6)
WCAG 2.2 AA Compliance prüfen. Usability Testing mit echten Nutzern oder internen Stakeholdern. Letzte Korrekturen, Edge Cases, Responsive Fine-Tuning.
→ Accessibility Report + finale Designs
Accessibility Check & Testing (Woche 5–6)
WCAG 2.2 AA Compliance prüfen. Usability Testing mit echten Nutzern oder internen Stakeholdern. Letzte Korrekturen, Edge Cases, Responsive Fine-Tuning.
→ Accessibility Report + finale Designs
Handover & Support (Woche 6–8)
Developer Handover mit vollständiger Spec: Abstände, Fonts, Farben, Interaktionen, Responsive Verhalten. Figma Dev Mode ready. Optional: Umsetzung durch unser Webdesign-Team. 30 Tage Post-Handover Support.
→ Design Handover Package + 30 Tage Support
→ Design Handover Package + 30 Tage Support
Handover & Support (Woche 6–8)
Developer Handover mit vollständiger Spec: Abstände, Fonts, Farben, Interaktionen, Responsive Verhalten. Figma Dev Mode ready. Optional: Umsetzung durch unser Webdesign-Team. 30 Tage Post-Handover Support.
// ZUSAMMENARBEIT
So arbeiten wir zusammen.
Einmalig
UX-Audit & Konzept
Für Unternehmen die wissen wollen warum ihre Website nicht konvertiert — und was konkret geändert werden muss.
Komplett
Full Design & System
End-to-End Design von Research bis Handover. High-Fidelity UI, vollständiges Design System, Accessibility-Compliance und Übergabe an Development.
Co-Founder · Head of Tech & Design
Mike
UI/UX Designer und Frontend-Entwickler in einer Person. Mike designt in Figma und baut in Code — das heißt jedes Design ist technisch validiert bevor es zum Handover geht. Design Systems, WCAG 2.2 Accessibility, GSAP Animations, Webflow und Astro. Kein Designer der "über den Zaun wirft" — sondern einer der die Konsequenzen jeder Designentscheidung versteht.
// WEITERE SERVICES
Ein Team. Alles verbunden.
Server-Side Tracking
GTM Server-Side, Meta CAPI, Enhanced Conversions
Mehr erfahrenGoogle Ads
Search, Shopping, PMax — datengetrieben
Mehr erfahrenSocial Ads
Meta, TikTok, LinkedIn, Pinterest
Mehr erfahrenWebdesign
Webflow, Shopify, Custom Dev
Mehr erfahrenStrategie & Beratung
Full-Funnel Audit, Channel-Mix
Mehr erfahrenBereit für echte Ergebnisse? →
Kostenlose Potenzialanalyse — 30 Minuten, die sich lohnen.
// HÄUFIGE FRAGEN
UI/UX Design FAQ.
Das hängt vom Umfang ab — nicht von der Seitenanzahl. Ein fokussierter Landingpage-Relaunch ist etwas anderes als ein Komplett-Redesign mit 30+ Seiten. Wir kalkulieren nach Projektumfang und Komplexität. Orientierung: UX-Audits starten ab ca. €1.500, Full-Design-Projekte im fünfstelligen Bereich.
Ein UX-Audit dauert 1–2 Wochen. Ein vollständiges Redesign mit Wireframes, UI und Design System dauert 4–8 Wochen — je nach Umfang und Feedback-Zyklen. Wir geben dir im Erstgespräch eine realistische Timeline.
Das klären wir im Audit. Oft sind es 3–5 spezifische Stellen die 80 % des Problems verursachen — Checkout-Flow, Mobile Navigation, Formulardesign. Manchmal reicht eine gezielte Optimierung. Manchmal ist die Basis so kaputt dass nur ein Redesign hilft. Wir empfehlen ehrlich.
Ja — rechtlich seit Juni 2025 Pflicht. Der European Accessibility Act verpflichtet Unternehmen zur digitalen Barrierefreiheit. WCAG 2.2 Level AA ist der Standard. Aber auch abseits der Pflicht: barrierefreies Design verbessert UX für alle Nutzer und wirkt sich positiv auf SEO und Conversion Rates aus.
Beides möglich. Wir liefern Figma-Files mit Dev Mode Specs für dein Development-Team. Oder wir bauen das Design direkt in Webflow, Shopify oder Astro — über unser Webdesign-Angebot. Mike designt und entwickelt, das heißt null Informationsverlust zwischen Design und Code.
Du bekommst 30 Tage Support für Fragen während der Umsetzung. Danach optional: laufende CRO-Betreuung mit A/B-Testing, Heatmap-Analyse und quartalsweisen Design-Iterationen. Design ist kein einmaliges Projekt — es ist ein laufender Prozess.
// DESIGN + DEVELOPMENT
Vom Figma-File zur fertigen Website.
UI/UX Design ist die Blaupause — die Umsetzung entscheidet ob sie funktioniert. Mike macht beides: erst das Design in Figma, dann den Build in Webflow, Shopify oder Custom Code. Was er designt, baut er selbst. Das Ergebnis sieht aus wie das Design.
Mehr über unser Webdesign erfahren