Gruppenstoff ist nicht einfach bedruckte Kleidung. Es ist das System, das viele Menschen, Größen, Wünsche und Termine in ein gemeinsames Ergebnis übersetzt – ruhig, nachvollziehbar und menschlich.
IdeeGruppeStoffGS
01
Ruhe schafft Vertrauen
Große Bühne, klare Kanten und ausreichend Luft machen komplexe Gruppenentscheidungen leicht.
02
Stofflichkeit vor Effekt
Textur, Material und echte Prozesse tragen die Marke. Dekoration muss eine Aufgabe haben.
03
Eine Frage pro Moment
Der Konfigurator zeigt genau die Entscheidung, die jetzt gebraucht wird – samt Konsequenz.
04
Gemeinsam, nicht gleich
Verschiedene Schnitte, Größen und Budgets bleiben sichtbar, ohne die Gruppe zu zerlegen.
00.2 Drei mentale Zustände
Ein System. Drei Dichten.
Entdecken
SEHEN → VERSTEHEN → STARTEN
Dichte
niedrig
Versprechen
Lust ohne Druck
Konfigurieren
FRAGEN → WÄHLEN → SICHERN
Dichte
mittel
Versprechen
Klarheit je Schritt
Organisieren
SAMMELN → PRÜFEN → FREIGEBEN
Dichte
hoch
Versprechen
Kontrolle ohne Chaos
00.3 Vollständig genug zum Bauen
Zwölf Register. Ein Vertrag.
Definition of Done
Ein Screen ist erst fertig, wenn Aufgabe, nächster Schritt, Status, Fehlerweg, leere Ansicht, Ladezustand, Tastaturweg, mobile Übersetzung und Reduced Motion geprüft sind.
01Markenkern
Gemeinsam sichtbar.Einzeln passend.
Gruppenstoff nimmt der Gruppe nicht ihre Entscheidungen ab. Es ordnet sie so, dass aus vielen Einzelwünschen ein tragbares gemeinsames Ergebnis wird.
Markenversprechen
„Ihr müsst noch nicht alles wissen. Ihr müsst nur gemeinsam anfangen.“
Position
Projektwerkzeug statt Merch-Shop
Gefühl
Vorfreude statt Bestellstress
Beweis
Entwurf, Preis, Prüfung und Freigabe bleiben sichtbar
01
Nähe
Echte Menschen, klare Hilfe, kein anonymer Funnel. Die Gruppe spürt jederzeit, wer sie begleitet.
02
Klarheit
Eine Entscheidung pro Moment. Preis, Mindestmenge und offene Punkte werden nie versteckt.
03
Stofflichkeit
Material, Druck und Passform sind sichtbar. Digitale Oberflächen fühlen sich präzise und greifbar an.
01.2 Stimme
Klar sprechen. Nicht verkaufen spielen.
So klingt Gruppenstoff
„Startet mit dem, was schon feststeht. Größen und Namen ergänzt ihr später.“
Ehrliche GrenzenKeine erfundenen Termine oder Preise.
Kein DruckDer Entwurf bleibt ausdrücklich unverbindlich.
02Fundament
Technisch präzise.Menschlich lesbar.
Das Fundament trägt denselben Charakter in Landingpage, Konfigurator, Kundenkonto und Control Panel: warmes Material, präzise Typografie und ein knappes Signalrot.
Längere Erklärung bleibt schmal genug für ruhiges Scannen.
03Raster & Rhythmus
Ordnung schafft Tempo.Raum schafft Lesbarkeit.
Das Raster hält die Marke ruhig, auch wenn Produkte, Preise und Gruppenentscheidungen dichter werden. Außenraum, Spalten und Lesemaß reagieren bewusst auf den verfügbaren Platz.
Maximale Inhaltsfläche. Darüber wächst nur der Außenraum.
LESEBREITE45 rem
Erklärtext bleibt bei ungefähr 65–72 Zeichen pro Zeile.
VERTIKALER TAKT96–156 px
Sektionen bekommen Luft; Komponenten bleiben als Gruppe erkennbar.
Mobile ist eine Priorisierung, kein geschrumpfter Desktop.
Zusammenfassung wird zur unteren Aktionsleiste, horizontale Vergleiche werden zu Karten und Nebenkontext folgt erst nach der aktuellen Entscheidung.
04Aktion & Eingabe
Klickbar fühlt sichKlickbar an.
Interaktion kündigt sich an, bevor sie passiert. Form, Abstand und Kontrast zeigen Hierarchie; Hover, Press und Feedback schließen den mentalen Kreis.
04.1 Aktionshierarchie
Eine Hauptaktion. Fünf klare Zustände.
Primär ist eine Entscheidung. Sekundär ist eine Alternative. Tertiär hält den Weg offen. Disabled erklärt immer, was fehlt.
04.2 Eingaben
Label bleibt. Hilfe wirkt.
04.3 Auswahl
Konsequenz zeigen. Nicht nur markieren.
Druckdatei hier ablegen
SVG, PDF, EPS, PNG oder WebP · bis 25 MB
Bereit zur PrüfungMotiv und Auflösung sind vorhanden.Auflösung knappFür 28 cm Druckbreite empfehlen wir Hilfe.Preis wird geprüftBestand und Staffel kommen live.
02Kein stiller FehlerProblem, Ursache und nächster Schritt stehen zusammen.
03Kein FarbmonopolStatus wird immer redundant codiert.
05Textil-Konfigurator
Eine Frage.Eine Antwort.
Der Schnellstart baut erst die belastbare Basis und fragt dann nach Gestaltung und Produktion. Jede Antwort verändert sichtbar, was als Nächstes sinnvoll ist.
01Einstieg
Wofür steht ihr zusammen?
Themenwelt
02Textil
Was soll zuerst entstehen?
Artikel + Menge
03Gestaltung
Wie wird es euer Ding?
Motivquelle + Druckseite
04Projekt
Was dürfen wir einplanen?
Name + Wunschdatum
05Sichern
Wo darf der Entwurf wohnen?
Arbeitsbereich
05.2 Neue Entscheidungslogik
Erst tragbar. Dann bedruckbar.
Vorher
Motiv
Druckposition
Textil
Gestaltungsfragen kamen, bevor klar war, welches Produkt und welche Menge den Druck überhaupt tragen.
Verbindliche Reihenfolge
Textil + Passform
Motivquelle + Druckseite
Projekt + Arbeitsbereich
Das System kennt Produkt und Menge, bevor Gestaltung und Projektangaben den ersten belastbaren Entwurf vervollständigen.
FrageAlltagssprache
„Was soll zuerst entstehen?“ statt „Produktkategorie wählen“.
AntwortKonsequenz sichtbar
Auswahl zeigt Preis, Bestand oder nächsten Pflichtschritt.
FreiheitSpäter ist erlaubt
Unbekannte Details blockieren nur, wenn Produktion sie wirklich braucht.
SicherheitKeine Browser-Fantasie
Preis, Bestand und Machbarkeit bleiben serverautoritativ.
Ein guter Schnellstart endet nicht im Checkout.
Er endet in einem sicheren Arbeitsbereich, in dem die Gruppe Modelle mischt, Namen sammelt, Proofs prüft und erst bewusst bestellt.
06Produktmodule
Keine Dashboards.Arbeitsflächen.
Module beantworten eine konkrete Projektfrage. Sie teilen dieselbe Anatomie: Kontext, aktueller Zustand, nächste Handlung und ein ehrlicher Ausnahmeweg.
Live-Entwurf
Abschluss 10B
64%
Richtung & Startartikel26 Teile · Hoodie · Premium
Größen & Namen sammeln18 von 26 Personen vollständig
Druckfreigabefolgt nach eurer Übergabe
Live-Kalkulationgeprüft24,80 € / Teil
Textil
17,20 €
Druck
7,60 €
Projektstart
0,00 €
Noch 4 Teile bis zur nächsten Staffel.
Persönliche HilfeFrage zu Motiv oder Termin?
Euer Projektkontext wird direkt mitgesendet.
ModulEntdeckenKonfigurierenOrganisieren
PreisOrientierungLive pro AuswahlAuf Positionsebene
HilfeKontaktkanäleFrage im KontextProjektchat + Verlauf
ProduktInspirationEin StartartikelGemischte Artikel + Personen
Gruppendenken ist Pflicht. Jede Einzelposition zeigt ihren Beitrag zum Gesamtprojekt: Menge, offene Personen, Preisstaffel oder Freigabestatus.
07Produkt & Preis
Wahr vor schnell.Klar vor verlockend.
Commerce bei Gruppenstoff verkauft keine künstliche Dringlichkeit. Produkt, Mindestmenge, Staffel, Druck und Termin bilden eine nachvollziehbare Kalkulation – sichtbar vor der Freigabe.
PRODUKTKARTE / 01Premium
Farbe: Bone
Unisex · 350 g/m² · 8 Farben
Heavy Hoodie
Weich, formstabil und für gemischte Größen geeignet.ab 24,80 € / Teil inkl. Druck
LIVE-KALKULATION
Euer aktueller Stand
geprüft24,80 € / Teil
Heavy Hoodie × 26
447,20 €
DTF Brustdruck
197,60 €
Projektstart
0,00 €
Gesamt inkl. MwSt.
644,80 €
Noch 4 Teile bis 23,90 € pro Teil.
Preisstatus · 14.08.2026 · 15:42 Uhr
07.2 Wahrheitszustände
Jede Zahl braucht einen belastbaren Status.
PREISLive berechnet
Aus Textil, Menge, Position und Druckart.
verbindliche QuelleMINDESTMENGENoch 3 Teile
Konsequenz und nächster Staffelpreis bleiben sichtbar.
Entscheidung offenBESTANDPrüfung läuft
Variantenbestand wird nie aus dem Browser erfunden.
Serverstatus nötigTERMINAngefragt
Wunschdatum ist keine Lieferzusage.
persönliche Bestätigung
01„Ab“ nur mit Kontext
Menge, Druckumfang und Steuerstatus stehen in unmittelbarer Nähe.
Einzelpreis und Projektgesamtpreis sind vor einer verbindlichen Handlung sichtbar.
08Bildkommunikation
Acht Motive.Eine klare Wahrheit.
Der Pool zeigt echte textile Entscheidungen, Zusammenarbeit und Produktion. Die Motive ersetzen keine Produktbilder, Größenangaben, Proofs oder reale Farbdaten.
Menschen, Körper, Schnitte und Rollen werden glaubwürdig gemischt, nicht als Checkliste inszeniert.
Master-Crop
Erst 16:9 komponieren. Dann sicher übersetzen.
Desktop: Motivkern auf 60–65 % der Breite
Tablet: Text und Personen dürfen sich nicht überlagern
Mobile: eigener 4:5-Crop aus dem zentralen Safe-Feld
Kein CSS-Crop trennt Hände, Gesichter oder Druckdetails
BildtypDarf zeigenDarf nie behaupten
KampagneAtmosphäre, Gruppe, Haltungkonkretes Produkt oder Lagerbestand
ProduktbildModell, Schnitt, Farbeabweichende Oberfläche oder Druck
Proofexakte Platzierung und Schreibweiseunverbindliche Inspiration
ProzessfotoHandwerk und Prüfungautomatische Machbarkeitszusage
09Seitenvorlagen
Drei Aufgaben.System statt Zufall.
Vorlagen übersetzen das System in wiederholbare Seitentypen. Sie definieren Informationsreihenfolge und Verhalten – nicht starre Pixelbilder.
01
Shop / EntdeckenVerstehen und anfangen
Navigation
Primäre Aufgabe
Kontext
Nächster Schritt
01 Aufgabe ohne Scrollen erfassbar
02 Beweis direkt nach dem Versprechen
03 Eine dominante nächste Handlung
02
KonfiguratorEine Entscheidung treffen
Navigation
Primäre Aufgabe
Kontext
Nächster Schritt
01 Aufgabe ohne Scrollen erfassbar
02 Beweis direkt nach dem Versprechen
03 Eine dominante nächste Handlung
03
ArbeitsbereichGemeinsam fertig werden
Navigation
Primäre Aufgabe
Kontext
Nächster Schritt
01 Aufgabe ohne Scrollen erfassbar
02 Beweis direkt nach dem Versprechen
03 Eine dominante nächste Handlung
09.2 Übergaben
Kontext reist mit. Die Dichte verändert sich.
ENTDECKENInteresse
Themenwelt, Zielgruppe und erster Artikel.
→KONFIGURIERENEntwurf
Auswahl, Menge, Motivstand und Preis.
→ORGANISIERENProjekt
Personen, Größen, Proof, Termin und Freigabe.
VorlageDominante FlächeMobile ÜbersetzungErfolg
ShopBild + HaltungStory vor SortimentKonfigurator startet
KonfiguratorAktuelle FragePreis als Bottom BarEntwurf gespeichert
ArbeitsbereichOffene AufgabeStatus vor TabellenGruppe gibt frei
10Motion & Zugang
Bewegung erinnert.Ruhe bleibt Standard.
Bewegung erklärt Herkunft, Richtung und Ergebnis. Sie darf Aufmerksamkeit führen, aber niemals das Lesen verzögern oder vestibuläre Belastung erzeugen.
Motion Case 01 Textile Transformation
T-Shirt wird Hoodie wird Polo.
Bewegung macht hier eine echte Produktentscheidung sichtbar: Form, Material und Logoposition verändern sich, die gemeinsame Identität bleibt. So erklärt Motion – statt nur zu dekorieren.
Farbe: Bone
01
02
03
04
05
06
08
