HAILO trend color configurator

Year created: 2008, Client: Agentur Schaden & Partner

The trend color configurator was implemented as an online and offline application for the Hailo website and for trade fair appearances and advertising events. It includes a wide range of waste bins and ladders that can be placed in all available color variants to scale in different environments..

All background environment images have elements whose color can also be customized. A window with detailed information can be displayed for each item. A “send-a-friend” function has also been integrated, which generates an email with an attached screenshot of the configuration.

The AR function integrated into the configurator allows visitors to the website to use either a photo file from their computer or a still image from their webcam as a background image. They can freely position and resize the items on this background image and thus assess the effect in advance in all color variants “at home”.

Open configurator in separate window

Screenshots

Show detailed article information

Waste bin with detail information overlay

Changing the color of background elements

Custom floor and wall color selection

Configuring a household ladder

Placing a ladder in a living room

AR functionality via webcam or upload of an image file

Start uploading a background image

Waste bin, placed on uploaded photo

Waste bin, placed on uploaded photo

"Commercial bin" variant of the configurator

Configurator for business editions of the bins

Open configurator in separate window

Features in detail

  • Over 40 articles in more than 300 color variants have each been integrated as a cropped image file.
  • Detailed article info pop-up for all products and variants.
  • The displayed articles and their color variants are imported from an external XML file and can therefore be adapted quickly and easily.
  • Scale-appropriate placement of the articles on the predefined background images.
  • Image processing of the background photos for separation into areas whose color can be changed at runtime using a slider.
  • Upload function via PHP for your own photo or webcam still image.
  • Interactive scaling function for articles on backgrounds uploaded by the user.
  • Send-a-friend function for generating e-mails with attached screenshot.
  • Print function for printing the current configuration.
  • Linking of articles to the Hailo website and online store.

Open configurator in separate window