Product
Customizer

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.

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.