IT Configurator
00
Overview
When you're shopping for a truck, the amount of options available to choose from can be overwhelming. To help guide users through the process of building their ideal truck configuration, we created a WebGL real-time rendered configurator tool that dropped into International Truck's existing website.
Approach
Creating a configurator for a truck, with a huge amount of parts that change position depending on user selection, required some problem solving. I was lucky to work with the asset development team at Clutch to build and refine validation tools that keep every part in engineering accurate positing as the vehicle dimensions change with each configuration. The configurator tool has proven to generate engagement with users and been a big source of lead generation data for sales teams and truck dealers.
Our goal with this configurator was to focus our efforts on the interactive capabilities of webGL. This approach allowed for the most in-depth configuration experience, while also allowing us to tell vehicle specific product stories at the same time through animation, and overlay. Each vehicle includes several hot spots which either animated the vehicle or opens a side drawer that contains relevant information. A running list of the vehicle specs is kept at the bottom in a build sheet, and dealers even have the ability to auto-generate a presentation that is tailored to the specs of a customer build.
Interior components were created using 3D 360 degree renders of the cab trim levels. This approach allowed us to include a high level of detail in the fidelity of the interior render, without load times becoming unmanageable.
02
03
see also
