Product Customizer logo


Real-time product customization for eCommerce stores

Product designed for customization

Graphic design and the web

Product artwork can be brought to the web directly from Adobe Illustrator (an industry-standard graphic design software) and manipulated using code on a web page.

A product's preview image can be replaced with the product's artwork file and connected to its available product options. So any adjustment made by a potential customer can change the artwork to fit.

To account for a multitude of product design options, considerations were made for input-specific color swatches, real-time text sizing to a container, text input maximum lengths, web font integrations, and more.

Product after customization

Progressive enhancement

There is a dependency on Javascript for this functionality, so it’s built strictly as a progressive enhancement.

It has been built and implemented on top of the eCommerce services of Shopify, Wordpress, and Squarespace.

Looking for more info?

See it in action


Interested in this project?

Let’s work together


Didn’t like this project?

Wow. Well maybe check out the others