End-to-end Personalized Sticker Studio

From Promotional Campaign to Owned Production System

Voetbalplaatjes Studio is more than a branded microsite. It is a fully operational commerce and production workflow that lets customers create a personalized football sticker sheet from a mobile photo, while giving PLUS full ownership over the business logic, club configurations, and print delivery pipeline.

A mobile-first flow built for completion

The product was designed around a 17-step wizard optimized for smartphone usage, where most users would take or upload their photo directly from their device. We prioritized clarity, momentum, and feedback at every stage: club selection, profile details, photo capture, validation, positioning, preview, checkout, and confirmation.

Instead of exposing technical complexity, the interface translates a multi-service backend into a guided consumer experience. Touch-friendly controls, camera capture support, and animated transitions built with Framer Motion helped reduce friction and keep users moving toward payment.

AI that protects quality before it becomes a support issue

One of the biggest business risks in personalized print products is letting poor input flow downstream. We used OpenAI Vision with GPT-4o-mini to validate whether an uploaded image actually contained a clear face suitable for portrait use, helping prevent failed orders, poor print output, and customer disappointment.

Once validated, the image moved into a second AI stage using fal.ai BiRefNet for background removal. This created a clean portrait cutout that could be composited into the club-specific sticker design. By automating these checks early, PLUS reduced operational waste and increased the likelihood that every paid order could move straight into production.

Server-side image processing for consistent print output

AI alone was not enough to meet print requirements. We added a Sharp-based image processing layer to handle posterization, transparency mask generation, and resolution adjustments before assets were placed into the final composition. This ensured the visual result remained consistent across different phone cameras, lighting conditions, and upload qualities.

The final sticker sheet was rendered to exact production specifications using Puppeteer and refined with pdf-lib, producing a high-resolution PDF at 5031×3732 pixels, 300 DPI for a 33×46 cm print format. That level of control is what turned a consumer web flow into a reliable production system.

Configuration-driven multi-club support

PLUS needed to support multiple Eredivisie clubs, each with its own visual identity and layout rules. We solved this with a data-driven configuration model for club colors, logos, template assets, and sticker positioning settings, stored in MySQL and managed through the admin interface.

This architecture matters commercially: it lets PLUS expand the experience to new clubs or update branding without changing the application core. The system is not tied to one campaign setup; it is reusable logic the client owns and can keep extending.

Checkout to printer, without manual handoffs

After users complete payment through Stripe Checkout using iDEAL or credit card, the backend confirms the transaction via webhooks and triggers the production workflow automatically. Assets are stored in DigitalOcean Spaces, the final PDF is generated server-side, and the print file is transferred directly to the print partner through SFTP.

This automation eliminated manual fulfillment work and reduced the chance of operational mistakes. More importantly, it transformed what could have been a one-off campaign activation into an owned system where every completed purchase moves through a defined, auditable, and scalable pipeline.

Admin tooling that keeps control with the client

We built a secured admin panel so PLUS could manage orders, adjust club assets, edit position settings, and manually push files to print when needed. Authentication is protected with bcrypt, and operational actions are supported by order logs and audit trails for accountability.

That operational layer is central to kbpm's approach: we do not just ship interfaces, we build systems clients can run, control, and grow. In this case, the campaign logic, production flow, and fulfillment infrastructure remain in the client's hands rather than inside a black-box third-party platform.