UI/UX Design für Shopify-Shops und Websites.
Gutes UI/UX Design führt Besucher ohne Umwege zum Kauf oder zur Anfrage. Wir planen Struktur und Nutzerführung, zeichnen Wireframes und gestalten ein Design-System, das zu deiner Marke passt. Alles abgestimmt auf Shopify-Themes und Storyblok-Komponenten, damit das Design genau so umgesetzt wird, wie es geplant ist.
Gutes Design, aber wenig Wirkung?
Meist liegt die Ursache in Struktur und Nutzerführung.
- Besucher finden nicht, was sie suchenNavigation und Kategorien folgen der internen Logik und weniger der Sicht deiner Kunden.
- Produktseiten lassen Fragen offenWichtige Infos zu Varianten, Lieferzeit oder Einsatz fehlen oder stehen zu weit unten.
- Mobil wird es umständlichFilter, Formulare und Checkout sind auf dem Smartphone mühsam zu bedienen.
- Jede neue Seite ist eine EinzelanfertigungEs gibt keine festen Bausteine, also wird jede Landingpage neu gestaltet und entwickelt.
- Das Erscheinungsbild ist uneinheitlichFarben, Abstände und Buttons sehen auf jeder Seite etwas anders aus.
Bei uns gestaltet und entwickelt dieselbe Person. Deshalb planen wir Layouts von Anfang an als Bausteine, die sich in Shopify oder Storyblok sauber umsetzen lassen. Dein Team kann sie später für neue Seiten wiederverwenden.
Was unser UI/UX Design umfasst.
Du buchst alles zusammen oder einzelne Bausteine, zum Beispiel nur die Struktur vor einem Relaunch.
Struktur & Navigation
Seitenstruktur, Menüs und Kategorien aus Sicht deiner Kunden. Damit jeder Inhalt einen klaren Platz hat.
Nutzerführung & Conversion
Klare Wege zu Warenkorb, Checkout oder Anfrage. Mit Fokus auf die Seiten, die Umsatz bringen.
Wireframes
Einfache Entwürfe der wichtigsten Seiten. So klären wir Inhalte und Aufbau, bevor es um Farben geht.
UI-Design
Gestaltung passend zu deiner Marke, für Smartphone und Desktop. Mit Blick auf Lesbarkeit und Ladezeit.
Design-System
Farben, Schriften, Abstände und Komponenten als feste Regeln. Neue Seiten sehen dadurch automatisch einheitlich aus.
Barrierefreies Design
Kontraste, Schriftgrößen, Fokus-Zustände und Formulare nach WCAG 2.1 AA, von Anfang an mitgedacht.
Gestaltet für Shopify und Storyblok.
Ein Entwurf ist nur so gut wie seine Umsetzung. Deshalb richten wir das Design an der Plattform aus, auf der dein Projekt läuft.
Wir gestalten in Sections und Blocks, wie Shopify sie vorsieht. Dein Team stellt Seiten später im Theme-Editor selbst zusammen. Mehr zu unseren Shopify-Shops.
Jedes Element im Design wird eine Komponente im Visual Editor. So baut dein Team neue Landingpages aus fertigen Bausteinen. Mehr zu Storyblok CMS.
Bei einem eigenen Frontend mit Nuxt hast du die größte Gestaltungsfreiheit. Wann sich das lohnt, zeigt die Seite Headless Commerce.
So läuft dein Designprojekt ab.
Vom Ziel zum fertigen Design-System. Du gibst nach jedem Schritt Feedback, bevor wir weitermachen.
Wir klären Zielgruppe, Ziele und Ausgangslage. Bei bestehenden Shops starten wir gern mit einem Audit.
kostenlos im ErstgesprächSeitenstruktur und Wireframes der wichtigsten Seiten. Hier legen wir Inhalte und Nutzerführung fest.
abgestimmtWir gestalten die Seiten und halten alle Regeln im Design-System fest.
markengerechtWir setzen das Design selbst in Shopify oder Storyblok um. Es geht kein Detail bei einer Übergabe verloren.
aus einer HandAusgewählte Projekte.
Shops und Websites, die wir gestaltet und entwickelt haben. Bei Radwerk und Sandoro® haben wir den Umstieg auf Shopify Headless auch für eine neue Nutzerführung genutzt. Beide Shops laden heute dreimal so schnell, die Conversion stieg um 23 % und 17 %.
)
Radwerk KG
E-Commerce- E-Commerce
- Shopify
- Fastly
- Algolia
- Automatisierung
- Shopware → Shopify
)
Sandoro® GmbH
E-Commerce- Shopify Headless
- Storyblok
- Nuxt
- B2B
- eBay
- Shopware → Shopify
)
Winterhalter Deutschland GmbH
E-Commerce- B2B
- E-Commerce
- Shopware 6
)
CLASSEQ Ltd
E-Commerce- Shopware 6
- E-Commerce
- B2B
- Headless
- Storyblok
)
Zehmerbräu Fauth Heinik GmbH
Website- Website
- Headless
- Storyblok
- Nuxt
)
YUMA Innenausbau GmbH
Website- Website
- Storyblok
- Headless CMS
- Nuxt
Häufige Fragen zum UI/UX Design.
UX (User Experience) beschreibt, wie gut sich ein Shop oder eine Website nutzen lässt: Struktur, Wege und Abläufe. UI (User Interface) ist die sichtbare Gestaltung: Farben, Schriften, Buttons und Layouts. Wir planen beides zusammen.
Ja, wenn es zum Projekt passt. Ein gutes Theme ist schneller live und günstiger. Wir passen es an deine Marke an und ergänzen eigene Sections. Bei hohen Ansprüchen an Design und Ladezeit kann Headless Commerce die bessere Wahl sein.
Wir stimmen Struktur und Wireframes mit dir ab, bevor wir gestalten. Bei bestehenden Shops beziehen wir Daten aus Analytics und Erkenntnisse aus einem Audit ein. Nach dem Launch zeigen die Zahlen, wo wir nachschärfen.
Ja. Kontraste, Schriftgrößen, Fokus-Zustände und Formulare planen wir nach WCAG 2.1 AA. Das ist die technische Grundlage des BFSG. Mehr auf der Seite Barrierefreiheit (BFSG).
Ja. Durch das Design-System und feste Komponenten stellt dein Team neue Seiten selbst zusammen, in Shopify im Theme-Editor oder in Storyblok im Visual Editor.
Das hängt vom Umfang ab, etwa von der Zahl der Seitentypen und davon, ob du ein komplettes Design-System brauchst. Nach dem kostenlosen Erstgespräch bekommst du ein unverbindliches Angebot.
Lass uns über dein Design sprechen.
Erzähl uns, welchen Shop oder welche Website du neu gestalten willst und was heute nicht funktioniert. Wir melden uns mit einer ersten Einschätzung.
Antwort innerhalb von 24 Stunden
Kostenloses Erstgespräch, 30 Minuten
Design und Umsetzung aus einer Hand