konfigurator webgl header van bergen

3D Balkonkonfigurator

  • e-Commerce
  • Konfigurator
  • WebGL
  • Responsive

Das in der 3. Generation geführte Familienunternehmen van Bergen blickt seit seiner Gründung im Jahre 1946 auf eine stetige Weiterentwicklung und ein breites Leistungsspektrum im Bereich Metallbau zurück. Inzwischen ist das Unternehmen zudem als moderner Systembauer im Bereich der Vorstell- und Anbaubalkone tätig. Um den eigenen Fortschritt noch weiter voranzutreiben, hat van Bergen die redPlant Realtime Studios mit der Entwicklung eines 3D Konfigurators betraut, welcher die digitale Planung von Balkonanlagen in ebenso effektiver wie unkomplizierter Weise ermöglicht. 

Zum Konfigurator

Immer auf dem Weg zur Optimierung

Produkte von van Bergen zeichnen sich durch ihre vielseitige Anpassbarkeit, hohe Qualität und ihr innovatives Konzept aus. In seiner achtzigjährigen Geschichte hat der Familientrieb sein Portfolio von seinen Anfängen als Stahlbauer nach und nach um Schweißarbeiten, statische Berechnungen und Entwicklung von Systembauweisen erweitert und seine Dienstleistungen stetig ausgebaut. Dieser Ausbau steht in unmittelbarem Zusammenhang mit dem Grundsatz, den Kunden vom ersten bis zum letzten Moment umfassend und persönlich zu betreuen. Mit dem von uns entwickelten 3D Konfigurator weitet van Bergen seine Betreuung auf 24/7 aus.

konfigurator webgl user interface van bergen

Benutzerfreundlich wie noch nie

Für den van Bergen 3D Konfigurator haben wir die Konfigurationslogik auf wenige Kundenentscheidungen heruntergebrochen. Infolgedessen entstand ein schlankes User Interface, welches Dir ein freies, non-lineares Konfigurieren ermöglicht, wobei auch ein lineares Arbeiten dank unserer Navigationshilfe weiterhin möglich ist. Solltest Du Dich trotzdem einmal verklicken, kein Problem. Mittels des "Undo"-Buttons sind Deine letzten Aktionen ganz leicht rückgängig zu machen.

konfigurator webgl responsive design van bergen

Allzeit mit dabei

Eine einfache Bedienung und hohe Verfügbarkeit stehen beim Einsatz eines Konfigurators immer im Fokus. Dank des Responsive Design des 3D Konfigurators ist die Planung Deines Balkonsystems von überall und zu jeder Zeit möglich: Sei es auf dem Tablet, Smartphone oder Desktop - der 3D Konfigurator passt sich samt User Interface und 3D Szene dynamisch an jede Displaygröße und Geräteklasse an. Auf diese Weise hast Du Deine individuelle Konfiguration immer und überall dabei. 

konfigurator webgl modell breite van bergen

Auf Maß und individuell

Deine individuelle Balkonanlage lässt sich in vielen Größe planen. Dafür sind sowohl für die Tiefe als auch die Breite Rastermaße vorhanden, die sich aus den Dimensionen der Bodenplatten inklusive Verfugung ergeben. Die Angabe eines Individualmaßes ist ebenfalls möglich, durch den Zuschnitt der einzelnen Platten preislich aber natürlich etwas intensiver. Gleichwohl ermöglicht es dafür die nahtlose Anpassung der Anlage auch an architektonische Gegebenheiten, bei welchen das Rastermaß an seine Grenzen stößt.

konfigurator webgl modell hoehe van bergen

Hoch hinaus im Einzel oder Doppel

Einzel- oder Doppelbalkonanlagen können bis auf eine Höhe von 5 Etagen konfiguriert werden. Für die jeweils oberste Ebene besteht außerdem die Zusatzoption einer Überdachung. Diese kann ganz nach Deinem Geschmack mit einer durchgehend geschlossenen, einer gläsernen oder einer Dachplatte aus Lamellen konfiguriert werden.

konfigurator webgl modell wandstuetzen van bergen

Anbau- oder Vorstellbalkon?

Vorstellbalkone sind durch ihren frei stehenden Aufbau mittels vier Stützen energetisch sowie statisch komplett vom Gebäude entkoppelt und empfehlen sich besonders beim Bau mit mehrgeschossigen Anlagen. Der Anbaubalkon verfügt hingegen nur über zwei vorderseitige Stützen und wird mittels zweier Konsolen pro Etage an der Hauswand befestigt. Damit eignet er sich besonders dann, wenn eine Montage wandseitiger Stützen durch Hindernisse wie beispielsweise Kellerzugänge gar nicht oder nur mit hohem Aufwand möglich ist.

Das komplette Farbspektrum

Bezüglich der farblichen Gestaltung Deiner Balkonanlage bietet der 3D Konfigurator Dir eine Vorauswahl der drei beliebtesten Farben an. Solltest Du hier nicht fündig werden, steht Dir darüber hinaus auch das gesamte Spektrum der RAL-Farbpalette zur Verfügung. Außerdem kannst Du noch den Bodenbelag sowie die Untersicht Deines Balkons bestimmen. Letztere bezeichnet dabei den unteren Teil des Balkons, der sonst standardmäßig in Weiß gehalten wird.

konfigurator webgl farbspektrum van bergen

Stimmiges Gesamtbild

Zentrales Element Deiner Balkonplanung ist das Geländer. Hier stehen Dir vier verschiedene Designs zur Auswahl, die mit Ausnahme des Stabgeländers jeweils mit klarem oder Milchglas ausgestattet werden können. Der 3D Konfigurator berechnet dabei anhand der Maße Deines Balkons automatisch die Feldverteilung sowie die Anzahl der Glasplatten, Stäbe und Halterungselemente.

konfigurator webgl gelaender stab van bergen

Stab

konfigurator webgl gelaender ganzglas van bergen

Ganzglas

konfigurator webgl gelaender aluglas van bergen

Alu-Glas

konfigurator webgl gelaender stabglas van bergen

Stab-Glas

konfigurator webgl modell sichtschutz van bergen

Sehen und gesehen werden

Zum Schutz der eigenen Privatsphäre ist es Dir möglich, an den Seiten Deiner Anlage bei einem Doppelbalkon sogar auch zwischen den Balkonen einen Sichtschutz zu planen. Dieser passt sich optisch automatisch an Dein gewähltes Geländer an, aber aus Gründen des Sichtschutzes wird dabei immer die Milchglasvariante gewählt. Auch hier ist das Stabgeländer eine Ausnahme, da es mit dem Sichtschutz des Ganzglasgeländers kombiniert wird.

Alles zur Fassade

Die Konfiguration Deiner individuellen Balkonanlage findet in einer stilisierten Hausszene statt. Die Fassade wird dynamisch um Fenster und Türen erweitert, soweit diese zur Darstellung der beispielsweise mehrstöckigen Anlage benötigt werden. Zudem lassen sich Farbe und Struktur der Fassade ändern, um das Zusammenspiel zwischen Deinen Bedingungen vor Ort und Deines individuellen Balkons abstimmen zu können. Die visuelle Qualität des Konfigurators wird dabei dynamisch an Dein Gerät angepasst.

konfigurator webgl erweiterung illustration van bergen
konfigurator webgl pflanzen van bergen

Aus Liebe zum Detail

Damit der 3D Konfigurator sich nahtlos an die Website anfügt und alles perfekt wie aus einem Guss erscheint, haben wir das Design der Website adaptiert. So sind unter anderem Dekoelemente wie Pflanzen und Mobiliar am gleichen illustrativen Look orientiert. Ähnlich wie auch bei der Positionierung von den Fenstern und Türen werden diese je nach Platzbedarf automatisch verteilt. Im Gegensatz zum stilisierten Design wird die Balkonanlage selbst in einem realistischen Stil und so detailgetreu wie möglich dargestellt.

konfigurator webgl funktion speichern van bergen

Speichern und Anfrage

Du kannst Deine individuelle Konfiguration jederzeit abspeichern. Hierzu erstellt der 3D Konfigurator einen eindeutigen Link, über welchen Du Deine Balkonplanung ganz einfach wieder aufrufen kannst. Ebenso wird Dir dieser Link per E-Mail ausgehändigt, wenn Du Deine Balkonanlage bei van Bergen direkt über den Konfigurator anfragst. Verfügst Du über planungsrelevante Unterlagen wie zum Beispiel Grundrisse oder auch Bilder der Hausfassade, kannst Du auch diese Deiner Anfrage in Form von Bilddateien direkt anhängen.

konfigurator webgl funktion datenblatt van bergen

Das wichtigste auf einem Blatt

Mit dem Versenden einer Anfrage generiert Dir der 3D Konfigurator automatisch ein Datenblatt mit allen wichtigen Informationen zu Deiner individuellen Konfiguration in Form einer PDF. Im Einzelnen handelt es sich dabei um die ID der Konfiguration und den dazugehörigen Link, eine generelle Produktbeschreibung, die gewählten Konfigurationsoptionen sowie den Gesamtpreis Deines Balkonsystems.

konfigurator webgl funktion preisberechnung van bergen

Stückliste und Preisberechnung

Um Dich dabei zu unterstützen, die Gesamtkosten Deiner geplanten Balkonanlage nicht aus den Augen zu verlieren, gibt der 3D Konfigurator Dir stets den Preis Deiner aktuellen Zusammenstellung gut sichtbar aus. Über den gesamten Konfigurationsprozess werden dafür nicht nur Deine Änderungen unmittelbar am 3D Produkt visualisiert, sondern auch stets eine Stückliste aller aktuell verwendeten Komponenten generiert. Auf Grundlage dieser Stückliste und einem hinterlegten Preissystem wird der Gesamtpreis der Anlage bei jeder Änderung in Echtzeit aktualisiert.

Interner Modus

Im internen Modus steht den Mitarbeitern von van Bergen die Generierung der Datenblätter und die Pflege des Preissystems zur Verfügung. Hier können die Grund- und variablen Preise der einzelnen Komponenten bestimmt werden, auf Grundlage dessen die Berechnung des Gesamtpreises beruht. Damit die Preise nicht in falsche Hände geraten, ist der interne Modus über eine Multi-Faktor-Authentifizierung geschützt.

konfigurator webgl redPlant insights meine stegplatten

3D-Radial-Button

Ein kleiner, aber feiner Hingucker des van Bergen 3D Konfigurators ist der Button zum Wechsel der Fassade. Bei diesem handelt es sich um ein User Interface Element, welches dynamisch in der 3D Szene positioniert wird. Der Button richtet sich dabei immer frontal zur Blickrichtung des Users aus und wird stets im Vordergrund gerendert. Als optisches Highlight ist der Button so animiert, dass sich beim Klick auf das Zentrum die Unteroptionen von diesem aus kreisförmig und im geregelten Abstand anordnen.

konfigurator webgl fade out van bergen

Fade out

Ein weiterer visuell gelungener Kniff ist der Fade out der Fassade. Um den weichen Übergang der Wand in den Hintergrund zu kreieren, nutzten wir zwei nah übereinander liegende Planes. Während die erste die Fassade mit jeweiliger Textur abbildet, ist die zweite mit einem Verlauf versehen, welcher von Transparenz in die Hintergrundfarbe faded. Auf diese Weise verschwimmen beide Planes ineinander, was den Effekt der Verschmelzung erzeugt.

konfigurator webgl reflektion van bergen

Optische Täuschung

Für die Spiegelungen in den Fenstern mussten wir in die Trickkiste greifen. Grund dafür ist, dass beim Einsatz der sogenannten Screen Space Reflection die aktuelle Perspektive als Spiegelung für Türen und Fenster verwendet wird. Je nach gewählter Konfiguration der Anlage, Perspektive und Zoomfaktor waren jedoch zu wenig Inhalte in dieser Ansicht vorhanden, um eine realistische Spiegelung zu erzeugen. Als Lösung ließen wir die Scheiben mittels eines Verlaufs von oben nach unten transparenter werden und kopierten die gesamte Szene spiegelverkehrt auf die andere Seite der Fassade.

PROBLEMLOS ERWEITERBAR

In seiner aktuellen Form stellt der van Bergen 3D Konfigurator bereits eine ausgefeilte und rundum benutzerfreundliche Anwendung zur Planung Deiner Balkonanlagen dar. Nichtsdestotrotz sind ständige Weiterentwicklung und Verbesserung von Angebot und Technik die unveränderbaren Konstanten in van Bergens langer Firmengeschichte - aus diesem Grund ist 3D Konfigurator so konzipiert, dass er jederzeit problemlos und effizient um künftige Visionen erweitert werden kann.

Feature

icon WebGL

WebGL

Der 3D Konfigurator wurde in WebGL umgesetzt und ist in gängigen Browsern verfügbar.

icon responsive

Responsive Design

Der 3D Konfigurator ist auf Smartphone, Tablet bis hin zum Desktop verfügbar.

icon diamond id

Individuelle ID

Jede Konfiguration wird mit einer ID versehen und kann jederzeit wieder aufgerufen werden. 

icon validation

Validierung

Ist es konfigurierbar, so ist es produzierbar. Der Konfigurator lässt nur valide Konfigurationen zu.

icon synchronisation

Echtzeit Preise

Preise und alle anderen dynamischen Parameter werden in Echtzeit berechnet.

icon upload

Grafik Upload

Upload Funktion eigener Grafiken und Dateien während des Anfrageprozesses.

icon pdf document

PDF-Generierung

Automatisches Generieren von Datenblättern inkl. zahlreicher Informationen.

icon intern

Interner Modus

Im internen Modus können Preise gepflegt und Datenblätter heruntergeladen werden.

Tools

Insights RedCore 3D icon

redCore

Der elementare Kern unserer 3D Anwendungen ist redCore, unsere 3D Renderengine, die speziell auf die Bedürfnisse des Webs und der Konfiguration ausgerichtet ist.

Insights StateEngine 3D icon

State Engine

Das Herzstück eines jeden 3D Konfigurators ist unsere State Engine. Sie garantiert zu jeder Zeit, dass ein valider Zustand des Produktes ausgeliefert wird. 

Insights Construction Engine 3D icon

Construction Engine

Unser Construction Engine setzt die 3D Rekonstruktion des Produktes anhand und innerhalb der Vorgaben der State Engine um und platziert alle Komponenten.

Insights Performance 3D icon

Performance Monitor

Unser Performance Monitoring überwacht die Grafikauslastung und passt die Qualität des 3D Konfigurators dynamisch an die aktuelle Leistung des Gerätes an.