WebGL 3D Configurator - Front Door Configurator [redPlant Realtime Studio]
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.

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.


icon webgl


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

icon responsive desktop tablet cellphone

Responsive Design

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

icon diamant

Individual configuration

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

icon screenshot with camera

Internal Mode

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

icon custom content


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

icon datasheet

Data sheet

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

icon multilingual


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

icon login

Lead generation

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