Busemeyer GmbH | Webentwicklung / Automatisierung und Website‑Relaunch
2023 – heute
Die Busemeyer GmbH ist eine Full‑Service‑Druckerei in Remscheid mit Fokus auf Unternehmenskunden.
Leistungen reichen von Offset‑ und Digitaldruck bis Weiterverarbeitung, Fulfillment und Textildruck,
dazu Sonderlösungen mit Spezialmaschinen.
Aus dem Website‑Relaunch 2023 ist eine langfristige Zusammenarbeit geworden: Im Anschluss habe ich für Busemeyer
eine Produktions‑Middleware entwickelt, die API‑Aufträge automatisiert bis zum fertigen Druckbogen führt –
heute der Kern des Projekts.
1. Webentwicklung und Automatisierung via Custom-Middleware mit Admin-Frontend
Screenshots aus einer Demo-Instanz mit fiktiven Auftragsdaten.
In einem kritischen Produktionsbereich bei Busemeyer gab es wiederkehrende, manuelle Arbeitsschritte: Bestellungen mussten aus einem Partner‑System (FTP / E-Mail) entgegengenommen, Assets heruntergeladen,
Druckbögen händisch erzeugt, Status gepflegt und Versandinformationen zurückgespielt werden.
Zugleich stand eine Anforderung des Auftraggebers im Raum, die sich mit diesem Ablauf nicht erfüllen ließ:
Aufträge sollten künftig automatisiert per API übermittelt werden. Ohne eigenes System hätte das ein
Drittprogramm gebraucht, plus weitere manuelle Schritte.
Diese Aufträge werden heute per API übermittelt: Eine eigens entwickelte PHP‑Applikation nimmt sie per Webhook entgegen,
normalisiert die Daten, lädt die Druck‑Artefakte, montiert Druckbögen über eine InDesign‑Automatisierung und führt den
gesamten Produktionsablauf über eine Admin‑Oberfläche. Seit Juli 2026 läuft die Vollversion produktiv.
TausendeAufträge pro Jahr, dazu zehntausende Montage‑ und Render‑Jobs seit Produktivstart
Fünfstelligeinmalig vermieden: die nächstgrößere Lizenzstufe einer Standard‑Druckvorstufenlösung, Sonderentwicklung nicht eingerechnet
13.500 €/JahrListenpreis der InDesign‑Server‑Lizenz, die der klassische Integrationsweg gebraucht hätte
1 Systemvom API‑Eingang bis zum druckfertigen Bogen
Was der klassische Weg gekostet hätte
Ein Integrationsprojekt auf Basis von Standardsoftware stand als Alternative im Raum: die nächstgrößere
Lizenzstufe einer verbreiteten Druckvorstufen‑Lösung, einmalig ein fünfstelliger Betrag – und die
eigentliche Anforderung wäre darin noch gar nicht enthalten gewesen. Randomisierung mit Permutationen pro
Bogen und sehr großen PDF‑Dateien hätte der Hersteller kostenpflichtig dazuentwickelt. Für den
automatisierten Betrieb wäre zusätzlich eine InDesign‑Server‑Lizenz fällig geworden (Listenpreis:
13.500 € pro Jahr). Die Middleware ersetzt beides mit Werkzeugen, die im Haus bereits vorhanden sind:
Desktop‑InDesign und Montagebögen, die das Team selbst anlegt.
Funktionen (Auszug)
- Order‑Ingest: Webhook‑Endpoint mit API‑Key; das Original‑JSON wird revisionssicher abgelegt und in einen internen Auftragszustand überführt.
- Artefakt‑Download: Automatisches Einsammeln aller PDFs, Previews und Versanddokumente; Dateibenennung inklusive MIME‑Fallbacks, Fehlerprotokolle und Wiederholungslogik.
- Produktkatalog mit 8 Produkttypen: Designer‑Packs, Alben mit Umschlag und Innenteil, 01 FlowPacks mit Dispenser‑Zusatzworkflow und Maschinen‑Eindruck, Stickerboxen (sortenrein oder als kompletter Satz) sowie Zufalls‑Sheets in zwei Formaten. Jeder Typ bringt eigenen Workflow und eigene Montage‑Vorlage mit.
- Bogenmontage via InDesign: Ein asynchroner Worker arbeitet die Job‑Queue ab, steuert InDesign headless via ExtendScript und erzeugt druckfähige PDFs. Die .jsx‑Scripte (oftmals mit Randomisierung) 02 montieren auf .indd‑Bögen, die Produktionsmitarbeiter:innen selbst anlegen, inklusive der PDF‑Vorgaben (.joboptions).
- ByPass‑Aufträge: Manuelles Anlegen von Aufträgen 03 außerhalb des API‑Kanals, mit Pflicht‑Montage‑PDFs, Chunked‑Upload und nachträglichem Ersetzen einzelner Artefakte. Auch Aufträge ohne Schnittstelle laufen damit über dasselbe System.
- Versand & Tracking: Versand‑Parameter direkt in der API (Standard, Express, Overnight; DHL und DPD), Priorisierung in der Auftragsliste, Rückmeldung der Tracking‑URLs an den Auftraggeber.
- Vorstecker: A4‑Stecker für Lagerkisten 04 mit Live‑Vorschau, direkt aus dem Auftrag erzeugt.
- pagina|net‑Anbindung (Druckerei‑MIS): Automatische Vorgangsanlage beim Auftragseingang, Mengenübernahme in die Kalkulation, Druckplan‑Upload nach der Montage. Implementiert und end‑to‑end gegen das Testsystem verifiziert; die Produktivschaltung folgt, sobald die Konfiguration im pagina|net abgeschlossen ist.
- Lebende API‑Dokumentation: Aus der Produkt‑Konfiguration generiert 05 und für den Auftraggeber unter Secret‑URL erreichbar. Neue Produkttypen dokumentieren sich damit selbst.
- Prozesskontrolle: Personenbezogene Rechte mit über 15 einzelnen Capabilities (z. B. Versand‑Fertigmeldung, Job‑Abbruch, Sicht auf versandte Aufträge), einzeln pro Person zuweisbar.
Ein Stand für alle
Vom Kundenkontakt bis in die Produktion sehen alle denselben Auftragsstand: welcher Auftragstyp vorliegt,
ob er als Express läuft, wo er zwischen Druck, Zuschnitt und Versand steht. Die Freigabe in die Produktion
und die Übergabe an den Versand passieren im selben System. Das erspart Nachfragen quer durch die
Abteilungen.
Ausblick
- Direkte Anbindung an eine Carrier‑/Versand‑Schnittstelle
- Anbindung weiterer Auftraggeber, die Druckdaten per Schnittstelle übermitteln möchten
Technik & Architektur
- PHP‑basierte MVC‑Struktur ohne Framework‑Ballast; Tailwind CSS für das UI
- State‑Driven: Einheitliche JSON‑State‑Datei pro Auftrag (lesbar, versionsfreundlich)
- Worker‑Pipeline: Downloader → Post‑Processor (Signals + Queue) → Job‑Worker → Launcher
- InDesign‑Bridge: VBScript‑Starter + ExtendScript‑Jobs für Bogenmontage und PDF‑Erzeugung, mit Job‑Überwachung und Ausgabe‑Verifikation
- Test‑ & Deploy‑Infrastruktur: 98 Unit‑Tests als Pflicht‑Gate vor jedem Deployment, zweistufige End‑to‑End‑Pipeline (synthetischer Lauf, dann voller Lauf gegen InDesign und MIS), Deploys mit automatischem Rollback
- Umgebungen: Entwicklungs‑VM, Testinstanz auf Kunden‑Hardware und Produktivsystem, jeweils mit eigener, versionierter Konfiguration 06
- Logging & Sicherheit: API‑Key‑Check, gehärteter File‑Download‑Endpunkt, Job‑/Scheduler‑Logs
Gewachsen im Betrieb
Gestartet ist das Projekt mit einem klar umrissenen Kern: Aufträge per API entgegennehmen, Druckbögen
automatisiert montieren. Dieser Kern lief als Alpha fünf Monate produktiv. Erst im echten Betrieb zeigte
sich, was darüber hinaus gebraucht wird – vieles von dem, was heute dazugehört, stand am ersten Tag in
keinem Anforderungskatalog: der Vorstecker für die Lagerlogistik, die ByPass‑Aufträge, die MIS‑Anbindung,
das Rechte‑System. So wachsen individuell entwickelte Systeme: Wer seine Abläufe selbst festlegen kann,
findet Schritt für Schritt weitere Stellen, die das System übernehmen kann.
Ergebnis
- Weniger manuelle Handgriffe zwischen Auftragseingang und Produktionsstart.
- Go‑Live der Vollversion am 16.07.2026 im laufenden Betrieb: rund fünf Minuten Umschaltzeit, Übernahme aller Bestandsaufträge, danach Testlauf über die echte API.
- Tausende Aufträge pro Jahr; zehntausende Produktionsjobs seit dem ersten Produktiveinsatz.
- Lizenz‑ und Sonderentwicklungskosten des klassischen Integrationswegs vermieden.
- Einheitliche Auftragssicht für Team und Leitung, mit Status, Fristen, Dateien und Versand.
Meine Rolle
Konzeption, UX/UI, Implementierung (Backend/Frontend), Automatisierung/Worker, InDesign‑Schnittstelle, .jsx‑Scripte für die Bogenmontage sowie Test‑Infrastruktur und Deployments.
Iterativer Entwicklungsprozess mit allen Projektbeteiligten: von der
Alpha-Version / "Proof of Concept",
07
die fünf Monate produktiv lief, über gut ein Jahr Weiterentwicklung bis zum Go‑Live der Vollversion und dem Onboarding des Teams.
2. Relaunch der Webseite
Die bestehende Website
01
war technisch veraltet und konzeptionell schwach. Weder das breite Leistungsspektrum noch die Werte und Persönlichkeit des Unternehmens wurden überzeugend dargestellt.
Ziel des Relaunches war es, Busemeyer als B2B-Dienstleister sichtbar zu machen – für potenzielle Kunden ebenso wie für neue Mitarbeitende.
Konzept
- Strategische Neuausrichtung, inhaltliche Konzeption und I/A: vom Onlinedruck hin zu Beratung und Prozesskompetenz im B2B; Keyword-recherchierte Inhalte, Arbeitsbeispiele und individuelle Prozessbeschreibungen; Inhaltssammlung und Strukturierung auf Basis von Zielgruppen- und Wettbewerbsanalyse; Erstellung eines Ideenpools mit Benchmarks
- Look and Feel: Definition des gestalterischen Rahmens mit stilistischen Benchmarks aus dem Markt; dokumentiertes visuelles Konzept als verbindliche Grundlage für Design und Umsetzung
- Employer Branding & Kundenstimmen: Mitarbeiter, Teamkultur und persönliche Ansprechbarkeit im Vordergrund; Testimonials zu Qualität und Service als vertrauensbildendes Element
- SEO-Basisoptimierung: Struktur, Inhalte und Technik von Anfang an auf Sichtbarkeit ausgelegt
Gestaltung
- Visuelles Konzept, Design und Logo-Refresh: 02 klar strukturierter Markenauftritt für alle Endgeräte, behutsame Weiterentwicklung des Logos im bestehenden Stilgefüge
- Responsive Figma-Entwurf: 03 Mobile‑First Designprozess mit interaktiven Prototypen
- Fotografie & Art-Direktion: Einblicke in Team, Maschinenpark und Prozesse; Fotografie, Nachbearbeitung 04 und Intro-Videos 05
Technik
- Contentstruktur, CMS und Schulung: Kirby CMS mit Custom-Backend, 06 individuell entwickelte Block-Module; redaktionelle Vorlagen und Tutorials, 07 flexible Inhaltsblöcke, einfache Pflege im Team
- Frontend-Technik: Entwicklung mit Tailwind CSS, Mobile‑First, Performance in PageSpeed Insights gemessen 08
- Live-Deployment & UX-Testing: Entwickelt in Live-Umgebung mit iterativem Testing gemeinsam mit dem Kunden
- Launch-Support & Tracking: Technische Durchführung des Livegangs inkl. Hosterwechsel mit DNS-Setup, Tracking und Monitoring
