Previewing a logo on a product before ordering
A distributor of customisable promotional products was receiving artwork by email for manual approval before every order.
The context
Most products sold weren't bought as-is: they were meant to carry a logo or company artwork before manufacturing. Before this project, the end customer would send their file by email, someone would position it manually on a mock-up of the product, send back a preview for approval, and the whole thing could take several rounds before final sign-off. This process slowed down the sales cycle and used up human time on a task that was largely mechanisable.
The goal was to let the customer see the rendering of their artwork on the chosen item directly on the product page, before even placing an order.
What I did
-
Defining printable areas
For each customisable product, marking out the areas where artwork can be placed, with their real size and shape constraints.
-
Building the configurator
An interface for importing a file and positioning, resizing and rotating it on a product preview, directly in the browser.
-
Automatic compliance checks
Built-in checks on the resolution of the imported file and compliance with the allowed areas, to catch upfront artwork that would cause problems in manufacturing.
-
Handover to production
Generating a production file carrying the artwork positioned exactly as approved by the customer, linked to the corresponding order.
What needed the most care
-
Rendering accuracy
The preview shown to the customer had to stay representative of the final result, to avoid disappointment and disputes after manufacturing.
-
Accepted file formats
Support for several common image formats on the customer's side, with automatic conversion and checking before integration into the configurator.
-
Usability on mobile
A significant share of visitors browsed the catalogue from a phone: the configurator had to stay usable under these conditions, not just on a computer.
Frequently asked questions
Does the configurator work for every type of product?
Can the customer still request human approval after the configurator?
Which file formats can the customer import?
Does this kind of configurator slow down the product page?
Describe your need in one minute
A few targeted questions so I can reply with an estimate rather than another questionnaire.