Zum Hauptinhalt

PROJEKT · E-COMMERCE & DIGITALISIERUNG

Sportnahrung Mangold

Vom lokalen Fachhandel zur digitalen Plattform

Seit Oktober 2025 entwickeln Sportnahrung Mangold und Kalsner Connect eine digitale Infrastruktur rund um Shop, Wissen, Produktdaten, Coaching, Creator, Marketing und stationären Verkauf.

KundeSportnahrung Mangold / S.N.M. Elite
StandortWaldbröl · Gummersbach
ProjektstartOktober 2025
StatusLive · laufende Weiterentwicklung
ReactViteTypeScriptTailwindShopifySupabaseCloudflareGoogle Merchant
Okt. 2025Projektstart
500+öffentlich erreichbare Seiten
250+pre-rendered Routentrotz Headless-Commerce
2 StandorteWaldbröl · Gummersbachgemeinsame Commerce-Basis

AUSGANGSLAGE

Das Projekt begann nicht mit einem neuen Shop.

Im Oktober 2025 ging es zunächst um Social Media, Struktur und digitale Risiken. Der Instagram-Auftritt wurde geprüft, Musik- und Lizenzthemen aufgearbeitet, Marken- und Content-Prozesse neu strukturiert.

Parallel wurde sichtbar, dass nicht nur einzelne Inhalte verbessert werden mussten. Website, Shop, Produktdaten, Marketing und interne Abläufe brauchten eine gemeinsame technische Grundlage.

Aus diesem ersten Auftrag entwickelte sich schrittweise ein dauerhaftes Digitalprojekt.

PROJEKTVERLAUF

Vom ersten Audit zum laufenden System.

Geschichte, System und nächste Ausbaustufe in einem belastbaren Verlauf.

01Oktober 2025

Der Anfang: Social Media, Rechte und Struktur

Die Zusammenarbeit beginnt mit einem Audit des bestehenden Social-Media-Auftritts. Musiknutzung, Markenauftritt, Bio, Kontaktwege und organisatorische Abläufe werden geprüft. Gleichzeitig entsteht ein erster systematischer Marketing- und E-Commerce-Plan.

02Ende 2025 / Anfang 2026

Aus Einzelmaßnahmen wird eine Plattformstrategie

Shop, Content, Google und Produktpflege werden erstmals als zusammenhängendes System betrachtet. Gleichzeitig entsteht die Grundidee von Proteinbunker als zweiter Markenwelt: außen eigenständig, technisch dort verbunden, wo doppelte Infrastruktur keinen Vorteil bringt.

03März 2026

Entscheidung für Headless Commerce

Die bestehende Struktur reicht nicht mehr aus. Shopify soll Commerce, Produkte und Checkout übernehmen. Das eigentliche Frontend wird dagegen unabhängig entwickelt.

Frühe Entwicklungsansicht des Headless-Frontends
04April 2026LIVE

Das neue System geht live

Sportnahrung Mangold erhält ein eigenes React-/Vite-Frontend mit Shopify als Commerce-Backend. Seit diesem Zeitpunkt laufen Content, Shopnavigation und Nutzerführung unabhängig von einem Shopify-Standardtheme.

05Mai / Juni 2026

Aus dem Shop wird eine Plattform

Innerhalb weniger Wochen entstehen mehrere eigenständige Systembereiche: Wissensplattform, digitales Coaching, Creator-Portal, Produktdaten- und LMIV-Struktur sowie ein umfassender Shop-Rebuild.

WissenCoachingCreatorLMIVSEOProduktdaten
06Sommer 2026

Daten, Google und interne Werkzeuge

Produktdaten, Merchant Center, Analytics, interne Verwaltung und Automatisierungen werden weiter ausgebaut. Aus reiner Produktpflege entsteht schrittweise eine eigene operative Produktzentrale.

07September 2026

Konsolidierung statt Feature-Chaos

Checkout, Kundenkommunikation, Zahlungen, Kundenkonten, Bewertungsprozesse und Shopify-Erweiterungen werden systematisch geprüft und bereinigt. Parallel entsteht die technische Grundlage für den zweiten stationären Standort.

0810.10.2026ROLLOUT

Zweiter Standort: Sports In Gummersbach

Mit Sports In in Gummersbach wird das bestehende System erstmals auf einen zusätzlichen stationären Verkaufspunkt erweitert. Bestand, Mitarbeiterrechte, Warentransfers, POS und Fiskalisierung werden zentral mit Shopify verzahnt.

09Q1 2027NEXT

Proteinbunker

Die zweite Markenwelt geht als eigenständiger Commerce-Auftritt online. Design, Sprache und Nutzerführung bleiben klar getrennt von Sportnahrung Mangold. Produkt- und Commerce-Infrastruktur werden dagegen dort geteilt, wo Doppelstrukturen keinen Vorteil bringen.

SYSTEM HEUTE

Kein einzelner Shop. Ein Verbund aus mehreren Systemen.

Shopify Commerce Core
LIVE

Website / Headless Frontend

React/Vite-Frontend unabhängig vom Shopify-Theme

LIVE

Produktdaten & internes Tool

Varianten, MHD, Pricing, LMIV und operative Pflege

LIVE

Wissen & Coaching

Redaktion, Rechner, Beratung und digitale Planprozesse

LIVE

Creator Portal

Verträge, Aufgaben, Uploads, Rabattcodes und Auswertung

IM AUSBAU

Google / Merchant

Search, Analytics, Produktfeeds und Ads-Grundlage

ROLLOUT

POS Waldbröl / Gummersbach

Bestand, Rechte, Transfers und stationärer Verkauf

NEXT

Proteinbunker

Zweite Markenwelt auf gemeinsamer technischer Basis

HEADLESS COMMERCE

Shopify im Hintergrund. Eigene Plattform davor.

Sportnahrung Mangold läuft nicht auf einem klassischen Shopify-Theme.

React, Vite, TypeScript und Tailwind bilden das eigenständige Frontend. Shopify übernimmt Produkte, Varianten, Bestände, Checkout, Bestellungen und POS.

Diese Trennung ermöglicht es, Content, Shop, Aktionen, Wissen und zukünftige Module unabhängig von den Grenzen eines Standardthemes weiterzuentwickeln.

500+ Seiten250+ pre-renderedHeadless Shopifyeigene UX
Sportnahrung Mangold Shop im Headless Frontend

WISSEN & CONTENT

Ein Shop, der nicht erst beim Produkt beginnt.

Neben dem Commerce-Bereich entstand ein eigener Wissensbereich mit Themen wie Muskelaufbau, Ernährung, Training, Zielgruppen und Wirkstoffen.

Die Inhalte werden redaktionell und quellenbasiert aufgebaut. Information und Verkauf bleiben bewusst getrennt.

Deep-Dive Wissensseite von Sportnahrung Mangold
Wissensindex von Sportnahrung Mangold
Berater-Quiz im Wissensbereich

PRODUKTDATEN & LMIV

Produktdaten sind Infrastruktur.

Bei mehreren hundert Supplement-Produkten reicht es nicht, Titel und Preis zu pflegen.

Varianten, Geschmacksrichtungen, EAN, Gewicht, Zutaten, Allergene, Nährwerte, Warnhinweise, Herstellerdaten und Mindesthaltbarkeit müssen strukturiert miteinander funktionieren.

Dafür entstand ein eigenes Datenmodell rund um Shopify.

LMIV-Produktblock im Sportnahrung-Mangold-Shop
Interner LMIV-Konverter
Produktzentrale von Sportnahrung Mangold

INTERNES TOOL

Die Verwaltung wächst aus Shopify heraus.

Parallel zum öffentlichen Shop entsteht eine eigene interne Arbeitsoberfläche.

Produktdaten, Einkaufspreise, Varianten, MHD, Shopify-Zuordnung und weitere operative Informationen werden zentral zusammengeführt.

Inventur, Insights, Preismonitoring und weitere LMIV-Automatisierung werden modular ergänzt.

Internes Mangold-Tool mit Produktzentrale und operativen Modulen

DIGITALE DIENSTLEISTUNG

Beratung bleibt menschlich. Der Prozess wird digital.

Sportnahrung Mangold erstellt individuelle Konzepte für Ernährung, Bewegung und Supplements.

Die fachliche Beratung bleibt vollständig beim Menschen.

Kalsner Connect hat dafür den digitalen Prozess aufgebaut: Kundendaten, Planstruktur, Vorlagen, Historie, Shopify-Abrechnung und Dokumenterstellung greifen systematisch ineinander.

Digitaler Coaching Plan Builder von Sportnahrung Mangold

CREATOR PORTAL

Creator-Kooperationen ohne WhatsApp-Chaos.

Creator-Verträge, Profile, Rabattcodes, Aufgaben, Uploads und Auswertungen laufen über eine eigene Portalstruktur.

Damit wird aus einzelnen Absprachen ein reproduzierbarer Prozess.

Creator Portal Dashboard
Digitaler Vertragsbereich im Creator Portal
Creator Auswertung

CUSTOM COMMERCE SERVICES

Die wichtigen Systeme sieht der Kunde oft nicht.

Der Widerrufsprozess wurde als eigener Service über Cloudflare/Wrangler umgesetzt.

Die Bestellnummer wird gegen Shopify geprüft. Der Vorgang kann dadurch dem tatsächlichen Auftrag und den betreffenden Artikeln zugeordnet und im Commerce-System weiterverarbeitet werden.

01Kunde
02Cloudflare Service
03Bestellprüfung
04Shopify
Eigenes Widerrufsformular für Sportnahrung Mangold

TRUST & BEWERTUNGEN

Vertrauen wird nicht nur behauptet.

Die bestehende Bewertungsbasis wurde in eine strukturierte Trust-Architektur eingebunden.

Judge.me übernimmt Produktbewertungen im Headless-Shop. Google und ProvenExpert ergänzen den Unternehmens-Trust.

50+ Bewertungen liegen im bestehenden Trust-Ökosystem vor; ein Teil davon bestand bereits vor Projektstart.

Bewertungs- und Trust-Elemente bei Sportnahrung Mangold

GOOGLE / MERCHANT / PERFORMANCE

Erst Datenqualität. Dann Reichweite einkaufen.

Google Unternehmensprofil, Search Console, Analytics und Merchant Center bilden den Google-Unterbau.

Produktfeeds und Freigaben werden nicht als einmalige Einrichtung behandelt, sondern laufend überwacht und verbessert.

Paid Acquisition über Google Ads ist die nächste Ausbaustufe auf einer bereits vorhandenen organischen und produktseitigen Basis.

Google Merchant Center von Sportnahrung Mangold
Google Search Console
Google Analytics für Sportnahrung Mangold

META

Headless bedeutet auch: nicht jede Standard-App ist sinnvoll.

Die Shopify-App für Facebook und Instagram wurde bewusst entfernt.

Statt mehrere konkurrierende Datenwege aufzubauen, wird Meta-Tracking passend zur Headless-Architektur neu strukturiert.

Facebook, Instagram, WhatsApp, Pixel und Events werden dadurch kontrolliert an das bestehende System angebunden.

01Headless Frontend
02Events
03Meta Pixel / CAPI
04Facebook · Instagram · WhatsApp

POS & MEHRSTANDORT

Die Plattform verlässt den Browser.

Mit Sports In in Gummersbach wird die vorhandene Architektur auf einen zweiten stationären Verkaufspunkt erweitert.

Waldbröl bleibt zentrale Steuerung. Gummersbach erhält einen eigenen POS-Standort mit eigenem Bestand, Mitarbeiter-PINs und klar begrenzten Rechten.

Warentransfers werden zentral ausgelöst. Verkäufe reduzieren ausschließlich den Bestand des jeweiligen Standorts.

01Waldbröl
02Warentransfer
03Gummersbach
04Shopify Bestand
POS-Aufbau für Sports In Gummersbach

PROTEINBUNKER

Zwei Markenwelten. Eine sinnvolle technische Basis.

Proteinbunker wird als eigenständige Commerce-Marke aufgebaut.

Design, Sprache, Navigation und Nutzerführung unterscheiden sich bewusst von Sportnahrung Mangold.

Commerce- und Produktinfrastruktur werden dort gemeinsam genutzt, wo eine doppelte technische Basis keinen Mehrwert bietet.

Geplanter Launch: Q1 2027.

Entwicklungsstand der Proteinbunker Commerce-Marke

STATUS

Was live ist, was wächst und was als Nächstes kommt.

LIVE

LIVE

  • Headless SNM Website
  • Shopify Commerce
  • Produkte & Varianten
  • Checkout
  • Wissensbereich
  • LMIV Frontend
  • LMIV-Konverter
  • Coaching
  • Creator Portal
  • Shopify Kundenkonto
  • Judge.me
  • Merchant Center
  • Widerrufssystem
  • POS Waldbröl
  • internes Produkttool – Kern
IM AUSBAU

IM AUSBAU

  • LMIV-Automatisierung
  • Produkttool-Module
  • Merchant-Datenqualität
  • Newsletter / CRM
  • CMS / Designer
  • Sports In Gummersbach
  • Meta-Tracking
  • Google Ads
NEXT

NEXT

  • Proteinbunker
  • eigener Headless-Kundenbereich
  • weitere Standortlogik
  • Community-Funktionen
  • Kunden-App
  • KI-Berater Manni

QUALITÄTSSICHERUNG

Kein „fertig“. Wiederholt prüfen.

Architektur, Frontend, Content, Datenflüsse und Commerce-Prozesse wurden während des Projekts mehrfach vollständig auditiert.

Dabei ging es nicht um einen einmaligen Score, sondern darum, technische Schulden, offene Abhängigkeiten und reale Schwachstellen regelmäßig sichtbar zu machen.

239Einzelpunkte23 Themenblöcke im Konsolidierungs-Audit · Juni 2026
Konsolidierungs-Audit für Sportnahrung Mangold

ZUKUNFTSBILD

Die Plattform ist nicht fertig gedacht.

01

HEUTE

  • Shop
  • Wissen
  • Coaching
  • Creator
  • Produktdaten
  • Trust
  • Mehrstandort-Basis
02

NÄCHSTE AUSBAUSTUFE

  • Sports In live
  • Meta-Tracking
  • Google Ads
  • CMS / Designer
  • Newsletter / CRM
  • Proteinbunker Q1 2027
03

SPÄTER

  • eigener Headless-Kundenbereich
  • Community-Ausbau
  • Kunden-App
  • KI-Berater Manni
  • weitergehende Team-Administration

Aus einem überschaubaren Social-Media-Auftrag ist innerhalb eines Jahres ein dauerhaftes Digitalprojekt entstanden.

Heute greifen Website, Shop, Produktdaten, Wissen, Coaching, Creator, Marketing und stationärer Verkauf ineinander.

Das eigentliche Ergebnis ist deshalb nicht eine Website.

Es ist eine Infrastruktur, auf der das Unternehmen weiterbauen kann.

Erstellt vonMarco Kalsner· Redaktion & TechnikStand: 26.10.2026 · Inhalte werden regelmäßig überprüft.

Rechtlicher Hinweis

Kalsner Connect

Die Inhalte auf kalsner.de dienen der allgemeinen Information über IT, Software, Netzwerke und digitale Werkzeuge. Sie ersetzen keine individuelle Beratung im Einzelfall und keine Rechts- oder Steuerberatung. Angaben zu Produkten, Diensten und KI-Werkzeugen entsprechen dem Stand der letzten Prüfung und können sich durch Updates der Anbieter jederzeit ändern. Wer Anleitungen an eigenen Systemen umsetzt, tut das in eigener Verantwortung — vorher Datensicherung.