Zum Inhalt
witti.

Automatisierung

Sticker Builder — vom Kundenbild zur Schneidedatei

Trinkfreunde · 2026

Web-Anwendung, die aus einem Kundenbild automatisch einen Sticker mit Cutline erzeugt, den Proof zur Freigabe verschickt und den Sammelbogen an den Schneideplotter übergibt.

Der Sticker Builder mit dem freigestellten Motiv in der Vorschau, der pinken Cutline im Abstand von zwei Millimetern und den Zuschnitt-Reglern in der linken Spalte.
von Auftrag bis fertigem Produkt
24 h

Ausgangslage

Jeder Sticker-Auftrag lief von Hand. Die Druckbögen wurden einzeln aufgebaut, die Cutlines pro Motiv gezeichnet, die Proofs manuell erstellt, verschickt und nachgehalten. Das kostete bei jedem Auftrag dieselbe Vorbereitungszeit und hing an einer Person.

Lösung

Ich habe eine Web-Anwendung gebaut, die den kompletten Weg vom hochgeladenen Bild bis zur Schneidedatei abbildet. Sie stellt das Motiv frei, berechnet die Cutline mit einstellbarem Offset und Glättung und übernimmt eine bereits im PDF vorhandene Schnittkontur, wenn eine da ist. Der Kunde bekommt einen Token-Link, sieht denselben Builder und gibt seinen Sticker selbst frei. Freigegebene Motive werden auf dem Sammelbogen genestet und über eine Datalink-Verbindung direkt an den Graphtec-Plotter geschickt. Gebaut mit Next.js und React, SQLite über Drizzle, freigestellt wird im Browser, gehostet als Docker-Container auf einem eigenen VPS.

Ergebnis

Aufträge laufen heute von der Anfrage bis zur Schneidedatei durch ein System, ohne manuelle Zwischenschritte. Proof, Freigabe und Sammelbogen entstehen automatisch, der Status jedes Auftrags ist auf einem Board sichtbar. Der Kunde hat sein Produkt inzwischen innerhalb von 24 Stunden.

Einblicke

Das Auftrags-Board des Sticker Builders mit den Spalten Entwurf, Wartet auf Upload, Freigegeben, Gedruckt und Verschickt — jede Karte zeigt Kunde, Auflage, Format und Status. Der fertig genestete Sammelbogen mit den Cutlines der einzelnen Sticker, daneben Kennzahlen zu Motiven, Auslastung und den Aufträgen auf dem Bogen, bereit zur Übertragung an den Graphtec-Plotter.

Eingesetzt

  • Next.js 15
  • React 19
  • TypeScript
  • SQLite + Drizzle ORM
  • pdf-lib / pdf.js
  • Docker auf eigenem VPS
  • Graphtec-Plotter (Datalink)

Alle Projekte