konfigurator webgl header schweng terrassenkonfigurator

Terrassendach 3D Konfigurator

  • e-Commerce
  • Konfigurator
  • WebGL
  • Responsive

Die Firma Schweng aus Butzbach gehört mit einem breiten Produktportfolio von Vordächern, Terrassenüberdachungen, Carports, Sommergärten und Markisen zu den führenden Unternehmen im Bereich Vertrieb, Montage und Herstellung von Überdachungen und ist derzeit mit insgesamt knapp 20 Stores in Deutschland und Österreich vertreten. Um nun auch im Bereich der individuellen Planung online punkten zu können, haben die redPlant Realtime Studios einen 3D Konfigurator entwickelt, der sowohl vom Endkunden ohne Vorkenntnisse, als auch von Mitarbeitern zur Planung von Überdachungen genutzt werden kann.

Zum Konfigurator

konfigurator webgl alles aus einer hand schweng terrassenkonfigurator

Alles aus einer Hand ...

Sich mit dem aktuellen Status Quo zufrieden geben?  Bei Schweng undenkbar. Das Unternehmen ist ständig im Wandel und optimiert seine Prozesse sowie sein Produktportfolio, um seinen Kunden stets die besten Produkte und maximalen Komfort bieten zu können. Dazu begleitet Schweng sie vom ersten bis zum letzten Schritt: Von der Planung und Herstellung, über den Verkauf, bis hin zur Montage. Diese umfassende Betreuung wird nun durch ein digitales Planungstool komplettiert, welches eine schnelle, unkomplizierte sowie eigenständige Planung der Schweng Produkte 24/7 ermöglicht.

konfigurator webgl responsive design schweng terrassenkonfigurator

... und immer dabei

Eine einfache Bedienung und hohe Verfügbarkeit stehen beim Einsatz eines Konfigurators natürlich im Fokus. Dank des Responsive Design des 3D Konfigurators ist die Planung Deiner Terrassenüberdachung von überall möglich: Sei es auf dem Tablet, Smartphone oder Desktop - der 3D Konfigurator samt User Interface und 3D Szene passt sich allen aktuellen Displaygrößen und Geräteklassen an. Und durch die Speicherung Deiner individuellen Konfiguration hast Du Deine Schweng Überdachung nun wirklich an jedem Ort dabei. 

konfigurator webgl maximalkonfiguration schweng terrassenkonfigurator

Ein Ursprung macht so viel möglich

Der 3D Konfigurator wird gezielt bei den Produkten eingesetzt, bei denen eine manuelle Zusammenstellung vom Kunden ausgeschlossen ist. Der Ursprung der verschiedenen 3D Konfiguratoren bzw. 3D Produkten ist die S400, eine Terrassenüberdachung in Pultdachbauweise. Da die Konstruktion und die verwendeten Profile der Produkte sich ähneln, wurde ein maximaler Bauplan mit allen Konfigurationsoptionen auf Grundlage der S400 aufgebaut und verschiedene Produkte in Pultdach- und Flachdachbauweise davon abgeleitet. Nach und nach entstanden so die 3D Konfiguratoren von verschiedenen Vordächern, Terrassenüberdachungen und Carports.

konfigurator webgl von grund auf gut schweng terrassenkonfigurator

Von Grund auf gut

Bei der Planung Deiner Überdachung stehen Dir verschiedene Optionen zur Verfügung, die übersichtlich in Kategorien zusammengefasst sind. In der Kategorie Konstruktion bestimmst Du den grundlegenden Aufbau Deiner wandgebundenen oder freistehenden Überdachung durch Angabe der verschiedenen Abmessungen. Neben der Farbe legst Du außerdem fest, an welchem Pfosten sich der Ablauf der Regenrinne befindet und auf welcher Höhe er positioniert werden soll. Letzteres kann Einfluss auf die Anbringung einer Senkrechtmarkise haben. Aber keine Sorge, Du kannst alle Optionen noch jederzeit anpassen.

konfigurator webgl pfosten zu pfosten schweng terrassenkonfigurator

Pfosten zu Pfosten

Durch die Angabe der Breite und Tiefe der Überdachung werden die Pfosten automatisch verteilt, wodurch sich die Größe der Felder zwischen den Pfosten ergibt. Sollte diese automatische Aufteilung für Deine Zwecke nicht optimal sein, kannst Du die Anzahl und Anordnung der Pfosten nachträglich noch anpassen. So ist beispielsweise auch Einrückung der Pfosten möglich, um einen Dachüberstand zu kreieren. Die Verschiebung der Pfosten ist einerseits über das User Interface, aber ebenso direkt am 3D Modell möglich.

Das Dach und seine Möglichkeiten

Essenziell für eine Terrassenüberdachung ist neben der Unterkonstruktion natürlich auch die passende Dacheindeckung. Hier bietet Schweng ein ausgewähltes Sortiment der Bestseller aus Glas- und Polycarbonatplatten an. Jedes Material hat individuelle Eigenschaften und deckt damit einen eigenen Anwendungsbereich ab. So hast Du die Möglichkeit Deine Bedachung speziell auf Deine Bedürfnisse abzustimmen. Die Anzahl der Dachfelder wird automatisch anhand der Breite und des ausgewählten Materials der Dacheindeckung berechnet und in 3D dargestellt.

konfigurator webgl materialprobe glas 8mm schweng terrassenkonfigurator

Glas - 8mm

Der hochwertige Allrounder aus Klar- oder Milchglas 

konfigurator webgl materialprobe glas 10mm schweng terrassenkonfigurator

Glas - 10mm

Eine größere Stärke ermöglicht höhere Tragweiten und Stabilität

konfigurator webgl materialprobe polycarbonat schweng terrassenkonfigurator

Polycarbonat

Stegplatten bieten zum Glas eine stabile und preisgünstige Variante

konfigurator webgl materialprobe heatstop schweng terrassenkonfigurator

Heatstop

Die Platte mit speziellen hitzeabweisende Eigenschaften

konfigurator webgl dachoption sonnensegel schweng terrassenkonfigurator

Sonnensegel

Gerade im Sommer kann es ganz schön heiß werden. Deswegen bietet Dir Schweng für die weitere Gestaltung Deiner Überdachung verschiedene Produkte aus dem Sonnen- und Sichtschutzbereich an. Ein absoluter Klassiker dabei ist das Sonnensegel mit seinen separat zu öffnenden Bahnen aus leichtem Stoff. Diese bieten nicht nur einen guten Schutz vor der Sonne und beschatten Deine Terrasse, sondern sind zugleich ein stilvoller Hingucker. 

konfigurator webgl dachoption aufdachmarkise schweng terrassenkonfigurator

Aufdachmarkise

Beim Einsatz einer Markise kann sich Wärme zwischen Dach und Markise stauen. Eine Aufdachmarkise hat den Vorteil, dass sich der Wärmestau auf der Außenseite bildet und direkt entweichen kann. Gerade bei einer geschlossenen Konstruktion kann so einer Hitzebildung im Innenbereich entgegengewirkt werden. Betrieben werden können Aufdachmarkisen mit einem Funk- oder Elektromotor.

konfigurator webgl dachoption unterdachmarkise schweng terrassenkonfigurator

Unterdachmarkise

Im Gegensatz zur Aufdachmarkise wird die Unterdachmarkise, wie der Name schon sagt, unter dem Dach, also auf der Innenseite der Überdachung montiert. Auf diese Art und Weise ist sie vor Wind und Wetter geschützt, was Beschädigungen am Produkt verhindert und der Langlebigkeit zugutekommt. Die Unterdachmarkisen können ebenso mit einem Funk- oder Elektromotor betrieben werden. Hinzu kommt die Bedienmöglichkeit über eine Handkurbel.

konfigurator webgl beleuchtung schweng terrassenkonfigurator

Beleuchtung

Neben den vielen schattenspendenden Optionen hält Schweng selbstverständlich auch die Möglichkeit bereit, auf Deiner Terrasse für eine wohlige Beleuchtung zu sorgen. Hierzu können in den Sparren der Unterkonstruktion LEDs verbaut werden, deren Anzahl Du frei variieren kannst. Außerdem hast Du die Wahl zwischen dimm- oder lediglich schaltbaren LEDs.

konfigurator webgl feld fuer feld schweng terrassenkonfigurator

Feld für Feld

Zur weiteren Gestaltung Deiner Überdachung kannst Du jedes Feld individuell mit der gewünschten Seitenwand ausstatten. Die Auswahl der Felder ist über das User Interface, aber auch direkt am 3D Modell möglich. Dank des hinterlegten Regelwerks werden Dir nur aktuell valide Ausstattungsmöglichkeiten für das jeweilige Feld oder die Felder angezeigt. Für eine komfortablere und schnellere Bedienung kannst Du auch direkt mehrere Felder auf einmal auswählen, um sie mit der gleichen Seitenwand auszustatten.

konfigurator webgl korrekt bemasst schweng terrassenkonfigurator

Korrekt bemaßt

Alle Maße Deiner Überdachung kannst Du unkompliziert direkt am 3D Modell einblenden lassen. Die Bemaßung des aktuell ausgewählten Feldes wird Dir immer automatisch angezeigt, damit Du bei der Bearbeitung und Ausstattung des Feldes dessen Größe immer im Blick hast. So hast Du zu jedem Zeitpunkt alle wichtigen Zahlen auf den cm genau verfügbar und erlebst keine bösen Überraschungen.

Wände ohne Ende

Eine Terrassenüberdachung an sich lädt natürlich schon zu langen Sommerabenden ein - ob unterm klaren Sternenhimmel oder gerade eben bei warmen Sommergewittern. Durch den Einsatz von Seitenwänden kann sie jedoch noch so viel mehr ermöglichen und so beispielsweise den Wohnraum erweitern. Schweng stellt Dir eine visuell ansprechende und funktionale Auswahl an Seitenwänden zur Verfügung, damit Du die Überdachung an Deine individuellen Anforderungen anpassen kannst.

konfigurator webgl wandoptionen giebeldreieck schweng terrassenkonfigurator

Giebeldreieck

Manche Seitenwände haben die Möglichkeit durchgängig bis in die Schräge des Pultdachs hinein geplant zu werden. Möchtest Du dies aus optischen Gründen nicht oder Deine gewünschte Seitenwand kann nicht angeschrägt werden, dann wird die Lücke durch ein Giebeldreieck geschlossen - Das Teilstück, welches Dach und Seitenwand miteinander verbindet. Es verfügt über dieselben gestalterischen Optionen wie die Gesamtheit der Seitenwände und kann somit an jede angepasst werden.

konfigurator webgl wandoptionen lichtdurchlaessig schweng terrassenkonfigurator

Lichtdurchlässig

Die lichtdurchlässigen Glaswände sind die perfekte Wahl für alle, die einen uneingeschränkten Blick auf ihren Garten haben möchten. Egal bei welchem Wetter oder zu welcher Jahreszeit, lichtdurchlässige Wände verbinden den Komfort eines vor dem Wetter geschützten Raumes und das Gefühl an der frischen Luft zu sein. Wer hingegen seine Privatsphäre etwas mehr schätzt, der kann das klare Glas auch durch Milchglas ersetzen.

konfigurator webgl wandoptionen glasschiebewand schweng terrassenkonfigurator

Glasschiebewand

Glasschiebewände stellen eine gute Ergänzung und Alternative zu den feststehenden Glaswänden dar. Im Gegensatz zu diesen ermöglichen Glasschiebewände nicht nur einen Blick, sondern auch einen Zugang in den Garten. Die Schieberichtung der Glaselemente kann an die eigenen Gegebenheiten angepasst werden. Zusätzlich punkten sie durch einen einfachen Schließmechanismus und stellen so trotz der Möglichkeit zum Öffnen einen zusätzlichen Schutz des Eigenheims dar.

konfigurator webgl wandoptionen paneele schweng terrassenkonfigurator

Paneele

Paneele schränken den Blick auf Deine Terrasse visuell ansprechend ein und die Spalten zwischen den Paneelen ermöglichen zugleich eine erfrischende Luftzirkulation. Du kannst Dich zwischen modernen Paneelen aus Aluminium in verschiedenen Farben beziehungsweise einer Holzoptik entscheiden oder Du greifst zu einem natürlichen Material und wählst die sibirische Lärche.

konfigurator webgl wandoptionen geschlossen schweng terrassenkonfigurator

Geschlossen mit optionaler Tür

Geschlossene Wände bieten den wohl größtmöglichen Schutz vor äußeren Einflüssen und unerwünschten Blicken. Sie eignen sich auch bestens, wenn der Einbau von Türen erforderlich ist. Die Seitenwände bestehen aus einzelnen Paneelen, die direkt aufeinander gesetzt werden und bieten demnach dieselben gestalterischen Optionen wie die Paneele. Bei den Türen kann neben der farblichen Gestaltung, auch der Türanschlag und die Öffnungsrichtung individuell angepasst werden.

konfigurator webgl wandoptionen senkrechtmarkise schweng terrassenkonfigurator

Senkrechtmarkise

Gerade während der heißen Monate kann sich unter einer Überdachung schnell Wärme stauen. Zusätzlich zu einer Markise im Dach kann hier der Einsatz einer Senkrechtmarkise in den sonnenzugewandten Seiten sinnvoll sein. Die Anbringung ist sowohl als Nischen- als auch als Wandmontage möglich und kann so auch zusätzlich zu Glasschiebeelementen montiert werden. Neben ihrer Verwendung als Schattenspender dient sie darüber hinaus auch als Sicht- und Windschutz, wobei sie eine leichte Windzirkulation weiter zulässt.

Es kommt Bewegung ins Spiel

Damit Du nicht die Katze im Sack kaufen musst, werden alle Ausstattungen in Deiner individuellen Konfiguration nicht nur statisch angezeigt, sondern können von Dir auch zum Leben erweckt werden. So kannst du beispielsweise deine Markise ein- und ausfahren und auf bestimmten Positionen stoppen. Hierzu wurden für alle Produkte die entsprechenden Animationen integriert. Du kannst Dir so die Bedienung gezielt für eine Ausstattung anschauen oder eben auch alle Animationen Deiner Konfiguration gebündelt ablaufen lassen.

konfigurator webgl uneingeschraenkte aufmerksamkeit schweng terrassenkonfigurator

Uneingeschränkte Aufmerksamkeit

Beim Konfigurieren sollte der Fokus voll und ganz auf dem Produkt liegen. Hierzu stellen wir es in einer schlichten Umgebungsszene dar. Zudem sorgen wir dafür, dass das Produkt immer in der höchstmöglichen Qualitätsstufe visualisiert und präsentiert wird. Bei der Umgebungsszene hingegen machen wir je nach aktueller Performance Abstriche. So wird beispielsweise die Lichtberechnung mittels dynamischer Lichtquellen bei Bedarf von einer durch Vertex Colors statisch eingefärbte Umgebung ersetzt.

konfigurator webgl in bildern festgehalten schweng terrassenkonfigurator

In Bildern festgehalten

Ergänzend zur interaktiven 3D Darstellung kannst Du Dir auch Bilder Deiner Überdachung direkt im 3D Konfigurator herunterladen. Hierbei erhältst Du eine kurze Fotostrecke, welche Dein Produkt aus sechs verschiedenen Perspektiven zeigt. Zusätzlich sind die Bilder mit Bemaßungen versehen, womit sie alle wichtigen Informationen enthalten.

konfigurator webgl anfrage schweng terrassenkonfigurator

Du hast noch Fragen?

Solltest Du noch Fragen zu Deiner Konfiguration haben, kannst Du Schweng auch vorerst einfach eine Anfrage senden. Hierbei werden alle Komponenten übersichtlich aufgelistet, aus denen Deine aktuelle Konfiguration besteht. Fällt Dir etwas ins Auge, was Du doch nicht benötigst, kannst Du es komfortabel auch direkt über die Liste löschen. Die Änderungen werden unmittelbar an die Konfiguration und die interaktive 3D Darstellung Deiner Terrassenüberdachung übertragen, sodass alle erzeugten Daten wie Bilder und die gespeicherte Konfiguration wieder stimmig sind. 

konfigurator webgl speichern warenkorb schweng terrassenkonfigurator

Oder doch direkt kaufen

Bist Du mit dem Ergebnis Deiner individuellen Konfiguration so weit zufrieden, kannst Du diese entweder abspeichern, um sie zu einem späteren Zeitpunkt weiter zu bearbeiten oder sie direkt über den Shop von Schweng erwerben. Bei der Speicherung erhältst Du per Mail eine ID, mit welcher Du Deine individuelle Überdachung zu jedem Zeitpunkt wieder aufrufen kannst. Bei der Übergabe an den Shop werden automatisch alle wichtigen Informationen, inklusive einer Auflistung aller Komponenten, aus denen Deine Konfiguration besteht, mit übermittelt. 

konfigurator webgl preisberechnung schweng terrassenkonfigurator

Ohne Preise geht´s nicht

Dank der direkten Anbindung an das Schweng Backoffice, einem System zur Preispflege, verfügt der 3D Konfigurator immer über die aktuellen Preise. Das Backoffice erhält hierzu vom 3D Konfigurator lediglich die Informationen über die Komponenten der aktuellen Konfiguration und berechnet die dazugehörige Preise inklusive Montageaufschläge sowie Rabatte und übermittelt diese einschließlich des Gesamtpreises wieder zurück. So ist sichergestellt, dass es zu keinerlei Differenzen zwischen den unterschiedlichen Systemen kommen kann. 

konfigurator webgl ar modus schweng terrassenkonfigurator

Im eigenen Garten

Du möchtest Deine eben individuell konfigurierte Terrassenüberdachung im eigenen Garten beziehungsweise an Deinem Haus sehen und in 360 Grad begehen? Alles was dazu benötigt wird ist ein Smartphone oder Tablet mit funktionstüchtiger Kamera und dem nativen AR-Funktionalitäten von iOS und Android. Der AR-Viewer steht aktuell nur den Schweng Mitarbeitern im internen Modus des Konfigurators zur Verfügung.

konfigurator webgl gltf export schweng terrassenkonfigurator

Nicht nur im Konfigurator

Das dreidimensionale Erlebnis sollst Du nicht nur im 3D Konfigurator haben. Du hast die Möglichkeit über einen glTF Export das 3D Modell der Überdachung auch in anderen Programmen zu verwenden.  Im Fall von Schweng konvertieren wir das glTF final noch in eine SketchUp Datei. Diese kann aktuell nur im internen Modus des 3D Konfigurators heruntergeladen werden.

Das alles und noch vieles mehr...

In seiner gelaunchten Version bietet der 3D Terrassendach Konfiguration von Schweng bereits ein vielfältiges Angebot an Terrassenüberdachungen und anwendungsfreundlichen Features. Doch auch hier ist der Status Quo nur ein Zwischenstopp, denn Schweng hat bereits Pläne für die nächsten Schritte. Schau gelegentlich auf unserer Seite oder direkt im 3D Konfigurator vorbei und erfahre als Erster, was sich in Sachen Produktpalette und User Experience Neues getan hat.

konfigurator webgl redPlant insights meine stegplatten

Feinst Abgestimmt

Die Animationen der Markisen & Co. setzen sich immer aus der Animation der Geometrie und des Materials zusammen. Bewegt sich beispielsweise die Senkrechtmarkise nach oben, so muss sich auch der Stoff absolut synchron mit dieser nach oben bewegen, als ob er eingerollt wird. Was in der Realität völlig klar ist, ist für uns ein fein aufeinander abzustimmender Prozess. Hierzu wird die Geometrie anhand der Manipulation der Vertices verschoben. Normalerweise würden sich dabei die UVs der Geometrie verändern, was eine Stauchung und Verzerrung der Textur des Stoffes zur Folge hätte. Um diese auszugleichen, wird zeitgleich der Offset Repeat dynamisch angepasst. 

Sonderbare Sonnensegel

Die Animation der Sonnensegel setzt dem Ganzen noch die Krone auf. Um das Erscheinungsbild performant zu simulieren, werden Instanzen, also Kopien, von lediglich einer Stofffalte, sprich einer durchhängenden Stoffbahn verwendet. Bei der Animation werden die aufeinanderfolgenden Falten zum Einem zusammengefahren und zum Anderen werden die einzelnen Falten beim Zusammenfahren in ihrer Breite und Höhe skaliert, um den für Sonnensegel charakteristischen Faltenwurf zu simulieren.

konfigurator webgl wunderbar wandelbar schweng terrassenkonfigurator

Wunderbar wandelbar

Unser ständiges Bestreben ist es, die Grafikkarte möglichst effektiv zu entlasten. Hierfür wurden alle Stoffe mit einem speziellen Shader umgesetzt, der es möglich macht Farbvariationen mit nur einem Texturset darzustellen. So kann über unseren Shadergraphen die Farbe von Teilen des Stoffes bis hin zu den Farben der einzelnen Fäden des Garns separat gesteuert werden. Zusätzlich wurde Ordered Dithering verwendet, um Transparenzen besser darstellen zu können und den meist störenden Moiré-Effekt zu verhindern. Dazu wird auf Distanz beispielsweise nur jeder zweite, dritte oder x-te Pixel der betroffenen Stofftextur gerendert. 

konfigurator webgl glasklare sache schweng terrassenkonfigurator

Eine glasklare Sache

Um Glas realistisch darzustellen, reicht eine simple Transparenz natürlich nicht aus. In der Realität wird Licht beim Durchqueren transparenter Objekte gebrochen, was zu einer Veränderung der Lichtwellen führt. Unser Shader berechnet hierbei nicht nur einfach die Reflexion und Refraktion, sondern bezieht dabei auch den spezifischen Brechungsindex und die individuelle Beschaffenheit exakt für jeden Pixel des Materials mit ein.

Features

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 unlimited

Millionen Möglichkeiten

Die gesamte Schweng Produktpalette wurde samt Konfigurationslogik in den 3D Konfigurator integriert.

icon synchronisation

Echtzeit Preise

Preise und alle anderen dynamischen Parameter werden in Echtzeit berechnet.

icon performance

Performance

Um Draw Calls zu sparen, werden selbst bei Animationen Komponenten instanziiert.

icon measurements

Bemaßungen

Alle relevanten Maße können unkompliziert ein- und ausgeblendet werden. Die Bemaßung des aktuell selektierten Feldes wird grundsätzlich eingeblendet.

icon download

Bilddateien-Download

Download Funktion von Bilddateien inkl. Bemaßungen.

icon line text rendering

Line- & Text-Rendering

Die Labels und Bemaßungen werden mithilfe eines optimierten Line- & Textrenderings direkt in der 3D Szene erzeugt und dargestellt.

icon ar augmented reality

Interner Modus

Der interne Modus verfügt über einen AR-Viewer, sowie die Möglichkeit die Konfiguration als Sketch up zu downloaden.

icon woocommerce

WooCommerce

Die Schnittstelle zum Shopsystem WooCommerceermöglicht den direkten Kauf des Überdachungssystems und fehlerfreie Preisberechnung.

Tools

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. 

Insights Cloudservice 3D icon

Cloud Service

Unser CloudService generiert on Demand verschiedene Formate unserer Konfigurationen und stellt diese dem User beispielsweise als AR Modell zur Verfügung.