Leistungen / Websites & Conversion / Webdesign & UX
Design, das User-Aufgaben löst — nicht nur Awards gewinnt.
UX-Research, Information-Architecture und UI-Design, das sich an realen User-Aufgaben orientiert. Accessibility (BFSG) und Mobile-First sind Pflicht-Teil, nicht Aufpreis-Option.
Aufgaben-zentriert
Jeder Screen löst eine echte User-Aufgabe. Nicht alles, was möglich ist, ist sinnvoll.
Mobile-first 2026
60–75 % Mobile-Traffic ist Realität. Wir designen Mobile-zuerst, Desktop ist die Erweiterung.
BFSG-konform
Barrierefreiheits-Stärkungs-Gesetz seit Juni 2025 Pflicht. Wir designen WCAG 2.2 AA von Anfang an mit.
Was du buchen kannst
Sechs Bausteine, einzeln oder als Paket
Start meist mit UX-Audit + User-Research. UI-Design kommt erst, wenn Aufgaben klar sind.
UX-Audit
Heuristische Evaluation, Funnel-Drops, Mobile-Schwachstellen, BFSG-Audit. Output: Probleme-Map.
User-Research
User-Interviews, Diary-Studies, Usability-Tests (moderiert/unmoderiert). Output: Aufgaben-Map.
Information-Architecture
Sitemap, Navigations-Logik, Content-Hierarchie, Search-Logic, Card-Sorting-Validation.
UI-Design
Mockups Mobile- & Desktop, Microinteraktionen, Typografie, Brand-Codes integriert.
Design-System
Komponenten-Library, Tokens, Theming, Doku in Figma. Für Teams, die selbst weiter designen.
Accessibility-Layer
WCAG 2.2 AA, BFSG-konform, Screen-Reader-Tests, Keyboard-Navigation, Kontrast-Checks.
Wie unterscheiden wir uns?
Drei Wege, UX einzukaufen
Top-Design-Agentur, Studio-Boutique oder Senior-Operator — alle drei haben eine Zielgruppe. Hier die ehrliche Gegenüberstellung.
| Top-Design-Agentur Edenspiekermann, KMS Team | Studio-Boutique Berliner Design-Studios | Truong Suarez Aufgaben-zentriert + Performance-Bridge | |
|---|---|---|---|
| Stil-Identität | Sehr stark, Design-getrieben | Studio-Handschrift sichtbar | An deinem Brand orientiert, keine Studio-Marke |
| User-Research | Tief, oft 4–8 Wochen Discovery | Selten formal, eher Workshop-basiert | Fokussiert (5–8 Interviews), schnell verwertbar |
| BFSG / Accessibility | Kann Add-on sein | Oft nicht im Kern-Scope | Pflicht-Teil ohne Aufpreis |
| Performance-Verknüpfung | Selten, Tech-Handover | Design-fokussiert, Performance sekundär | Design wird mit Funnel- und Tracking-Logik abgestimmt |
| Beste Phase für dich | Brand-Refresh, Enterprise | Premium-Marken, Image-Push | Mittelstand mit Performance-Stack, der UX als Hebel braucht |
Vergleich basiert auf öffentlich verfügbaren Informationen, Stand 2026. Wenn deine Konstellation woanders besser aufgehoben wäre, sage ich dir das im Erstgespräch.
Wie wir arbeiten
Fünf Phasen, ein Ansprechpartner
Aufgaben verstehen, dann Design. Nicht umgekehrt.
UX-Audit
Heuristik, Heatmaps, BFSG-Status, Mobile-Check. Output: Probleme-Map.
Research
5–8 User-Interviews, Usability-Tests. Output: Aufgaben-Map + Pain-Points.
IA + Wireframe
Sitemap, Lo-Fi-Wireframes, Navigations-Validation. Output: Strukturplan.
UI & System
Hi-Fi-Mockups, Design-System, Komponenten-Library. Output: Figma-Lib.
Handover
Dev-Übergabe, Accessibility-QA, Browser-Tests, Component-Doku.
Stack
Womit wir arbeiten
Keine Black-Box-Tools. Alles, was wir nutzen, kannst du selbst betreiben — wenn du es willst.
Research
- Maze (unmoderierte Tests)
- UserTesting / Lookback
- Hotjar / Microsoft Clarity
- Optimal Workshop (Card-Sorting)
Design
- Figma (Komponenten-Lib)
- FigJam (Workshops)
- Whimsical (Flows/IA)
- Principle (Motion)
Accessibility
- WAVE / axe DevTools
- NVDA / VoiceOver
- Stark (Figma Plugin)
- Contrast Checker
Handover
- Figma Dev Mode
- Zeplin (legacy)
- Storybook (Component-Doku)
- Notion (Design-Decisions)
Empfohlener Einstieg
Zwei Wege, je nachdem wo du stehst
UX-Verbesserung an bestehender Site oder kompletter Neu-Aufbau? Das ändert die Tiefe.
Für dich, wenn
Bestehende Site verbessern
Du hast UX-Probleme (Funnel-Drops, Mobile-Schwächen, BFSG-Lücken), willst sie strukturiert angehen ohne kompletten Relaunch.
7–10 Tage · Report + 60-Min-Call
Basis-Audit / Bestand
- – Heuristische Evaluation aller Top-Templates
- – Mobile-Audit + BFSG-Status
- – Funnel-Drop-Analyse
- – Priorisierte Verbesserungs-Roadmap
Für dich, wenn
Komplett neu designen
Neue Site, neuer Bereich oder kompletter UX-Neuaufbau. Du brauchst Research + IA + Design-System von Anfang an.
7–10 Tage · Report + 60-Min-Call
Basis-Audit / Neu bauen
- – Research-Plan (Interview-Guide)
- – IA-Skizze + Sitemap-Konzept
- – Design-System-Empfehlung
- – BFSG-Compliance-Plan
Unsicher? Die Symptom-Triage auf der Audit-Seite hilft bei der Wahl. Der Audit-Preis wird auf ein Folgeprojekt angerechnet.
Wann das relevant wird
Typische Ausgangspunkte
Drei wiederkehrende Situationen, in denen Webdesign & UX das richtige Werkzeug ist.
Compliance
BFSG 2025 — Accessibility
Barrierefreiheits-Stärkungs-Gesetz: was Pflicht ist, was wir konkret machen.
Relaunch
Relaunch ohne SEO-Verlust
Wie UX-Refresh und SEO-Migration in einem Workstream laufen, ohne dass eines das andere zerstört.
Launch
Launch mit Landing Pages
Wenn ein Launch ansteht und die Landing Pages für reale User-Aufgaben und Conversion gebaut sein müssen.
FAQ
Was Kunden vor der ersten Zusammenarbeit oft fragen
Wieviel User-Research brauchen wir wirklich?
Pragmatisches Min-Set: 5–8 Tiefen-Interviews + 1–2 unmoderierte Usability-Tests pro kritischem Flow. Das deckt 80 % der Insights ab — alles darüber ist Premium für Enterprise-Komplexität. Bei B2B oft Customer-Success-Daten + 3–5 Power-User-Interviews.
Was bedeutet BFSG-Pflicht konkret für unsere Site?
Seit Juni 2025 verpflichtend für B2C-Sites mit Online-Verkauf, Buchungs- oder Konto-Funktion. WCAG 2.2 AA als Mindeststandard: Kontraste, Keyboard-Nav, Screen-Reader, ARIA-Labels, Alt-Texte. B2B ist (noch) ausgenommen, sollte aber 2026 mit dem AccessibleEU folgen. Wir bauen alles standardmäßig WCAG 2.2 AA.
Brauchen wir wirklich ein Design-System?
Für Single-Page-Marketing-Sites: nein, da reicht eine Figma-Component-Library. Für Sites mit > 20 Templates oder mehreren Marketing-/Produkt-Teams: ja, Design-Tokens + dokumentierte Komponenten sparen langfristig viel Zeit und Konsistenz.
Mobile-First — heißt das, Desktop ist sekundär?
Nicht sekundär — aber: Mobile-Design erzwingt Hierarchie-Klarheit, die dem Desktop dann nutzt. Wer Desktop-first designt, hat oft überladene Layouts, die mobil nicht funktionieren. Wir designen beide parallel, aber starten Wireframes immer mit Mobile-Breakpoint.
Bekommen wir Figma-Files oder ein End-Produkt?
Beides möglich. UX/Design-Only-Engagement: du bekommst dokumentierte Figma-Files + Design-System, dein Dev-Team baut. End-to-End: wir übernehmen auch den Build (siehe Website-Relaunch + Landing Pages). Im Audit klären wir, was passender ist.
Lass uns sprechen
Drei Wege — je nachdem wo du stehst.