Job Shirt Customization Interface

Job Shirt Customization Interface

Once customers select the job shirt options 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 job shirt and see how their customized job shirt will look before they purchase it.

I uploaded images of the job shirt's front, back, left side, and right side into the BISIBI interface and then used BISIBI's tools to set up bounding boxes to help customers visualize where the job shirt can be customized and how the customized designs would look in those locations.

Then I used Adobe Illustrator and BISIBI's tools to create hotspot templates for each text and logo design (such as the Scranton Police text shown in the image above) that can be embroidered, heat transferred, or appliqued onto the job shirt. When customers select one of these hotspot templates, they can then change the color, add or remove visual elements, and enter their personalized text and then apply their custom design to the job shirt.

Once customers have finished customizing the job shirt to their liking, they can review their choices in the design summary column on the right, make any changes necessary, and then add the job shirt to their cart.