UX Design & UI Design

Positive Nutzer-Erlebnisse verkaufen besser

Jeder von uns kennt diese Online-Shops, in denen man immer mehr kauft als ursprünglich geplant. Auf deren Besuch man sich freut wie auf den eines perfekt ausgestatteten Ladengeschäftes mit aufmerksamer Bedienung.

Diese besonderen Nutzererlebnisse sind das Ergebnis einer sorgfältigen Planung, bei der User Experience und Interface Design Hand in Hand gehen.

UX und UI Design gehen Hand in Hand

Was ist User Experience Design vs. User Interface Design?

UX Design
Nahtlose Prozesse sorgen für einen reibungslosen Ablauf

UI Design
Strategisches Design ermöglicht ein einzigartiges Marken- und Kauf-Erlebnis

Wir gestalten alle Schritte der Customer Journey bis ins Detail

E-Commerce Customer Journey – Teil 1
E-Commerce Customer Journey – Teil 2

Vom Aufruf der ersten Seite bis zum Abschicken der Bestellung müssen Besucher Ihrer Website zahllose Entscheidungen treffen, über die sie sich oft nicht einmal bewusst sind. Wir gestalten jeden einzelnen dieser Schritte konsequent nach Nutzerbedürfnissen und führen Ihre Kunden behutsam zum Kaufabschluss.

So gehen wir vor

Wir bringen Kundenbedürfnisse in Einklang mit Ihrer Marke und Ihren Geschäftszielen

1. Kickoff-Workshop: Anforderung und Rahmenbedingungen verstehen.

Wie möchten Sie Ihr Unternehmen im Wettbewerb positionieren? Welche Bedürfnisse haben Ihre Kunden und was treibt sie an? Wie ist Ihr eigenes Team aufgestellt und mit welchen Leistungen können wir es sinnvoll ergänzen?

Diese Fragen beleuchten wir in einem gemeinsamen Workshop gleich zu Beginn der Zusammenarbeit. Sie bilden die Basis für die UX Strategie.

UX/UI-Workshop

2. UX Design: Das Nutzererlebnis gestalten.

Ihre Nutzer möchten bestimmte Produkte schnell finden und gleichzeitig inspiriert werden, Neues zu entdecken. Wir entwickeln die Struktur, Nutzerführung und Interaktionselemente genauso wie Bildschirm-Texte, die zugleich aussagekräftig und aktivierend sind. Anhand interaktiver Prototypen können schon früh erste Arbeitsergebnisse diskutiert und getestet werden.

Wireframing und Prototyping

3. User Testing: Feedback sammeln.

Um frühzeitig Optimierungs­potenzial und Verständnis­probleme aufzudecken, führen wir Testings direkt am Nutzer durch. Im Idealfall reicht eine Testgruppe von 6–8 Personen der anvisierten Zielgruppe aus. Die gewonnenen Erkenntnisse lassen wir direkt in den Prototypen und die weitere Entwicklung einfliessen. So richten wir die Anwendungs­entwicklung direkt am Nutzer aus.

User Testing

4. UI Design: Die visuelle Sprache entwickeln.

Auch das Interface Design steht ganz im Dienst der Nutzerführung und Conversion. Farben, Formen, Abstände und Typografie setzten wir nach psychologischen Gesichtspunkten ein und berücksichtigen dabei Ihre bestehende Corporate Identity. Das Vorgehen nach Atomic Design Prinzipien sorgt für ein konsistentes Gesamtbild und ermöglicht eine zeitsparende Frontend-Umsetzung.

UI Design

5. Frontend-Entwicklung: Schlanker Code, schlanke Prozesse.

Wir setzen das entwickelte User Interface Design direkt in schlankes und valides HTML / CSS um. So können wir garantieren, dass das Design bis in die entscheidenden Details hinein so umgesetzt wird, wie ursprünglich geplant. Dabei achten wir auf einen aufgeräumten Code, der pflegbar bleibt und eine Grundlage für Weiterentwicklungen bildet.

Frontend-Entwicklung

Das können wir konkret für Sie tun:

Neuentwicklung:

Wir gestalten den gesamten Prozess, wobei wir konsequent Ihre Business-Ziele und die Bedürfnisse Ihrer Nutzer zugrunde legen

Optimierung bestehender Onlineshops:

Wir decken Schwachstellen in der Customer Journey auf und entwickeln Lösungen zur Verbesserung

Optimierung anhand bestehender Daten:

Ihnen liegen bereits Nutzertests und Funnel Reports vor? Auf Basis dieser Erkenntnisse entwickeln wir Lösungen für messbar bessere Ergebnisse

Interface-Design:

Sie haben UX-Designer aber keine Ressourcen für das Interface-Design? Kein Problem: Wir übernehmen die Gestaltung und erwecken Ihre Ideen zum Leben

Das sagen unsere Kunden

H2D2 Testimonial SK

„Die Zusammenarbeit mit den Design-Experten von H2D2 gibt uns die Sicherheit, im Hinblick auf Design und Benutzerfreundlichkeit das Optimale aus unserem Shop rauszuholen und unser Produkt­sortiment bestmöglich zu präsentieren.“

— Stanislav Kilishek, E-Commerce-Leiter bonprix

Und jetzt?

Kostenlose Erstberatung für Ihren Onlineshop

Fragen Sie eine kostenlose Expert Review bei uns an. Wir analysieren Ihr Angebot, identifizieren Schwachstellen und senden Ihnen eine Aufbereitung der Resultate. So erhalten Sie wertvolle Anregungen für Verbesserungen.

Wir freuen uns auf Sie:

Kostenlose Expertenreview anfordern

Icon Telefon  +49 30 78 89 03 -20