UX/UI-Design

UX/UI-Design – Intuitive Erlebnisse, die konvertieren

User Experience und User Interface Design aus Zürich. Wir schaffen digitale Interfaces, die intuitiv bedienbar sind, Ihre Marke perfekt transportieren und nachweislich mehr Umsatz generieren – immer nutzerzentriert und datenbasiert.

Kostenlose PotenzialanalyseDirekt Offerte anfragen

Unsere Leistungen für nutzerzentriertes Design

Vier Disziplinen, ein Ziel: Interfaces, die auf echten Nutzerdaten basieren und sich in Umsatz messen lassen.

User Research & Konzeption

Jedes erfolgreiche Interface beginnt mit dem Verständnis der Menschen, die es nutzen. User Research ist kein optionaler Schritt – es ist das Fundament, auf dem alle weiteren Design-Entscheidungen aufbauen. Wir führen qualitative und quantitative Analysen durch, um Bedürfnisse, Erwartungshaltungen und Schmerzpunkte Ihrer Zielgruppe systematisch zu erfassen.

Unsere Research-Methodik kombiniert verschiedene Ansätze: Nutzerinterviews (1:1 oder Gruppeninterviews), Online-Umfragen mit strukturierten Fragebögen, Wettbewerbsanalysen der bestehenden Marktlandschaft und die Auswertung vorhandener Analytics-Daten. Aus diesen Erkenntnissen entwickeln wir datenbasierte Personas, die keine fiktiven Marketingfiguren sind, sondern reale Verhaltensmuster abbilden. User Flows und Customer Journey Maps zeigen, wie Nutzer tatsächlich mit Ihrem Produkt interagieren – und wo sie scheitern. Wireframes übersetzen diese Erkenntnisse in erste strukturelle Entwürfe, die bereits vor dem visuellen Design getestet werden können.

  • Qualitative Nutzerinterviews und strukturierte Online-Umfragen
  • Datenbasierte Persona-Entwicklung aus realen Verhaltensmustern
  • Customer Journey Mapping über alle relevanten Touchpoints
  • User-Flow-Analyse und Informationsarchitektur-Entwicklung
  • Wettbewerbsanalyse: UX-Stärken und -Schwächen der Konkurrenz
  • Low-Fidelity Wireframes für schnelle Konzeptvalidierung
  • Card Sorting und Tree Testing für Navigationsstrukturen
  • Stakeholder-Workshops zur Anforderungsklärung

UI-Design & Visual Identity

Visual Design ist mehr als Ästhetik – es ist Kommunikation. Ein durchdachtes UI transportiert Markenidentität, schafft Vertrauen und leitet den Nutzer visuell durch den gewünschten Flow. Wir gestalten in Figma und Adobe XD, immer auf Basis eines strukturierten Design Systems, das Konsistenz über alle Touchpoints sicherstellt.

Unser UI-Designprozess beginnt mit Moodboards und Stilrichtungen, die wir gemeinsam evaluieren. Daraus entsteht ein vollständiges Design System: Farbpalette (Primary, Secondary, Akzent, Grautöne), Typografie-Hierarchie, Spacing-System (4er/8er-Raster), Icon-Stil und Komponenten-Bibliothek. Jede Komponente – von Buttons über Formulare bis zu Navigationsleisten – wird als wiederverwendbarer Baustein angelegt. So können interne Teams eigenständig weiterarbeiten, ohne visuelle Konsistenz zu verlieren. Die Übergabe an die Entwicklung erfolgt mit detaillierten Spezifikationen: Abstände, Farb-Codes, Hover-States, Animationsparameter.

  • Design-System-Aufbau: Farben, Typografie, Spacing, Komponenten
  • Figma-basierte Komponenten-Bibliothek (wiederverwendbar, skalierbar)
  • Style Guide mit Nutzungsrichtlinien für interne Teams
  • Moodboards und Stilrichtungs-Exploration vor dem Design
  • Icon-Design und Illustrationsstil-Entwicklung
  • Dark-Mode und Light-Mode Varianten
  • Entwickler-Handoff mit Inspect-Tools und Spezifikationen
  • Brand-Guidelines-Umsetzung über alle digitalen Kanäle

Prototyping & Usability-Testing

Ein Designentwurf auf dem Bildschirm sagt wenig darüber aus, wie er sich für echte Nutzer anfühlt. Interaktive Prototypen machen Designs erlebbar – bevor eine einzige Zeile Code geschrieben wird. Usability-Tests mit realen Nutzern decken Probleme auf, die selbst erfahrene Designer übersehen.

In Figma erstellen wir klickbare High-Fidelity-Prototypen, die reales Interaktionsverhalten simulieren: Seitenübergänge, Hover-States, Formular-Interaktionen, Animationen. Diese Prototypen testen wir mit 5–8 realen Nutzern – laut Nielsen genügen fünf Testpersonen, um 85 % der Usability-Probleme aufzudecken. Die Tests folgen einem strukturierten Protokoll: Task-basierte Szenarien, Think-Aloud-Methodik, Nachbefragung. Ergänzend nutzen wir Heatmaps (Hotjar, Microsoft Clarity) und Session-Replays auf bestehenden Seiten, um quantitative Daten zu den qualitativen Erkenntnissen zu liefern. Jede Erkenntnis fliesst in eine priorisierte Liste von Design-Iterationen.

  • Klickbare High-Fidelity-Prototypen in Figma
  • Moderierte Usability-Tests mit 5–8 realen Testpersonen
  • Think-Aloud-Methodik und task-basierte Testszenarien
  • Heatmap- und Scroll-Tracking-Analyse (Hotjar, Microsoft Clarity)
  • Session-Replays für qualitative Verhaltensanalyse
  • Priorisierte Findings-Liste nach Schweregrad und Häufigkeit
  • Iterative Design-Verbesserungen basierend auf Testergebnissen
  • Remote- und Vor-Ort-Testing je nach Projektziel

Responsive Design & Accessibility

Über 65 % des Schweizer Web-Traffics kommen von mobilen Geräten. Responsive Design ist keine Ergänzung – es ist die Grundlage. Gleichzeitig wird Barrierefreiheit (WCAG) zunehmend zur rechtlichen Anforderung. Wir gestalten Interfaces, die auf jedem Gerät funktionieren und für alle Menschen zugänglich sind.

Unser Mobile-First-Ansatz startet beim kleinsten Viewport (320 px) und skaliert nach oben: Smartphone → Tablet → Desktop → Widescreen. Breakpoints werden nicht willkürlich gesetzt, sondern dort, wo das Layout bricht. Touch-Targets sind mindestens 44×44 Pixel gross, Formulare für die Daumen-Bedienung optimiert. Parallel prüfen wir WCAG 2.1 Level AA Konformität: Farbkontraste (min. 4.5:1 für Text), Tastatur-Navigation, semantisches HTML, ARIA-Labels, Alt-Texte. Wir testen mit axe DevTools, Lighthouse Accessibility Audit und manuellen Screenreader-Tests (VoiceOver, NVDA). Core Web Vitals (LCP, CLS, INP) werden bereits im Designprozess berücksichtigt – nicht erst in der Entwicklung.

  • Mobile-First-Design mit definierten Breakpoints
  • Touch-Target-Optimierung (min. 44×44 px) für mobile Geräte
  • WCAG 2.1 Level AA Konformität als Standard
  • Farbkontrast-Prüfung mit Stark und Figma Contrast Checker
  • Tastaturnavigation und Screenreader-Kompatibilität
  • Core Web Vitals Optimierung (LCP, CLS, INP) im Design
  • Performance-bewusstes Design: Bildgrössen, Font-Loading, Layout-Shifts
  • Cross-Browser- und Cross-Device-Testing

Was Kunden über unser UX/UI-Design sagen

LeadForge hat unsere Buchungsplattform komplett überarbeitet. Die Conversion-Rate bei Online-Reservierungen stieg um 42 %. Was uns besonders beeindruckt hat: Die Nutzerinterviews vor dem Redesign haben Probleme aufgedeckt, die wir intern seit Jahren ignoriert hatten.

Betriebsleiterin, Hotellerie

Interlaken

Der Prototyp war nach zwei Wochen klickbar – schneller als erwartet. Die Usability-Tests mit echten Kunden haben drei grosse Schwachstellen aufgedeckt, die wir in der Iteration behoben haben. Die finale Version funktioniert deutlich besser als unser altes Interface.

Produktmanager, Fintech

Bern

Das Design System, das LeadForge aufgebaut hat, nutzen wir intern jetzt für alle digitalen Touchpoints. Unser Team kann eigenständig neue Seiten erstellen, ohne jedes Mal einen Designer hinzuziehen. Das spart uns erheblich Zeit.

Marketing-Direktor, Medizintechnik

Schaffhausen

Ehrliche Bewertung: Die Iterationen haben länger gedauert als ursprünglich geplant – drei statt zwei Feedback-Runden. Aber das Endergebnis hat unsere Erwartungen übertroffen. Die Bounce-Rate auf unseren Produktseiten ist um 31 % gesunken.

Geschäftsführer, Sanitärtechnik

Olten

Die Mobile-Optimierung war überfällig. Unser Shop war auf dem Smartphone praktisch unbedienbar. Nach dem Redesign: deutlich bessere Verweildauer, mehr mobile Bestellungen und zum ersten Mal positive Rückmeldungen von Kunden zur Benutzerfreundlichkeit.

Online-Shop-Leiterin, Haushaltswaren

Solothurn

Gute Arbeit beim UX Audit – die Analyse war gründlich und die Empfehlungen klar priorisiert. Nicht alle Punkte konnten wir sofort umsetzen, aber die drei Quick Wins haben bereits messbare Verbesserungen gebracht. Solide Grundlage für weitere Schritte.

IT-Leiter, Logistikunternehmen

Kreuzlingen

FAQ – Design & Usability

Die wichtigsten Fragen zu UX/UI, Prototyping und Accessibility – direkt und ohne Floskeln beantwortet.

Bereit für mehr Wachstum?

Lassen Sie uns gemeinsam herausfinden, wie wir Ihr Unternehmen voranbringen können – unverbindlich und kostenlos.

Potenzialanalyse anfordern→