UX/UI-Design und Mock-ups für unseren B2B-Online-Shop (Shopware 6)

Project overview

Wir richten unseren B2B-Online-Shop für betriebliche Arbeitsplatzlösungen und Büro-/ Betriebseinrichtungen strategisch neu aus. Dafür suchen wir einen erfahrenen UX/UI-Designer, der unsere Vorstellungen in ein durchdachtes Nutzererlebnis und ein professionelles visuelles Design übersetzt.

Unsere Anforderungen und die gewünschte Ausrichtung sind bereits weitgehend definiert, und erste Entwürfe liegen bereits in Figma vor. Jetzt brauchen wir Unterstützung dabei, diese weiterzuentwickeln: vom UX-Konzept über Wireframes bis zu finalen, umsetzungsreifen Mock-ups.

Das Projekt

Ziel ist ein moderner, übersichtlicher und optisch ansprechender Hersteller-Shop, der unsere Produkte verständlich präsentiert und Geschäftskunden intuitiv durch Produktauswahl, Konfiguration und Bestellung beziehungsweise Anfrage führt.

Zum Einstieg stehen die Startseite und die Produktdetailseite im Fokus. Auf der Produktdetailseite sollen Kunden ihren Arbeitstisch individuell zusammenstellen und mit passendem Zubehör ergänzen können, mit einer Funktionalität, die einem Produktkonfigurator nahekommt.

Warum uns technisches Verständnis wichtig ist

Der Shop wird in Shopware 6 umgesetzt. Uns ist wichtig, dass die Entwürfe nicht nur überzeugend aussehen, sondern sich auch realistisch, performant und mit vertretbarem Aufwand umsetzen lassen. Du solltest deshalb einschätzen können, was in Shopware 6 mit Standardmitteln, Erweiterungen oder individueller Entwicklung möglich ist, und deine Gestaltung von Anfang an daran ausrichten. So stellen wir sicher, dass aus den Mock-ups am Ende ein tragfähiges Ergebnis wird und keine Entwürfe, die an der technischen Realität scheitern.

Deine Aufgaben

Geplanter Gesamtumfang

Die Ausarbeitung soll in abgestimmten Phasen erfolgen. Startseite und Produktdetailseite bilden den ersten Schwerpunkt; die weiteren Bereiche sollen gestalterisch von Anfang an mitgedacht werden, damit ein durchgängiges Gesamtbild entsteht.

Das solltest du mitbringen

Zusammenarbeit und Start

Wir möchten schnellstmöglich starten. Du arbeitest direkt mit uns zusammen; unsere Anforderungen, Vorstellungen und bestehenden Entwürfe bringen wir als Grundlage für die gemeinsame Ausarbeitung mit.

Bitte sende uns bei Interesse:

Eine belastbare Aufwandsschätzung und einen konkreten Zeitplan möchten wir nach Sichtung der Anforderungen und unserer bestehenden Entwürfe gemeinsam abstimmen.

Job facts: Direct client project

• Unsere Anforderungen in ein schlüssiges UX-Konzept mit klarer Nutzerführung übersetzen.
• Unsere bestehenden Figma-Entwürfe aufgreifen, kritisch prüfen und zu hochwertigen, umsetzungsreifen Mock-ups weiterentwickeln.
• Eine intuitive Produktauswahl und Konfiguration inklusive Zubehör gestalten, als klickbaren Prototyp für die zentralen Abläufe.
• Responsive Varianten für Desktop, Tablet und Smartphone ausarbeiten.
• Barrierefreiheit von Beginn an in der Gestaltung berücksichtigen.
• Ein konsistentes Design-System mit wiederverwendbaren Komponenten aufbauen, das sich in Shopware 6 sauber abbilden lässt.
• Die Entwürfe so aufbereiten und dokumentieren, dass sie reibungslos an die Entwicklung übergeben werden können.
• Uns bei gestalterischen Entscheidungen auf technische Grenzen, Aufwandstreiber und sinnvolle Alternativen hinweisen.
• Startseite
• Kategorie- und Produktübersichtsseiten
• Suchergebnisse und Filter
• Produktdetailseite inklusive Konfigurations- und Zubehörauswahl
• Warenkorb
• Checkout beziehungsweise Anfrageprozess
• Kundenkonto und Login
• Nachweisbare Erfahrung in UX/UI-Design für E-Commerce im B2B-Umfeld.
• Ein sicheres Gespür für klare Nutzerführung und professionelle visuelle Gestaltung.
• Sicherer Umgang mit Figma, inklusive Komponenten, Auto Layout und klickbaren Prototypen.
• Fundiertes Verständnis von Shopware 6 (Storefront, Theme-Struktur, Möglichkeiten von Erweiterungen), sodass du die technische Umsetzbarkeit deiner Entwürfe verlässlich einschätzen kannst.
• Erfahrung mit responsivem und barrierearmem Design sowie Kenntnis der relevanten Anforderungen an digitale Barrierefreiheit.
• Eine strukturierte, eigenständige Arbeitsweise und die Fähigkeit, Designentscheidungen nachvollziehbar zu begründen.
• Idealerweise Erfahrung mit der Gestaltung von Produktkonfiguratoren, komplexen Varianten oder Zubehörabhängigkeiten.
• Von Vorteil: Referenzen aus den Bereichen Betriebseinrichtungen, Werkstattausstattung, Arbeitstische oder vergleichbaren erklärungsbedürftigen Produkten.
• Ebenfalls von Vorteil: eigene Erfahrung in der Shopware-Frontend-Entwicklung oder ein Netzwerk, mit dem eine spätere Umsetzung möglich wäre.
• Eine kurze Vorstellung und ein Portfolio mit relevanten UX/UI-Projekten, möglichst aus dem E-Commerce.
• Referenzen mit Shopware-Bezug, mit Angaben zu deinem konkreten Projektanteil.
• Gegebenenfalls Beispiele für gestaltete Konfiguratoren oder komplexe Produktauswahlen.
• Deinen frühestmöglichen Starttermin und deine verfügbare Kapazität.
• Deinen Stunden- beziehungsweise Tagessatz.
• Eine kurze Einschätzung, wie du das Projekt strukturieren würdest.