/01 — UX / UI Design Design · Figma

Tool Figma

UX / UI Design.

Wir definieren das Nutzererlebnis bei der Interaktion mit Ihrem E-Commerce.

UX und UI sind zwei entscheidende Säulen im B2B- und B2C-E-Commerce, die über die Wirksamkeit und Wahrnehmung Deiner Plattform entscheiden. Unser Ansatz kombiniert eine tiefgehende Analyse des Nutzerverhaltens mit einem präzisen, modernen Design – so schaffen wir eine perfekte Balance zwischen Funktionalität und Ästhetik.

Kontaktieren Sie uns→

UX UI Figma

/02 — UX & UI

Funktionalitätund Ästhetik.

UX (User Experience) – unser UX-Ansatz beginnt mit der Analyse der Nutzerbedürfnisse. Wir gestalten intuitive Einkaufspfade, testen Interaktionen und optimieren jedes Element, um Nutzer:innen Zufriedenheit und eine einfache Bedienbarkeit der Plattform zu bieten.

UI (User Interface) – im UI-Bereich legen wir den Fokus auf hohe Ästhetik und visuelle Konsistenz. Mit dem Tool Figma gestalten wir ansprechende und moderne Benutzeroberflächen, die Funktionalität mit klarem Design vereinen – für einen positiven ersten Eindruck und ein angenehmes Nutzungserlebnis.

Vertraue auf Erfahrung – bei CREHLER entwickeln wir intuitive und ästhetische Benutzeroberflächen, die die Conversion erhöhen und das Nutzererlebnis verbessern. Entdecke, wie UX/UI Deinen E-Commerce stärken kann!

/03 — Nutzerforschung

Wir verstehendie Nutzer.

Zu Beginn eines Projekts kombinieren wir verschiedene Forschungsmethoden, um die Bedürfnisse der Nutzer:innen der Plattform genau zu verstehen. Die durchgeführten Untersuchungen ermöglichen ein tiefes Verständnis ihrer Erwartungen und Motivationen – dadurch gestalten unsere Designer intuitive und personalisierte Interfaces und optimieren die Einkaufspfade. Das ist der Schlüssel zu effektivem UX-/UI-Design.

/01

Einzelinterviews (IDI)Tiefgehende Analyse der Motivation und des Verhaltens der Nutzer:innen.

/02

ZielgruppensegmentierungAnalyse der Einkaufswerkzeuge, die in B2B-, B2B2C- und B2C-Modellen verwendet werden.

/03

Mentale ModelleIdentifikation von Denkweisen und Schlüsselmomenten im Kaufprozess.

/04

KreativtechnikenSchnelle Visualisierung des Entscheidungsprozesses der Teilnehmenden.

/05

Usability-TestsÜberprüfung der Benutzerfreundlichkeit anhand realer Nutzungsszenarien.

/06

Heuristische AnalyseBewertung der Übereinstimmung des Designs mit den UX/UI-Best Practices und Identifizierung potenzieller Hürden.

/04 — Designprozess

Wie der Prozessaussieht.

Bei CREHLER bieten wir mehrere Varianten des Designprozesses an. Lies weiter, um herauszufinden, welche Elemente jeder davon umfasst.

Phase 1

AS-IS-Audit

Ein expertenbasierter Usability-Audit, der die Heuristiken von Nielsen-Molich mit Cognitive Walkthroughs verbindet (Desktop und Mobile), eine Marktumfeldanalyse mit einem Audit von vier Lösungen sowie eine dreistündige Ergebnispräsentation mit Q&A-Session. Das Projekt wird von Anfang an von einem dedizierten Project Manager geleitet.

Phase 2

IDI – Tiefgehende Nutzerforschung

Ein Untersuchungsszenario, das Nutzeraktivitäten abbildet, Rekrutierung und Vergütung der Teilnehmenden, tiefgehende IDI-Interviews, Datenanalyse mit Empfehlungen sowie eine Customer Journey Map (CJM-Matrix) als Grundlage für die Gestaltung der Nutzerbeziehung.

Phase 3

Lösungsdesign

Informationsarchitektur und Nutzerflüsse nach bewährten UX-Standards, technisches Briefing und Vorgaben für Entwickler:innen in Figma sowie Mockup-Design mit dem UX/UI-Designer in den Meetings zur Besprechung einzelner Ansichten.

Expertenbasierter Usability-AuditUnsere Expert:innen bewerten die Übereinstimmung der Benutzeroberfläche mit den Usability-Regeln, basierend auf den Heuristiken von Nielsen-Molich und ihrer eigenen Erfahrung. Der Audit bezieht auch kognitive Nutzerpfade (Cognitive Walkthrough) ein, um Prozessflüsse und UX-Konformität zu analysieren. Die Analyse umfasst sowohl die Desktop- als auch die Mobile-Version der Website.

Analyse des MarktumfeldsWir führen eine Analyse mit einem vereinfachten Audit von vier marktüblichen Lösungen durch, um Best Practices und potenzielle Risiken für das Projekt des Kunden zu identifizieren. Auf dieser Grundlage entsteht eine Liste mit Empfehlungen, die zentrale Bereiche, Risiken und bewährte Designmuster umfasst.

Präsentation und Q&A-SessionEin dreistündiges Meeting zur Vorstellung der Ergebnisse sowie eine anschließende Fragerunde. Das Projekt wird von Anfang an durch eine:n dedizierte:n Project Manager:in betreut, der:die die Umsetzung überwacht, alle Arbeiten koordiniert und für die gesamte Kommunikation mit dem Kunden verantwortlich ist.

UntersuchungsszenarioEntwicklung eines Forschungsszenarios, das zentrale Nutzeraktivitäten und ihre Interaktionen mit dem System abbildet.

RekrutierungDas Projektteam übernimmt gemeinsam mit dem Kunden die Rekrutierung und anschließend die Vergütung der Teilnehmenden.

Tiefeninterviews (IDI)Interviews mit Vertreter:innen der Zielgruppen, um Bedürfnisse, Probleme und Verhaltenstrends der Nutzer:innen zu identifizieren.

DatenanalyseAuswertung der im Rahmen der Forschung erhobenen Daten sowie Entwicklung von Handlungsempfehlungen und Änderungsansätzen.

Customer Journey MapAuf Basis der erhobenen Daten entsteht eine CJM-Matrix, die zentrale Elemente der Nutzeraktivität definiert: Prozesse, Touchpoints, Kommunikationskanäle, Tools und KPIs. Die Matrix bildet die Grundlage für die Gestaltung der Nutzerbeziehung mit dem Service und ermöglicht eine präzise Anpassung des Kooperationsmodells an die entscheidenden Interaktionsmomente.

Informationsarchitektur und NutzerflüsseDer UX-Designer analysiert die vom Kunden bereitgestellte Informationsstruktur und ordnet sie nach bewährten UX-Standards.

Technisches Briefing für FigmaAusarbeitung von Designrichtlinien und Vorgaben für die Entwickler:innen.

Mockup-DesignDer UX/UI-Designer ist bei den Meetings zur Besprechung einzelner Ansichten präsent.

/05 — Warum es sich lohnt

Warum sich eine Investitionin UX/UI lohnt?

Höhere ConversionEine intuitive Benutzeroberfläche verkürzt den Kaufprozess und erhöht die Anzahl der Transaktionen.

Bessere KundenbindungPositive Nutzererlebnisse fördern die Wiederkehr der Kund:innen.

Optimierung der EinkaufspfadeBeseitigung von Hürden im Kaufprozess.

Anpassung an verschiedene GeräteResponsives Design verbessert die Nutzererfahrung auf Mobilgeräten und Desktops.

MarktabgrenzungEin einzigartiges Design schafft einen Wettbewerbsvorteil.

Reduzierung der SupportkostenEine intuitive Plattform verringert die Anzahl der Anfragen an den Kundenservice.

/06 — Vertraue den Experten

Gewinne einen intuitiven undmodernen Onlineshop.

Ein durchdachtes UX/UI bedeutet nicht nur ansprechende Optik, sondern vor allem Nutzerfreundlichkeit und höhere Conversion. Intuitive Navigation, klare Einkaufspfade und attraktives Design sorgen dafür, dass Kund:innen lieber einkaufen – und gerne zurückkehren.

Kontaktieren Sie uns→