More Infos
We use cookies on our website. Some are essential, while others help us improve the site and your experience.
To the Privacy Policy

3D Configurator for Commercial Vehicle Bodies


Carrosserie Hess


.Net 6.0, C#

React, TypeScript

ShapeDiver, Grasshopper 3D


User Experience and Design

3D Configurator

Agile Project Management

Configure an Individual 3D Model Online

Select a vehicle and configure your individual box body in 3D online in two minutes. At the same time, the configurator calculates the price and the available payload of the customer's vehicle. Cool? Yes, we think so too and have developed this parametric 3D configurator for Hess in Bellach.


Initial Position

In order to keep the payload of commercial vehicles as high as possible, the company Carrosserie HESS from Bellach has developed box bodies that are light and can be built to measure for all common vehicle types. Of course, there are many different options for box bodies. The perfect starting position, therefore, to provide the customers of Carrosserie HESS with an online configurator.

In a very short time, a user can configure a desired box body for the corresponding vehicle online and even order the accessories for securing the loads. As an additional service, Hess also offers to check the vehicle on the MFK, if you wish. This service can also be selected directly in the configurator. In the background, the system quietly calculates the curb weight, the superstructure weight and the available payload as well as the price of the whole magic and spits out all the information. At the push of a button, you will receive a clear offer by e-mail in seconds.

Of course, the user can view the vehicle as a 3D model and see how the model changes when something is selected or changed. The vehicle with the body can be rotated and turned dynamically in every step in order to really be able to examine it from every side.

After a completed configuration, both Hess and the user receive a notification and can retrieve the configuration status at any time using an identification number.

The brand-new configurator is a great tool for Hess salespeople to visualize the box body, including all the options, for their customers.

3D Configurator for Commercial Vehicle Superstructures


After the project scope was clarified, the design phase started immediately. The configurator should be as simple as possible and the user interface should be intuitive to use. A proposal was developed, which was gradually optimized. The entire configurator was conceived, designed, implemented and put into operation within a few months.

«Our products stand out thanks to the innovative power of HESS. Sitewerk lives a similar spirit and forward momentum as we do and provided us with the Body Configurator an absolute high-end product of the highest quality.»

Alex Naef, CEO

3D Configurator for Commercial Vehicle Bodies

«Collecting customer data, evaluating it, reusing it with added value for the customer in a targeted and sustainable manner - thanks to the configurator developed by Sitewerk, this is no longer wishful thinking, but reality for us.»

Michel Birchmeier, Project Manager Marketing and Communication

ShapeDiver's proven 3D viewer was also used in this project. The viewer is embedded directly into the React application. The backend is based on the popular software framework .net 6.0 together with an entity framework core.

Deployment Infrastructure

  • Docker Container for Local
  • Azure App Service for Backend
  • Azure DevOps for Backend Deployments
  • Azure Database for PostgreSQL Server
  • Vercel for Frontend Deployments


  • 3D Product Configurator
  • Parametric 3D Model with ShapeDiver
  • Individual Box Body for Commercial Vehicle
  • Price Calculation
  • Display of the Available Payload
Create a 100% Digital Sales Process with 35% Less Cost of Sales with Configurators!

Create a 100% Digital Sales Process with 35% Less Cost of Sales with Configurators!

Have you already thought about using configurators? But don't know how to start... Then download our free guide and learn important key questions from practice.

Increase the Conversion Rate of Configurators

Increase the Conversion Rate of Configurators

No matter which configurator, which offer calculator or which e-commerce application is involved, the ultimate goal for all of them is to achieve the highest possible conversion rate, which defines the percentage of all visitors who complete the desired process. The following article shows how we were able to increase the conversion rate of our PV configurator by a whopping 40%.

Digitalization - is everything getting easier and better now?

Digitalization - is everything getting easier and better now?

"If you digitalize a crappy process, you end up with a crappy digital process." In other words, digital transformation is neither a "silver bullet" nor does it solve all of a company's problems. However, if you use digital tools in a targeted manner, they can bring the decisive advantage over the competition.


Let's Realize a New Project Together