Busemeyer GmbH | Website‑Relaunch und Webentwicklung / Automatisierung
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;
Sonderlösungen mit Spezialmaschinen sind eine besondere Stärke meines Kundens.
1. 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 hochwertigen B2B-Dienstleister sichtbar zu machen – für potenzielle Kunden ebenso wie für neue Mitarbeitende.
Konzept
- Strategische Neuausrichtung, inhaltiche Konzeption und I/A: Fokus auf Beratung, Prozesskompetenz und B2B-Profil statt Onlinedruck; 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 Fokus auf Mitarbeiter, Teamkultur und persönliche Ansprechbarkeit; Testimonials als vertrauensbildendes Element mit Fokus auf Qualität, Flexibilität und Service
- SEO-Basisoptimierung: Struktur, Inhalte und Technik von Anfang an auf Sichtbarkeit ausgelegt
Gestaltung
- Visuelles Konzept, Design und Logo-Refresh: 02 moderner, 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: Authentische Einblicke ins 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-Modulen; Redaktionelle Vorlagen und Tutorials, 07 flexible Inhaltsblöcke, einfache Pflege im Team
- Frontend-Technik: Entwicklung mit Tailwind CSS, Mobile‑First, barrierearm, performant und (onpage) suchmaschinenoptimiert 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
2. Webentwicklung und Automatisierung via Custom-Middleware mit Admin-Frontend
![[1] Middleware mit Auftragsansicht](/media/cache/len1920-max/portfolio/busemeyer/mw01.webp?q=90&fmt=webp&enlarge=0)
![[2] Middleware mit Auftragsansicht](/media/cache/len1920-max/portfolio/busemeyer/mw02.webp?q=90&fmt=webp&enlarge=0)
![[3] Middleware mit Auftragsansicht](/media/cache/len1920-max/portfolio/busemeyer/mw03.webp?q=90&fmt=webp&enlarge=0)
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.
Diese Aufträge können nur per API übermittelt werden: Eine eigens entwickelte PHP‑Applikation nimmt Aufträge per Webhook entgegen,
normalisiert die Daten, lädt Druck‑Artefakte automatisiert, startet notwendige Produktionsjobs (u.a. Bogenmontage via InDesign‑Automatisierung) und stellt eine übersichtliche Admin‑UI bereit,
die jetzt auch Prozessabläufe steuert.
Funktionen (Auszug)
- Order‑Ingest: Sicherer Webhook‑Endpoint mit API‑Key; Original‑JSON wird revisionssicher abgelegt und in einen internen State überführt.
- Artefakt‑Download: Automatisches Einsammeln aller PDFs/Previews/Versanddokumente etc., saubere Dateibenennung inklusive MIME‑Fallbacks; mit Fehlerprotokollen und Fallbacks
- Workflows je nach Druckerzeugnis: Asynchroner Worker arbeitet Job-Queue ab, das InDesign via ExtendScript headless ansteuert und die Bogenmontage (oftmals mit Randomisierung) 01 und die Erzeugung druckfähiger PDFs übermimmt
- Flexible Bogenmontage: .jsx Script montiert auf .indd Bögen, die selbst durch Produktionsmitarbeiter:innen angelegt wurden inklusive der PDF-Vorgaben (.jobptions). Ergebnis: Maximale Flexibilität und schnelle Iterationen mit Boardmitteln
- Versand & Tracking: Übermittelung der Carrier-URLs zurück an den Auftrageber
- Prozesskontrolle: Rollenbasiertes System zur Ansicht, Verwaltung und Steuerung von Aufträgen
Funktionen in der Entwicklung
- Nahtlose Integration in Kunden-MIS (Pagina.NET) via SOAP (Auftragserzeugung, Hooks für Zeiterfassung und Abrechnung)
- Direkte Anbindung an Versand-Schnittstelle
- Nutzung für weitere Kunden, die Druckdaten per Schnittstellen übermitteln möchten
Technik & Architektur
- PHP‑basierte, schlanke MVC‑Struktur 02 ohne Framework‑Ballast; Tailwind CSS für das UI
- Rollen & Rechte: admin/manager/user mit klarer Capability‑Matrix (Workflow, Meta, Signale)
- 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
- Logging & Sicherheit: API‑Key‑Check, gehärteter File‑Download‑Endpunkt, Job‑/Scheduler‑Logs
Ergebnis
- Deutlich weniger manuelle Handgriffe zwischen Auftragseingang und Produktionsstart.
- Transparente, einheitliche Auftragsansicht für Team und Leitung – inklusive Status, Fristen, Dateien und Versand.
- Stabiler Grundstein, der schrittweise erweitert werden 03 kann (zusätzliche Produkte, weitere Job‑Typen, Carrier, Berichte).
Meine Rolle
Konzeption, UX/UI, Implementierung (Backend/Frontend), Automatisierung/Worker, InDesign‑Schnittstelle, .jsx Scripte für Bogenmontage.
Iterativer Entwicklungsprozess und mit allen Projektbeteiligten – über
Alpha-Version / "Proof of Concept",
04
Prototyping, bis zum Deployment der aktuellen Version sowie Onboarding des Teams.
