Click on the image to go to the customized product builder on Witmer Public Safety Group's TheFireStore website.
Tumbler Customization Interface
Once customers select the tumbler option they want and click "Customize Now," they're taken to Witmer's BISIBI (Build It, See It, Buy It) customization interface. Here they can add customized text, logos, and other designs to their tumbler and see how their customized tumbler will look before they purchase it.
I uploaded an image of the tumbler's front into the BISIBI interface and then used BISIBI's tools to set up a bounding box to help customers visualize how their customized design would look on the front of the tumbler.
Then I used Adobe Illustrator and BISIBI's tools to create hotspot templates for each text and logo design (such as the distressed U.S. flag with text shown in the image above) that can be engraved on the tumbler. When customers select one of these hotspot templates, they can then enter their personalized text and then apply their custom design to the tumbler.
Once customers have finished customizing the tumbler to their liking, they can review their choices in the design summary column on the right, make any changes necessary, and then add the tumbler to their cart.