Projecten
DesignWebBrandingResearchAI

Drukbedrijf

Mijn stage bij Drukbedrijf, een online drukkerij. Ik vulde de nieuwe website met alle visuele content: werktekeningen, digitale drukproeven, productafbeeldingen, YouTube thumbnails en icoontjes. Onderweg bouwde ik eigen scripts om repetitief werk te automatiseren.


De opdracht

Drukbedrijf is een online drukkerij die zelf geen printers heeft, maar samenwerkt met verschillende partners die het drukwerk produceren. Het bedrijf is opgericht in 2009 en telt ongeveer 25 medewerkers, verdeeld over de teams Design, Order, Sales en Marketing. Ik liep stage bij het Design team.

De hele organisatie werkte aan een complete rebranding: een nieuwe huisstijl en een volledig nieuwe website. Technisch was die website al in ontwikkeling, maar er ontbrak nog heel veel inhoud. Mijn opdracht was het inhoudelijk vullen van de site met alle visuele content, zodat de website bij livegang niet alleen werkt, maar ook compleet en professioneel oogt.

Het team van Drukbedrijf voor het houten kantoorpand
Het team van Drukbedrijf
537Producten
85%Werktekeningen gemigreerd
49YouTube thumbnails
2000+Icoontjes

De kernvraag

De initiele opdracht was kort: vul de website met content. Na analyse van het Monday board en gesprekken met mijn praktijkbegeleider Anne werd de echte vraag scherper. Hoe maken we de website inhoudelijk compleet, zodat klanten bij livegang direct orders kunnen plaatsen zonder verwarring over specificaties? Die herformulering leverde vijf concrete deelprojecten op, elk met eigen technische eisen en deadlines.

De vijf onderdelen

1. Werktekeningen

Drukbedrijf heeft ongeveer 537 producten, vaak met meerdere formaten en bestandsvarianten (PDF, AI en IDML). Per product analyseerde ik de bestaande werktekening, zette die om naar de nieuwe huisstijl en controleerde de lagenstructuur: technische lijnen, een vergrendelde template-laag, de designlaag en een infolaag. Zo kunnen klanten foutloos exporteren. Een script leek logisch, maar elke tekening week net iets af, dus koos ik bewust voor handmatig werk. In totaal heb ik 85% van de producten gemigreerd.

Werktekening van een chocolade-adventskalender, omgezet naar de nieuwe huisstijl met technische lijnen en vouwposities
Werktekening van een adventskalender: een van de complexere migraties, met vertaling vanuit het Duits en meerdere vouwvlakken.

2. Digitale drukproeven

Voor de textielproducten ontwierp ik digitale drukproeven. Uit een inventarisatie in Google Sheets bleek dat er over alle textielproducten samen 1287 kleuropties zijn. Met voor- en achterkant erbij zou je richting 2574 losse fotos gaan. Daarom koos ik samen met Anne voor illustraties gekoppeld aan een kleurenbibliotheek van 364 unieke kleuren. Dat maakt het proces schaalbaar, consistent en makkelijk te onderhouden. Een mooie ontdekking was het werken met transparante schaduwen in Illustrator, waardoor een illustratie diepte krijgt zonder dat de kleur verloren gaat.

3. Productafbeeldingen

Hier lag de focus op consistentie. Ik schoonde aangeleverde partnerbestanden op, trok achtergrondkleuren en schaduwen gelijk en corrigeerde onrealistische details, zodat alle productfotos als een rustige, professionele serie naast elkaar staan. Waar geen geschikt beeld bestond, bijvoorbeeld bij pennen, maakte ik volledig nieuwe afbeeldingen die naadloos aansluiten op de bestaande stijl.

4. YouTube thumbnails

Voor 49 videos ontwierp ik thumbnails met een consistente stijl die aansluit op de nieuwe huisstijl. Ik deelde de videos op in categorieen (how-to, product, opzet, papiersoort en overig) en koos per type een aanpak die meteen duidelijk maakt waar de video over gaat. De centrale vraag bij elke thumbnail: zou ik hier zelf op klikken? Alles werd ruim voor de deadline van 5 december opgeleverd.

5. Icoontjes

De icoontjes vormen een cruciaal onderdeel van de productpaginas. Voor grote series foto-icoontjes ontwikkelde ik een eigen script in Adobe Illustrator dat bestanden automatisch op het standaardformaat van 280 bij 280 pixels zet. De geillustreerde icoontjes maakte ik handmatig, omdat die creatiever zijn en beter moeten aansluiten op de huisstijl. In totaal gaat het om meer dan 2000 icoontjes.

Automatisering

Mijn grootste doorbraak was het automatiseren via scripts en batchverwerking. Waar ik voorheen nog nooit met scripting had gewerkt, schreef ik nu werkende scripts die het verschil maakten. Voor foto-icoontjes ging de verwerking van ongeveer 100 minuten naar 10 seconden voor 100 stuks, ruim 600 keer sneller. Daarnaast bouwde ik een bulk-script dat met Photoshop Generative Fill meerdere formaten tegelijk genereert.

// ===== Instellingen =====
var TARGET_PX = 280;          // canvasmaat + basisdoel hoogte
var JPG_QUALITY = 10;         // 0-12
var PROCESS_SUBFOLDERS = true;

// ===== Mappen kiezen =====
var inFolder  = Folder.selectDialog('Kies de map met JPG-bestanden');
var outFolder = Folder.selectDialog('Kies de uitvoermap voor bewerkte JPGs');

// ===== Verzamelen en verwerken =====
var files = collectJPG(inFolder, PROCESS_SUBFOLDERS);
for (var i = 0; i < files.length; i++) {
  processOne(files[i], outFolder, TARGET_PX, JPG_QUALITY);
}
Fragment uit mijn icoontjes-script (Adobe ExtendScript). De volledige versie is 181 regels.
Wat dit veranderde

Het ging niet alleen om tijdwinst, maar vooral om procesmatig denken. Niet alleen dit ene bestand maken, maar bedenken hoe ik de volgende 200 bestanden sneller en foutloos kan maken.

Resultaat

De nieuwe Drukbedrijf website transformeerde van een technisch functioneel platform naar een professioneel, gebruiksvriendelijk en consistent drukwerkportaal. Alle ontbrekende designelementen zijn systematisch aangevuld, waardoor de site klaar is voor livegang met een complete visuele identiteit.

  • Werktekeningen: 85% van 537 producten gemigreerd, met consistente lagenstructuur en exports in PDF, AI en IDML.
  • Digitale drukproeven: schaalbare oplossing voor 1287 kleurvarianten via illustraties en een kleurenbibliotheek.
  • Productafbeeldingen: gecorrigeerd en geoptimaliseerd voor een consistente, professionele presentatie.
  • YouTube thumbnails: 49 stuks met consistente branding, ruim voor de deadline opgeleverd.
  • Icoontjes: 2000+ elementen geautomatiseerd verwerkt en afgestemd op de nieuwe huisstijl.
Guus, je bent een topper! Je bent een goede ondersteuning binnen ons team. Je gaat snel te werk, pakt verschillende taken op en hebt ons ook weer nieuwe dingen geleerd. Dank je wel!
ReneeDesigner bij Drukbedrijf

Reflectie

Toen ik aan mijn stage begon, had ik vier leerdoelen. Terugkijkend heb ik ze alle vier behaald, en sommige verder ontwikkeld dan ik vooraf had verwacht. Scripting was volledig nieuw voor mij en is nu een van mijn sterkste vaardigheden geworden. Ik leerde procesmatig te denken, en dat het waardevol is om buiten je comfortzone te treden.

Wat ik meeneem: automatisering bespaart niet alleen tijd, maar verbetert ook consistentie. Door vooraf na te denken over hoe je iets kunt automatiseren, win je later enorm veel tijd.

En communicatie pas je aan per situatie. Gestructureerde taken werken in Monday, iteratief werk met veel afstemming gaat beter via mail en Slack, en snelle vragen los je op met een kort bericht.