Zum Inhalt springen

UNÜTZER

E-Commerce für Handwerkskunst & Tradition

Shopify, Theme-Entwicklung, Datenmigration, Content-System, Barrierefreiheit, SEO

Relaunch des Onlineshops der Münchner Schuhmanufaktur Unützer. Vereinheitlichte Produktstruktur, klar erkennbare Marke in Design und Inhalten, ein Shop, den das Team selbst bespielt.

Produktübersicht des Onlineshops von UNÜTZER

Ein Schuh, eine Seite, alle Farben

Wer im alten Shop einen Ballerina in Schwarz gefunden hatte, sah die vielen weiteren Farben und Materialien desselben Modells nicht: Jede Variante war ein eigenständiges Produkt ohne Verbindung zu den übrigen. Die Folge: Die Suche nach Produktfarben war ein aufwendiges Unterfangen.

Heute steht das Modell für sich, mit allen Materialien, Farben und Größen auf einer Seite. Ein Klick wechselt die Farbe, statt zurück in die Übersicht und von vorn zu suchen. Das verkürzt den Weg zum Kauf und zeigt die Tiefe der Kollektion, die vorher im Katalog verborgen lag.

Unter der Oberfläche hängen Bestand, Preis, Lagerplatz und Vertriebskanal an der einzelnen Variante: Kundenwahrnehmung und Logistik stimmen somit überein. Das bedeutet weniger Stornos, weniger Rückfragen im Service und ein Sortiment, das für die Kund:innen leicht zu entdecken ist.

Produktseite: alle Farben und Materialien eines Modells, Größen und Antworten zur Passform an einer Stelle

Ein Auftritt, der die Manufaktur zeigt

Das fertige Branding haben wir auf Usability, Barrierefreiheit und Interaction Design geprüft, im Detail geschärft und für Shopify umsetzbar gemacht: großzügige Bildflächen für Leder, Farbe und Verarbeitung, ruhige Typografie, klare Wege durch die Kollektion. Der Shop trägt klar die Handschrift der Marke und führt gleichzeitig geradlinig zum Produkt.

Gebaut wurde im bestehenden Shop als individuelle Theme-Entwicklung. Produktdaten, Bestellungen und Kundenkonten laufen unterbrechungsfrei weiter, ebenso die bewährten Apps wie Klaviyo für Newsletter und Verfügbarkeitsmeldungen. Für Stammkundinnen und Stammkunden bleibt alles an seinem Platz: Konto, Bestellhistorie, Gutscheine.

Startseite: Bildflächen für Material und Verarbeitung, kurze Wege in die Kollektion

Finden, vergleichen, kaufen

In der Produktübersicht steht jede Farbe für sich, gespeist aus den Varianten des Modells. Die Auswahl wirkt so, wie sie im Laden im Regal wirkt: Ein Modell in elf Farben und zwei Qualitäten ergibt dreizehn Einträge. Filter nach Material, Farbe und Größe greifen auf sauber und vollständig gepflegte Felder zurück. Klare Regeln verhindern Wildwuchs in den Daten und Verwirrung beim Kunden.

Auf der Produktseite beantworten Panels für Passform, Versand und Pflege genau die Fragen, an denen ein Kauf sonst scheitert oder die später eine Retoure auslösen.

Produktübersicht: jede Farbe für sich, Filter, die zu Ergebnissen führen

Geschichten, die zum Produkt führen

Die Marke lebt von Geschichten: Editorials, Orte, Gastgeberinnen und Gastgeber, Kampagnen zur Kollektion. Dafür haben wir in Shopify ein Content-System gebaut, mit dem das Team Landingpages und Contentseiten aus fertigen Blöcken zusammensetzt, von Text und Bild über Teaser und Slider bis zur Videofläche, immer mit dem direkten Weg in den Katalog.

Eine Kampagnenseite steht damit an einem Vormittag, zweisprachig und im Look der Marke. Jede dieser Seiten arbeitet doppelt: als Erzählung für die Marke und als Landingpage für Suche, Newsletter und Social – perfekte Anlaufstellen für Kampagnen-Klicks.

Contentseiten entstehen aus Blöcken und führen aus der Geschichte in den Katalog

Saubere Daten, damit Produkte gefunden werden

Ein eigenes Migrationsskript verschmilzt die Einzelprodukte eines Modells zu einem Produkt mit Varianten, ordnet die Bilder den Varianten zu, übersetzt Material- und Farbbezeichnungen über ein hinterlegtes Wörterbuch und legt Weiterleitungen für die alten Produkt-URLs an. Jeder Migrationslauf prüft Datenqualität und Plausibilität, behebt lösbare Fehler direkt und warnt das Team vor Konflikten, die es von Hand klären muss. Archivierung und Übersetzungen bereitet das Skript ebenso automatisiert vor, um menschliche Fehlerquellen zu minimieren.

Migriert hat das Team von UNÜTZER selbst, Kollektion für Kollektion, über den Matrixify-Workflow, den es aus dem Tagesgeschäft ohnehin kennt. Dazu gehören eine eigene Webapp für Migrationsskripte und Prüfungen, eine Schulung mit schriftlicher Dokumentation und eine mehrwöchige Hypercare-Phase rund um Launch und Produktmigration.

Über jede Kollektion laufen automatisierte Tests, vor dem Import und danach: Pflichtfelder, Schreibweisen, Zuordnung der Bilder zu den Varianten, Dubletten, Bestand ohne Gegenstück. Damit kam ans Licht, was sich über Jahre an Altlasten angesammelt hatte, und wurde mit dem Relaunch bereinigt. Davon profitiert der neue Shop an vielen Stellen: Filter, Suche, Empfehlungen und die Frage, ob ein Schuh überhaupt gefunden wird.

Der Umzug lief im laufenden Betrieb, Kollektion für Kollektion über Wochen. Altes und neues Datenmodell standen dabei nebeneinander im selben Shop: Bestellungen, Bestand und Kasse liefen ohne Pause weiter, während eine Gruppe nach der anderen auf Varianten umzog.

Barrierefrei, zweisprachig, live

Der Shop ist technisch konform zum Barrierefreiheitsstärkungsgesetz nach den WCAG 2.2 in der Stufe AA umgesetzt: Bedienung über die Tastatur, sichtbarer Fokus, ausreichende Kontraste, sprechende Beschriftungen und Statusmeldungen für Warenkorb, Filter und Varianten-Auswahl. Das Shop-Team hat alle Werkzeuge in der Hand, um dies auch inhaltlich abzubilden.

Der Shop ist mehrsprachig – Deutsch und Englisch gleichwertig nutzbar, für alle Inhalte, Produktdaten, Checkout und Marken-Content. Ein großer Teil dieser Inhaltsarbeit lief über die automatisierte Migration. Das steigerte die Effizienz und reduzierte zugleich Fehlerquellen und Ungenauigkeiten.

Live ging der Shop im August 2026, ohne Downtime, ohne Datenverlust. Seitdem begleiten wir den Betrieb weiter: neue Kollektionen, Produktanlage, Fulfillment-Prozesse und die Fragen, die im Tagesgeschäft aufkommen.

Was wir alles geleistet haben:

  • Prüfung und Optimierung der Entwürfe für Usability, Barrierefreiheit und Interaction Design
  • Individuelle Theme-Entwicklung im bestehenden Shopify-Shop
  • Datenmodell auf Variantenebene für Modell, Material, Farbe und Größe
  • Migrationsskript mit Berichten, Übersetzungswörterbuch und automatischen Weiterleitungen
  • Web-App zur Prüfung der Importdateien vor dem Upload
  • Automatisierte Tests für die Datenqualität vor und nach jedem Import
  • Migration im laufenden Betrieb und Launch ohne Downtime
  • Content-System für Landingpages und Contentseiten innerhalb von Shopify
  • Schulung, Dokumentation und Hypercare-Phase rund um Launch und Produktmigration
  • Barrierefreiheit nach WCAG 2.2 AA im Sinne des BFSG
  • Zweisprachigkeit in Deutsch und Englisch für Inhalte und Produktdaten
  • SEO-Weiterleitungen und Performance-Optimierung der Explore-Seiten
  • Betrieb, Support und Weiterentwicklung nach dem Launch

Neugierig geworden?

Ob Sie ein Kennenlerngespräch wünschen oder direkt eine Projektanfrage stellen möchten – wir sind für Sie da. Gemeinsam können wir Ihre digitale Zukunft entwerfen und erfolgreich umsetzen. Wir freuen uns darauf, von Ihnen zu hören!

Weitere Projekte

Startseite von ososoft.de mit Bildmotiv und Einstieg in die Beratungsthemen

ososoft

Ein Webauftritt, den das Marketing selbst steuert

Craft CMS, CMS-Migration, Content-System, Karriereportal, SEO, Betrieb

ososoft berät Handel und Industrie rund um SAP, Supply Chain, Cloud und KI. Die Website lag in einem CMS, mit dem die Redaktion nie richtig warm wurde, der Fachblog daneben in einem zweiten System. Wir haben beides in Craft überführt. Eines unserer go-to CMS mit hervorragender Redakteurserfahrung.

Über das Projekt
Screenshot der Startseite von Haus ARKU

DeWAG GmbH

Haus ARKU – urbanes Lebensgefühl in spürbarer Balance

Craft CMS, Entwicklung, Animation, APIs, Mehrsprachigkeit, SEO

Für die Vermarktung des Immobilienprojekts unseres langjährigen Kunden DeWAG entwickeln wir die zweisprachige Microsite mit Craft CMS, animierter Inszenierung und einem Wohnungsnavigator, der Einheiten für Interessenten direkt und einfach zugänglich macht.

Über das Projekt
Screenshot der Website für die Olympiabewerbung 20XX

Olympiabewerbung München 20XX

Wir holen Olympia nach München!

Design, WordPress-Entwicklung, Animation, Konzeption

Die Stadt München bewirbt sich um die Austragung der Olympischen und Paralympischen Spiele ab 2036. Dabei setzen Stadt und Freistaat Bayern auf unsere Design- und Technologie-Expertise. Daraus entsteht eine sympatische und authentische Website zur transparenten Kommunkation.

Über das Projekt
Website für den Marktführer in Energiekommunikation

trurnit GmbH

Website für den Marktführer in Energiekommunikation

(öffnet in neuem Tab)

WordPress, Beratung, APIs, Entwicklung

Die trurnit Gruppe als Marktführer in Energiekommunikation vertraut uns die Weiterentwicklung und laufende Betreuung ihrer Website an. Die Corporate Website mit angeschlossenem Unternehmensblog setzt auf WordPress als etabliertes Open Source CMS. Die Individual-Entwicklung integriert Schnittstellen, Marketing- und Vertriebsanwendungen zu einem zentralen Content-Hub.

Zum Projekt (öffnet in neuem Tab)
Screenshot der mobilen Darstellung von travellers-insight.com

trurnit GmbH // Flughafen München

Travellers Insight – Mit dem Flughafen München in die weite Welt!

(öffnet in neuem Tab)

Design, Entwicklung, WordPress/Headless, React, Next.js, Core Web Vitals

Nach 5 Jahren fantastischer Zusammenarbeit konnten wir endlich das in die Jahre gekommene WordPress kernsanieren und das System als Headless CMS mit modernem Next.js Frontend neu entwickeln. Das Ergebnis überzeugt mit hervorragender Performance, flexibleren Inhalten und einer rundum erneuerten Redakteurserfahrung.

Zum Projekt (öffnet in neuem Tab)
Relaunch für den beruflichen Neustart

BFW München

Relaunch für den beruflichen Neustart

(öffnet in neuem Tab)

Konzept, Design, Entwicklung, TYPO3, CMS, Hosting, SEO, Barrierefreiheit, Content Migration

Es gibt viele Gründe, warum auch Erwachsene einen neuen Bildungs- oder Berufsweg einschlagen müssen. Mit durchdachter Nutzerführung, freundlichem Design und flexiblem Content Management helfen wir dabei, den Weg durch die bürokratischen Instanzen zur erfolgreichen beruflichen Reha zu finden.

Zum Projekt (öffnet in neuem Tab)