konfigurator webgl header heroal

Front Door Configurator

  • e-Commerce
  • Configurator
  • WebGL
  • Responsive

Individual design, innovation and quality – as one of the leading aluminium system specialists, this is what heroal has stood for over 140 years. By offering a multitude of possibilities, heroal offers its customers the door of tomorrow today! redPlant was commissioned with the implementation of a configurator for heroal entrance doors, so that the customer may begin assembling their own entrance door right away.

Go to configurator

konfigurator webgl responsive design heroal

Tried and tested entrance door systems

Different designs, door hinges, or handle strips - heroal offers its customers functional versatility with plenty of options for configuring their own heroal D 72 front door. Thanks to the configurator’s responsive design, the custom door can be planned using the customer’s smartphone as well as the office computer. The configurator adapts to different screen sizes.

konfigurator webgl rollentuerband flaechenbuendig heroal

Door Hinges

Roller or top hinges in many different colours.

konfigurator webgl tuerdruecker heroal

Door Handles

A total of three ergonomic door handles for the inside of the door.

konfigurator webgl fingerprint heroal

Keyless Entry

Enter the house by fingerprint - without a key!

konfigurator webgl griffleiste led heroal

Grip Bars

Individual design of the handle strip regarding colour, length and LED lighting.

konfigurator webgl farbpalette tuer heroal

Excellent Interplay Of Colours

The unique colour concept for the interior and exterior presentation of the door was created through an exclusive partnership between heroal and Les Couleurs® Le Corbusier. Using the colour spectrum of Les Couleurs® Le Corbusier, the high-quality materials can be reproduced virtually in the configurator.

Surface Design Materials

In 2019, heroal brought even more individuality to front door design by integrating a selection of heroal Surface Design materials into the configurator. In reality, the profiles of the front door are welded in foil in a vacuum process for this purpose and the desired design is baked in under the effect of heat. In this way, the surface of the front door can shine in an appealing wood, concrete or rust look, for example.

Set in scene

Inside or outside? Plain and simple or set in scene? The configurator will display the heroal D 72 front door as you wish. Different scenes, even adapted to the customer's on-site conditions, will give you an impression of how the entrance area will look like.


Every heroal D 72 front door creation is unique! Clear IDs in the configurator allow storage via e-mail and later retrieval of the individual front door configuration.

konfigurator webgl datenblatt3 heroal

The customer is king

The configurator can be used to request the desired door configuration. For easy communication, the automatically generated data sheet with all important information is attached directly to the e-mail conversation.

For a good partnership

The connection to the heroal specialist partner database enables the configurator to be played back with an adapted request process for the various specialist partners.

konfigurator webgl fachpartner datenbank heroal
konfigurator webgl sprachen heroal

German, English or French?

The configurator has expandable multilingual functions. The desired language is automatically selected based on the browser's language setting. A subsequent change to another language is possible at any time.

konfigurator webgl marketing door heroal

Marketing is everything

For the creation of individual advertising materials, an internal mode has been implemented which enables the creation of high-resolution images of the door from any camera position.

Physically correct

All materials in the heroal front door configurator have been integrated as so-called PBR materials. The underlying Physical Based Rendering (PBR) aims to ensure that the interaction of surface properties and light irradiation and the resulting reflection and absorption behavior can be simulated and visualized almost realistically through mathematical approximation. 

konfigurator webgl surface viewer heroal

The entire portfolio ...

All materials used in the 3D configurator are not only used for front door design, but are also used in the entire heroal product family. Therefore, in 2020, a spin-off of the configurator was published with the heroal surface 3D configurator, which is exclusively dedicated to the presentation of the various surfaces. 

konfigurator webgl surface viewer sample heroal

... on few cm²

For the surface configurator, the materials are visualized on a small sample plate instead of on the actual product. Depending on the context in which the viewer is used, the initially selected material category and thus also the initially visualized material can be preconfigured. This way, customers as well as dealers can convince themselves of the heroal surfaces.


icon WebGL


The configurator has been implemented in WebGL and is available on all common browsers without plugins.

icon responsive

Responsive Design

Thanks to its responsive design, the heroal front door configurator is available on almost all end devices.

icon diamond id

Individual configuration

Each configuration is assigned an individual ID and can be retrieved again at any time.

icon camera screenshot

Internal Mode

In the internal mode of the configurator, high-resolution images can be created for advertising purposes.

icon dynamic layout


heroal makes the configurator available to its specialist partners for use on their own website.

icon pdf document

Data sheet

A data sheet containing all important data can be created for each configuration at any time.

icon translation


The configurator is available in three languages. Further languages can be integrated at any time.

icon lead login profile

Lead generation

Leads are automatically generated in the CRM system via the request process in the configurator.