FEB. 2025

Print-on-demand product customizer

Digicomarket, print-on-demand offer
DeliveredREACT · WOOCOMMERCE · PHP · CLOUDINARY
Design and development

An editor where customers design their artwork, on desktop and mobile.

To sell customized products (apparel, items) on WooCommerce, customers had to design their own artwork while the merchant stayed in control of what can be changed.

What I did

  • Merchant side: an editor to define, by drag and drop, the customizable areas of each variation and each product view.
  • Customer side: a step-by-step window to add text and images, with fonts and colors, preview and export.
  • A full mobile editor, with layers and touch handling.

Status

Delivered, after more than 110 commits and a last round of mobile improvements in late 2025.

  • Full-screen admin editor: view selector, buttons to add views and zones and apply to all variations, product visual with two resizable print zones, and properties of the selected zone.
  • Customer customisation window: product preview with view thumbnails, list of available zones with their status, text editing panel (font, size, colour, outline) and a button to move to the next step.
  • Mobile customisation flow: product preview with the active zone highlighted and the entered text, Text and Image tabs, input field and font picker.
  1. 1Customizable areas per product variationADMIN EDITOR★
  2. 2Step-by-step customization windowREACT
  3. 3Mobile editor with layers and touch drag and drop★
  4. 4Preview and artwork exportPDF
  5. 5Images hosted on Cloudinary