UX DESIGN
Webdesign, das Besucher versteht — und gezielt zu Kunden macht.
Deshalb achten wir bei jedem Projekt von Anfang an darauf, dass deine Website nicht nur gut aussieht — sondern dass Besucher sofort verstehen, wo sie sind, was du anbietest und was sie als Nächstes tun sollen. Unser Ansatz basiert auf Design Thinking: Wir denken vom Nutzer aus, nicht vom Layout.
Das ist kein separates Luxus-Paket, sondern unser Qualitätsstandard. Wir bauen Websites mit einem durchdachten User Interface, die Besucher gezielt zu Kunden machen — weil die User Journey von Anfang an durchdacht ist und das Onboarding nahtlos funktioniert.
Vom User Research bis zum fertigen Interface.
Keine Magie, sondern bewährte UX-Methoden, die messbar mehr Anfragen bringen.
User Research & Zielgruppenanalyse
Bevor wir anfangen, schauen wir uns an: Wer sind deine Kunden? Was erwarten sie? Welche Pain Points haben sie auf anderen Websites? Wir erstellen Personas, um typische Nutzergruppen greifbar zu machen. Dabei basieren unsere Personas auf echten Daten, nicht auf Annahmen — wir kombinieren quantitative Quellen wie Analytics-Daten und Heatmaps mit qualitativen Methoden wie Nutzerinterviews und Usability Tests. Erst diese Mischung zeigt dir das vollständige Bild: Die Zahlen verraten, WAS Besucher tun — die Interviews erklären, WARUM sie es tun.
- Wir analysieren das Verhalten und die Erwartungen deiner Zielgruppe — ob Kanzlei, Zahnarztpraxis oder Online-Shop. Jede Branche hat andere Nutzererwartungen, und was für einen Shop funktioniert, kann bei einer Kanzlei komplett falsch sein
- Wir analysieren die Mental Models deiner Zielgruppe, führen eine Task Analysis durch und schauen, wie deine Konkurrenz es macht (und wo sie Fehler machen). Die Task Analysis zeigt uns, welche Aufgaben für deine Nutzer wirklich Priorität haben — damit wir Features nach echtem Bedarf gewichten, nicht nach Bauchgefühl
- Wir erstellen eine Journey Map der kompletten User Journey: Vom ersten Touchpoint bis zur Anfrage. Eine gute Journey Map deckt Frustrationsmomente auf, die in reinen Analytics-Daten unsichtbar bleiben — etwa wenn Besucher zwar klicken, aber innerlich schon aufgegeben haben
- Falls du schon eine Seite hast: Wir analysieren die Daten und identifizieren Drop-off-Punkte. Wir schauen uns an, wo Besucher abspringen, wie lange sie auf welchen Seiten bleiben und welche Klickpfade sie tatsächlich nehmen — denn oft stimmt die reale Nutzung nicht mit der geplanten User Journey überein
Informationsarchitektur & Seitenstruktur
Wir planen die Informationsarchitektur inkl. Sitemap, bevor wir mit dem Design anfangen. So reduzieren wir den Cognitive Load und jeder Besucher weiß sofort, wo er was findet. Das ist keine Theorie: Miller's Law besagt, dass Menschen nur 7±2 Informationseinheiten gleichzeitig verarbeiten können. Deshalb gruppieren wir Inhalte bewusst und begrenzen Auswahloptionen — weil ein Menü mit 15 Punkten deine Besucher nicht informiert, sondern überfordert.
- Above the Fold: Die wichtigsten Infos stehen ganz oben. Was Besucher ohne Scrollen sehen, entscheidet in den ersten 3 Sekunden, ob sie bleiben oder gehen — deshalb platzieren wir dort dein stärkstes Argument und einen klaren nächsten Schritt
- Klare Navigation auf Basis von Card Sorting — keine versteckten Unterseiten. Beim Card Sorting lassen wir echte Nutzer deine Inhalte selbst kategorisieren, damit die Navigation ihrer Denkweise entspricht, nicht deiner internen Firmenlogik
- Wir gestalten direkt fertige Entwürfe als klickbaren Prototyp — kein Umweg über Wireframes. So kannst du schon vor der Entwicklung durch die Seite klicken und testen, ob die Nutzerführung funktioniert. Fehler, die im Prototyp auffallen, kosten einen Bruchteil davon, was sie nach dem Launch kosten würden
- Deine Inhalte kommen genau da hin, wo Besucher sie erwarten — durch Progressive Disclosure zeigen wir Details erst dann, wenn sie relevant sind. Das hält Seiten übersichtlich, ohne Informationen zu verstecken. Gleichzeitig verhindert eine saubere Sitemap-Planung vor dem Design, dass du nach dem Launch teure Redesigns brauchst
Visual Design & Interface-Gestaltung
Ästhetik ist wichtig — aber Usability steht an erster Stelle. Durchdachtes Interaction Design sorgt dafür, dass Buttons eine klare Affordance haben und sich wie Buttons anfühlen. Texte müssen lesbar sein. Affordance bedeutet: Ein Element signalisiert durch sein Aussehen, wie man es benutzt — ein Button, der dreidimensional wirkt, wird angeklickt, ein flacher Text-Link wird übersehen. Wir nutzen Gestalt-Prinzipien wie Nähe und Ähnlichkeit, damit zusammengehörige Elemente automatisch als Gruppe wahrgenommen werden — ganz ohne explizite Beschriftung oder Trennlinien.
- Deine Brand Identity fließt in ein konsistentes Designkonzept ein — mit einem klaren visuellen System aus Farben, Typografie und Abständen, das auf jeder Unterseite wiedererkennbar ist
- Konsistente UI-Elemente: Buttons, Formulare und Links funktionieren einheitlich. Konsistenz reduziert die kognitive Belastung, weil Nutzer einmal gelerntes Verhalten auf der ganzen Seite anwenden können — wenn ein roter Button auf Seite 1 "Anfragen" bedeutet, darf er auf Seite 5 nicht plötzlich "Abbrechen" heißen
- Du bekommst fertige Designentwürfe zur Abstimmung vor dem Launch
- Microinteractions geben visuelles Feedback (z.B. beim Absenden eines Formulars). Das geht weit über statische Layouts hinaus: Hover-Effekte, Ladeanimationen und Zustandswechsel zeigen dem Nutzer in Echtzeit, dass das System reagiert — und schaffen Vertrauen
Responsive Design & Touch-Optimierung
Über die Hälfte aller Besucher kommt vom Smartphone. Deshalb designen wir zuerst für kleine Screens — und skalieren dann nach oben. Mobile First heißt nicht einfach "kleinerer Bildschirm" — es bedeutet, dass wir Inhalte priorisieren. Auf dem Smartphone ist kein Platz für Nebensächliches, also zwingen wir uns, das Wesentliche zuerst zu zeigen. Das Ergebnis: Auch die Desktop-Version wird besser, weil sie auf einem klaren Fundament steht.
- Wir starten mit der Smartphone-Version und erweitern dann auf Desktop
- Touch-optimierte Bedienelemente, die sich auch mit dem Daumen bedienen lassen. Wir halten uns an die Mindestgröße von 44×44 Pixeln, die Apple und Google für Touch Targets empfehlen — weil zu kleine Buttons auf dem Handy der häufigste Grund für Fehltaps und Frust sind
- Responsive Design: Passt sich automatisch an jede Bildschirmgröße an. Dabei optimieren wir auch das Viewport-Verhalten, damit Inhalte nicht erst springen und dann nachladen — das beeinflusst die wahrgenommene Performance stärker als die tatsächliche Ladezeit
- Cross-Browser-kompatibel: Funktioniert auch in älteren Browsern. Wir testen auf Chrome, Safari, Firefox und Edge — und prüfen auch ältere Versionen, weil gerade im B2B-Bereich viele Nutzer mit veralteten Firmenbrowsern unterwegs sind
Conversion Rate & strategische Nutzerführung
Jedes Element hat einen klaren Zweck: Besucher durch den Funnel zur Handlung bewegen. Nichts ist Zufall. Wir arbeiten datengetrieben: Eine Funnel-Analyse zeigt uns, an welcher Stelle Besucher genau abspringen — ob auf der Startseite, der Leistungsseite oder erst im Formular. Das macht einen riesigen Unterschied, weil die Bounce Rate auf einer Startseite etwas völlig anderes bedeutet als auf einer Produktseite.
- Wir platzieren Call-to-Actions strategisch im gesamten User Flow — nicht nur am Seitenende, sondern überall dort, wo ein Besucher bereit sein könnte, den nächsten Schritt zu machen
- Wir halten Formulare kurz — nur die nötigsten Felder, damit mehr Besucher absenden. Jedes zusätzliche Feld senkt die Abschlussrate messbar. Drei Felder reichen in den meisten Fällen: Name, E-Mail und Nachricht. Alles Weitere kannst du im persönlichen Gespräch klären
- Wir setzen Social Proof ein: Kundenbewertungen und Trust-Elemente schaffen Vertrauen, steigern die Retention und verbessern deine wichtigsten KPIs. Eye-Tracking-Studien zeigen, dass Besucher auf Bewertungssterne und Testimonials schauen, bevor sie den CTA überhaupt wahrnehmen — deshalb platzieren wir Social Proof immer in Sichtweite der Handlungsaufforderung
- Wir nutzen Heatmap-Daten, Eye-Tracking-Analysen und Analytics, um die Bounce Rate zu senken und die Conversion gezielt zu steigern — bei Bedarf auch mit A/B-Tests. Bei A/B-Tests ändern wir immer nur eine Variable gleichzeitig und warten auf statistische Signifikanz, bevor wir Entscheidungen treffen — alles andere ist Raten mit Extra-Schritten
Ladezeit-Optimierung & Barrierefreiheit
Schnelle Ladezeiten, Barrierefreiheit und Inclusive Design sind keine optionalen Features — sie sind Standard. Inclusive Design hilft nicht nur Menschen mit Einschränkungen — größere Schrift, klare Kontraste und einfache Navigation machen die Seite für alle besser. Ein Nutzer im Sonnenlicht profitiert genauso von gutem Kontrast wie jemand mit Sehschwäche.
- WCAG 2.1 konform: Erfüllt offizielle Accessibility-Standards. Die wichtigsten Kriterien in der Praxis: Farbkontrast von mindestens 4.5:1, sichtbare Focus-Indikatoren für Tastaturnutzer und korrekte Heading-Hierarchie
- Screenreader-optimiert: Semantisches HTML für assistive Technologien. Richtig eingesetzte Landmarks, ARIA-Labels und Alt-Texte sorgen dafür, dass Screenreader deine Seite sinnvoll vorlesen können — nicht nur als Buchstabensuppe
- Optimierte Assets: Komprimierte Bilder, Skeleton Screens beim Laden und effizientes Caching für schnelle Ladezeiten. Skeleton Screens fühlen sich deutlich schneller an als Ladekreisel, weil sie dem Gehirn schon die Seitenstruktur zeigen — das ist Perceived Performance, und sie beeinflusst die Nutzerzufriedenheit stärker als die echte Ladezeit
- Vollständige Keyboard-Navigation für bessere Zugänglichkeit. Viele Nutzer navigieren per Tab-Taste — nicht nur Menschen mit motorischen Einschränkungen, sondern auch Power-User. Wenn die Tab-Reihenfolge logisch ist und Focus-States sichtbar sind, profitieren alle davon
Ein Besucher sucht ein bestimmtes Produkt auf deiner Website.
Riesiges Menü mit allen Kategorien durcheinander. Der Besucher scrollt, sucht, klickt sich durch mehrere Ebenen. Die Suchfunktion ist versteckt oder findet nichts Brauchbares. Nach 2 Minuten gibt er genervt auf — und geht zur Konkurrenz.
Klare Struktur mit priorisierten Kategorien. Die Suche ist prominent platziert und bietet Vorschläge direkt beim Tippen. Der Besucher findet in Sekunden, was er sucht — und kauft.
UX-Check
Du hast schon eine Website, aber zu wenig Anfragen? Wir führen ein Usability Testing durch, identifizieren die Schwachstellen und zeigen dir, was sich konkret verbessern lässt.
Ideal für Coaches, Steuerberater oder Makler, deren Seite steht — aber nicht genug Ergebnisse bringt.
- Systematische Usability-Prüfung deiner kompletten Website
- Detaillierter UX-Audit-Report mit konkreten Problemen
- Annotierte Screenshots: Wir markieren genau, wo Usability-Probleme liegen
- Priorisierte Roadmap: Quick Wins vs. strategische Optimierungen
- Cross-Device-Testing: Mobile, Tablet und Desktop
- Du entscheidest danach: Selbst umsetzen oder uns damit beauftragen
Neues Webdesign
Du brauchst eine komplett neue Seite? In all unseren Webdesign-Paketen ist professionelle UX-Arbeit bereits Standard. Das ist kein Extra — sondern selbstverständlich.
Von der Ferienwohnung bis zum Bauunternehmen — für alle, die eine Website wollen, die Ergebnisse liefert.
- User Research: Wir analysieren deine Zielgruppe, bevor wir anfangen
- Klare Seitenstruktur statt Template-Chaos
- Mobile First: Smartphone zuerst, dann Desktop
- Durchdachte User Journey von Anfang bis Anfrage
- Performance-optimiert und barrierefrei (WCAG 2.1)
- Siehe Kontakt für Details und Preise →