FallstudieE-Commerce · Schulung · Systeme

Ein Katalog, zwei Lieferanten, null Copy-Paste.

Der stillstehende WordPress-Shop eines IT-Händlers wurde zu einem Shopify-Shop, der von seinen Lieferanten gespeist wird – mit den Tools, die ihn korrekt halten, und einer Schulungsplattform mit eigener Website.

METIC · Shop
Der neue METIC-Shop: Mega-Menü über sieben Produktfamilien, saisonales Banner und Markenleiste
Der METIC-Shop auf dem Smartphone
Kunde
SAS METIC, Mayotte
Sektor
IT-Handel und berufliche Weiterbildung
Leistungen
Beratung, E-Commerce, individuelle Software, KI und Automatisierung, Geschäftssysteme, Branding
Zeitplan
Zehn Wochen, Juli bis Oktober 2026
Status
Vor dem Launch
Inhalt
  1. Projektüberblick
  2. Die Herausforderung
  3. Unser Ansatz
  4. Was wir gebaut haben
  5. Darüber hinaus
  6. Aufwand
  7. Lieferumfang
01Projektüberblick

Ein Shop, der gut aussah – und darunter nicht mehr funktionierte.

METIC ist ein Unternehmen auf Mayotte mit zwei Geschäftsfeldern: dem Verkauf von IT-Ausstattung, von Laptops und Druckern bis zu Netzwerktechnik und Verbrauchsmaterial, und beruflicher Weiterbildung als Qualiopi-zertifizierter Bildungsträger. Der Onlineshop war eine WordPress-Website, die ordentlich aussah, aber darunter nicht mehr funktionierte. Das Schulungsangebot lebte in Dokumenten und auf einer separaten Website.

Wir wurden beauftragt, die Website zu prüfen und einen Weg nach vorn zu empfehlen. Daraus wurde ein Neuaufbau des Shops auf Shopify, die Systeme, die seinen Katalog korrekt halten, und eine Schulungsplattform mit eigener öffentlicher Website.

METIC · Startseite
Nachher: der neue Shopify-Shop
Vorher: die WordPress-Startseite
Vorher · WordPressNachher · Shopify ‹ ›
Ziehen Sie, um die Startseite vor dem Projekt mit dem neuen Shop zu vergleichen.
02Die Herausforderung

Langsam im Laden, noch langsamer in der Pflege.

Das Audit vom 30. Juli 2026 hat gemessen, wohin Zeit und Inhalte verloren gingen.

54/100

PageSpeed-Wert auf Mobilgeräten

26.3s

bis das Hauptbild erscheint

6–7s

Serverantwort bei nicht gecachten Seiten

7,7MB

Startseite, mit 57 Skripten und 71 Stylesheets

61

Plugins installiert, sechs davon Page-Builder-Erweiterungspakete

999

von 2.468 Produkten hatten kein Bild: die neuesten

~90%

der Stichprobenprodukte hatten keine Beschreibung

25,496

fehlgeschlagene Hintergrundaufgaben, meist der nächtliche Lieferantenimport

Zwei Lieferanten, je ein halber Datensatz.

Das eigentliche Problem war nicht das Design. METIC verkauft, was zwei lokale Distributoren auf Lager haben, und nichts brachte deren Daten zuverlässig in den Shop. Zudem hielt jeder Lieferant nur die Hälfte eines brauchbaren Produktdatensatzes.

Lieferant AKatalogdatei
Barcode
Marke
Hersteller-Teilenummer
Bilder
Lieferant BBestandsbericht
Barcode
Marke
Hersteller-Teilenummer
Bildernur klein
Ein vollständiger ProduktdatensatzIm Shop
Barcodevon A
Marke und Teilenummervon B
Französischer Titel und technische DatenAnreicherung
Fotos in 1.600 pxAnreicherung
Preis, Bestand und GewichtSync
03Unser Ansatz

Erst messen, dann bauen, was das Team selbst betreiben kann.

01

Erst prüfen, dann beraten

Wir haben die Website gemessen und die Ursachen dann in einem 20-seitigen Bericht mit Empfehlung dokumentiert. Vier Plattformszenarien wurden verglichen, von der Reparatur der bestehenden Website bis zu einem selbst gehosteten modernen Stack, mit einem Kostenmodell für das erste Jahr bei drei Umsatzvolumen.

02

Eine einzige verlässliche Quelle

Wir haben genau erfasst, was jeder Lieferant liefert, und festgestellt, dass der Bestandsbericht eines Lieferanten in Wahrheit ein vollständiger Katalogexport war: eine Anfrage, statt rund hundert Seiten zu durchsuchen.

03

Gebaut für die Menschen, die damit arbeiten

Das Team von METIC arbeitet auf Französisch und in Tabellen, deshalb sind die Katalogregeln sichtbare Formeln in einer Arbeitsmappe, die es lesen kann. Die Tools zeigen, was sich ändern wird, bevor sich etwas ändert.

Eine Teilenummer entschlüsseln, statt sie zu raten.

Produktinhalte wurden mit offenen Produktdatenbanken und den Websites der Hersteller abgeglichen. Bei einem Lieferanten stiegen die Treffer in einer offenen Produktdatenbank von 22 % auf 56 %, allein dadurch, dass wir entschlüsselten, wie er Hersteller-Teilenummern umschreibt; Hersteller-Websites und KI-gestützte Recherche deckten den Rest ab. Jedes Produkt erhielt einen französischen Titel, eine Tabelle mit technischen Daten und auf einheitliche 1.600 px normalisierte Fotos.

1,110/1,110

veröffentlichte Produkte mit französischen Inhalten und Fotos: ausnahmslos alle

Rohe Referenzen22 %
Entschlüsselt56 %
Alle Quellen100 %
04Was wir gebaut haben

Ein Shop, die Systeme dahinter und eine Schulungsplattform.

Zwei Abläufe, gebaut ohne Copy-Paste: Lieferantendaten in den Shop und Kurse vom Backoffice auf die öffentliche Website.

Ein individueller Shopify-Shop.

Ein Theme, gebaut für METICs Katalog statt aus einer Vorlage angepasst: ein Mega-Menü über sieben Produktfamilien, Filter nach Marke, Produkttyp, Bildschirmgröße, Prozessor, Arbeitsspeicher und Speicherplatz, eigene Motive für Mobilgeräte und Produktseiten, die Live-Verfügbarkeit und die Schwelle für kostenlose Lieferung zeigen.

METIC · Laptops
Laptop-Kollektion mit Filtern für Verfügbarkeit, Preis, Marke, Produkttyp und Bildschirmgröße1Filter nach Verfügbarkeit, Preis, Marke, Typ und Bildschirmgröße2Live-Produktanzahl für jede Kollektion3Fotos zugeschnitten, zentriert und auf 1.600 px normalisiert4Marke über jedem Titel, aus dem Datensatz gelesen
METIC · Produkt
Produktseite mit Links zu Marke und Typ, Preis, Live-Bestand und Hinweis zur kostenlosen Lieferung1Marke und Typ verlinken auf ihre Kollektionen2Live-Verfügbarkeit, direkt aus der Synchronisation3Schwelle für kostenlose Lieferung bei jedem Produkt
Der Shop auf dem Smartphone, mit eigenem mobilen Banner

Der Shop wurde in einem einzigen geprüften Durchgang migriert: Produkte, Bestand, Bilder, Kollektionen, Menüs und die französische Sprachversion, jede Anzahl mit der Quelle abgeglichen.

Katalog, Daten und die Sync-Engine.

1,110

kuratierte Produkte, Identität beim Hersteller geprüft

2,533

Produktbilder in einheitlich 1.600 px

248

Kollektionen, nach Marke und Produkttyp geordnet

5×3

Lieferzonen nach Gewichtsstufen, dazu zwei Abholstellen

Lenovo IdeaPad Slim 3Laptop
Lenovo IdeaPad Slim 3: Lieferantenfoto
Lieferant500 × 382
Lenovo IdeaPad Slim 3: Shopfoto
Shop1600 × 1600
Logitech G Astro A30Headset
Logitech G Astro A30: Lieferantenfoto
Lieferant225 × 225
Logitech G Astro A30: Shopfoto
Shop1600 × 1600
HP DeskJet 2975Drucker
LieferantKein Bild
HP DeskJet 2975: Shopfoto
Shop1600 × 1600
APC Back-UPS BX 1200 VAUSV
APC Back-UPS BX 1200 VA: Lieferantenfoto
Lieferant500 × 375
APC Back-UPS BX 1200 VA: Shopfoto
Shop1600 × 1600
Logitech MK345Tastatur und Maus
LieferantKein Bild
Logitech MK345: Shopfoto
Shop1600 × 1600
HP 17AToner
HP 17A: Lieferantenfoto
Lieferant400 × 179
HP 17A: Shopfoto
Shop1600 × 1600

Lieferantendateien hatten oft nur 225–500 px, und manche Produkte hatten gar kein Foto. Jedes Shopfoto wird freigestellt, zentriert und in 1600 px exportiert.

Die Betriebsebene.

LeichtMittelSchwerZone 1Zone 2Zone 3Zone 4Zone 5

Shopify kann die Gemeinden auf Mayotte nicht von sich aus nach Gewicht bepreisen, deshalb haben wir fünf benannte Lieferzonen mit drei Gewichtsstufen entworfen, dazu zwei Abholstellen, deren Bestand synchron bleibt.

Abholstelle 1Abholstelle 2
  • Preise. Eine Preisregel, überall gleich angewendet.
  • Gewichte. Jedes Produkt hat ein geprüftes Versandgewicht.

Eine Schulungsplattform mit eigener Website.

Die Schulungsseite läuft auf einer Plattform, die wir für METIC entwickelt haben: 34 Kurse und 84 geplante Termine in einem französischen Backoffice, Anmeldeanfragen, die über die öffentliche Website eingehen und vom Team freigegeben werden, Anwesenheitslisten auf dem Tablet pro halben Tag mit Papier-Backup und Teilnahmezertifikate aus der Anwesenheit, für Qualiopi.

METIC · Schulung
Die öffentliche Schulungswebsite: Überschrift, drei Handlungsaufrufe und Einstiege zu den Kursen1Aus der Plattform generiert, neu gebaut bei jeder Veröffentlichung und alle sechs Stunden2Anmeldeanfragen werden vom Team freigegeben3Illustrationen per KI-Bildgenerierung erstellt, einzeln freigegeben

Der Katalog, immer im Einklang mit dem Backoffice.

Die öffentliche Website wird aus der Plattform erzeugt: Jeder Kurs, jeder Termin und jedes Datum stammt aus demselben Datensatz, den das Team pflegt.

METIC · Formations
Der Katalog, immer im Einklang mit dem Backoffice.
Die Kursseite der Schulungswebsite: hervorgehobene Abschlüsse, beliebte Kurse, kommende Termine nach Thema und Kurswege für Privatpersonen und Unternehmen
Die Kursseite, die von selbst scrollt. Zum Anhalten mit der Maus darüberfahren.
METIC · Kalender
Der Schulungskalender 2026, gefiltert nach Thema und Monat, mit den kommenden Terminen, ihrer Dauer, ihrem Ort und Status1Filter nach Thema und Monat2Jeder Termin kommt aus dem Backoffice3Dauer und Ort bei jedem Termin4Der Status aktualisiert sich selbst
Eine generierte Anwesenheitsliste für einen halben Tag
Ein aus der Anwesenheit erstelltes Teilnahmezertifikat; der Name der teilnehmenden Person ist unkenntlich gemacht
Anwesenheitslisten pro halben Tag
Zertifikate aus der Anwesenheit
05Darüber hinaus

Tools, die das Projekt brauchte, nicht der Auftrag.

Mehrere Tools entstanden, weil die Arbeit sie erforderte. Nichts, was sie erzeugen, gelangt ohne Prüfung in den Shop.

Über den Auftrag hinaus

Lieferanten-Tracker

Ruft jeden Morgen beide Lieferanten ab, speichert den Verlauf, sortiert neue Artikelnummern in neue Produkte und nahe Varianten und bereitet eine aktualisierte Arbeitsmappe vor.

Über den Auftrag hinaus

KI-Produktanreicherung

Recherchiert jedes Produkt bei Herstellern und Händlern und entwirft ein französisches Produktblatt, das ein Mensch freigibt.

Über den Auftrag hinaus

Foto-Normalisierer

Macht aus uneinheitlichen Lieferantenfotos einheitliche Produktkacheln.

Über den Auftrag hinaus

Katalog-Arbeitsmappe

Preis-, Status- und Steuerregeln als Live-Formeln, nach Shopify exportiert mit einem Bericht darüber, was sich ändern wird.

Über den Auftrag hinaus

Backup und Wiederherstellung

Ein vollständiger Snapshot von Produkten, Bestand, Kosten, Gewichten und Bildern vor jeder Massenänderung, Produkt für Produkt wiederherstellbar.

Über den Auftrag hinaus

Marken- und UI-Leitfaden

Eine einzige Offline-Datei mit METICs Schrift, Farb-Tokens und Komponenten, damit jede neue Seite zum Shop passt.

Die Morgenliste des Lieferanten-Trackers.

Eine kleine französischsprachige Web-App. Ihr Startbildschirm zeigt, was Aufmerksamkeit braucht – auch, wo der Shop bei Preis, Bestand oder Status vom Katalog abweicht.

Lieferanten-Tracker
Startbildschirm des Lieferanten-Trackers mit neuen Artikelnummern, freizugebenden Produktblättern und Abweichungen zwischen Katalog und Shop; Lieferantenangaben sind unkenntlich gemacht1Neue Artikelnummern, sortiert in neue Produkte und nahe Varianten2Wo der Shop bei Preis, Bestand oder Status abweicht3Abruf auf Anfrage oder automatisch jeden Morgen
Namen und Angaben der Lieferanten sind aus Vertraulichkeitsgründen unkenntlich gemacht.

KI-Anreicherung, die ihre Arbeit belegen muss.

Ein Agent entwirft jedes Produktblatt. Code prüft es anschließend erneut: Jede Quelle muss tatsächlich geöffnet worden sein, jede Zahl muss auf diesen Seiten stehen, und jedes Bild wird vermessen. Ein Mensch gibt jedes Blatt frei.

Lieferanten-Tracker · KI-Anreicherung
KI-Anreicherungsansicht mit Aktivitätszahlen und einem zur Prüfung markierten Produktblatt; identifizierende Angaben sind unkenntlich gemacht1Gemessene Kosten: etwa 0,27 $ pro Produkt2Unsichere Zuordnungen werden markiert, nie veröffentlicht3Jede Quelle muss tatsächlich geöffnet worden sein4Nichts gelangt ohne Prüfung in die Arbeitsmappe
Artikelnummern, Einstellungen und Quellangaben sind aus Vertraulichkeitsgründen unkenntlich gemacht.
06Aufwand

Rund 340 Stunden Senior-Arbeit in zehn Wochen.

340Stunden
Rund 5 Stunden pro Tag, Wochenenden eingeschlossen
Katalog, Daten und Sync~85 h
Shop und Theme~80 h
Schulungsplattform und Website~20 h
Audit, Berichte und Entscheidungen~60 h
Workshops, QA und Shop-Einrichtung~95 h

Vom Audit am 30. Juli bis zum Pre-Launch umfasste das Projekt im Schnitt rund fünf Arbeitsstunden pro Tag, Wochenenden eingeschlossen. Die Aufteilung nach Arbeitsbereichen ist eine Schätzung. Das Projekt nutzte durchgehend einen KI-gestützten Engineering-Workflow – erst dadurch war dieser Umfang in zehn Wochen machbar.

AuditShop und KatalogSchulung
30. JuliTechnisches Audit
Anfang Aug.Bericht und Szenarien
Aug.Recherche zu Theme und Katalog
21.–22. Sept.Migration und kuratierter Katalog
29. Sept.Schulungsplattform
30. Sept.Headless-Schulungswebsite
1.–2. Okt.Betriebsebene
07Lieferumfang

Was METIC erhalten hat.

Technisches Audit und EmpfehlungsberichtKostenvergleich für das erste JahrIndividuelles Shopify-ThemeGestaltete Kollektions- und MarkenbannerMigrierter, kuratierter Katalog mit 1.110 ProduktenSync-Engine mit Backup und WiederherstellungKonfiguration von Lieferung, Preisen und GewichtenApp zur LieferantenverfolgungKI-AnreicherungsagentKatalog-ArbeitsmappeMarken- und UI-LeitfadenSchulungsplattform: Anmeldung, Anwesenheit, ZertifikateHeadless-Schulungswebsite

Sie verkaufen, was Ihre Lieferanten auf Lager haben?

Sagen Sie uns, woher Ihre Produktdaten kommen und wohin sie müssen. Wir zeigen auf, was möglich ist, bevor etwas gebaut wird.

Sie suchen etwas Bestimmtes?

Unsere Leistungen:Alle Leistungen Individuelle Software E-Commerce Websites und Branding Unternehmenssysteme Mobile Apps KI und Automatisierung Technologieberatung Meta Field Projekte

Meta Mind Lab ist ein Software- und Digitalstudio mit Sitz auf Mauritius. Wir entwickeln individuelle Software und Webanwendungen mit Next.js, TypeScript und PostgreSQL, mobile Apps für iOS und Android mit React Native und Onlineshops auf Shopify und WooCommerce, vom Katalog und den Zahlungen bis zum Versand und den Lieferantendaten. Für Marken gestalten wir Websites und visuelle Identitäten und unterstützen sie mit SEO und Google Ads. Wir verbinden Unternehmenssysteme, damit Informationen nicht mehr von Hand abgetippt werden, und bringen KI und Automatisierung in den Arbeitsalltag, mit dem Menschen am Steuer. Erst einmal Orientierung nötig? Unsere Technologieberatung hilft Ihnen, die richtige Plattform zu wählen. Für Außendienstteams übernimmt Meta Field Einsatzplanung, unterschriebene Berichte, Rechnungen und Buchhaltung. Wie alles zusammenspielt, zeigen unsere Fallstudien und unsere Produktbilder und Motion-Arbeiten.

Branchen:Hotellerie und Tourismus Handel und E-Commerce Lebensmittel und Getränke Beauty und Kosmetik Dienstleistungen Automobil Logistik Immobilien Gesundheitswesen Ingenieurwesen Landwirtschaft Pferdesport