![sonor sq2 konfigurator projectheader](/assets/work/sonor-drums/konfigurator-webgl-drum-3d-interactive-sonor-sq2-projectheader.png)
SQ² Drum Configurator
Klang lebendig werden lassen – das ist seit 1875 das Leitmotiv der Sonor GmbH. Die in Bad Berleburg ansässige Manufaktur steht heute wie damals für herausragende Qualität im Schlagzeugbau und ist einer der bekanntesten Drum Hersteller der Welt. Der von redPlant entwickelte 3D WebGL Konfigurator ermöglicht die Zusammenstellung der hohen Individualisierbarkeit der SQ² Serie und ist wegweisend für die gesamte Schlagzeugbranche.
Music meets Realtime
Ein Konfigurator für Drummer von Drummern. Um das Schlagzeugerherz lauter schlagen zu lassen, braucht man die Kompetenz von waschechten Profis der Drummerszene. In hochfrequenter Zusammenarbeit mit den Mitarbeitern von Sonor, die fest in dieser Szene verwurzelt sind, entstand der SQ² Konfigurator von der Konzeption bis hin zu Implementierung.
Procedural Drums
Jede Drum wird zur Laufzeit dynamisch anhand von Konstruktionsregeln aus unterschiedlichen Einzelteilen generiert. Die verschiedenen Breiten, Tiefen und Wandstärken der Kessel werden prozedural erzeugt. Gemeinsam genutzte Komponenten wie bspw. die Spannböckchen und -reifen werden unabhängig vom Kesseltyp instanziiert.
![material mountain birl fuer sonor sq2 konfigurator](/assets/work/sonor-drums/konfigurator-webgl-material-mountain-burl-sonor-sq2.png)
![konfigurator webgl snow tiger sonor sq2](/assets/work/sonor-drums/konfigurator-webgl-snow-tiger-sonor-sq2.jpg)
![konfigurator webgl fiery red sonor sq2](/assets/work/sonor-drums/konfigurator-webgl-fiery-red-sonor-sq2.jpg)
![konfigurator webgl elder tree sonor sq2](/assets/work/sonor-drums/konfigurator-webgl-elder-tree-sonor-sq2.jpg)
![material walnut roots fuer sonor sq2 konfigurator](/assets/work/sonor-drums/konfigurator-webgl-material-walnut-roots-sonor-sq2.png)
![material vintage azur fuer sonor sq2 konfigurator](/assets/work/sonor-drums/konfigurator-webgl-material-vintage-azur-sonor-sq2.png)
![material tigerwood fuer sonor sq2 konfigurator](/assets/work/sonor-drums/konfigurator-webgl-material-tigerwood-sonor-sq2.png)
![material stratawood fuer sonor sq2 konfigurator](/assets/work/sonor-drums/konfigurator-webgl-material-stratawood-sonor-sq2.png)
![material sikly oak fuer sonor sq2 konfigurator](/assets/work/sonor-drums/konfigurator-webgl-material-sikly-oak-sonor-sq2.png)
![material rosewood replica veneer fuer sonor sq2 konfigurator](/assets/work/sonor-drums/konfigurator-webgl-material-rosewood-replica-veneer-sonor-sq2.png)
![material red pearl fuer sonor sq2 konfigurator](/assets/work/sonor-drums/konfigurator-webgl-material-red-pearl-sonor-sq2.png)
![african marple material sonor sq2 konfigurator](/assets/work/sonor-drums/konfigurator-webgl-materialien-african-marple-sonor-sq2-drums.png)
![material grey slate fuer sonor sq2 konfigurator](/assets/work/sonor-drums/konfigurator-webgl-material-grey-slate-sonor-sq2.png)
![material gold glass glitter fuer sonor sq2 konfigurator](/assets/work/sonor-drums/konifgurator-webgl-material-gold-glass-glitter-sonor-sq2.png)
![material chocolate burl fuer sonor sq2 konfigurator](/assets/work/sonor-drums/konfigurator-webgl-material-chocolate-burl-sonor-sq2.png)
![material bubinga replica veneer fuer sonor sq2 konfigurator](/assets/work/sonor-drums/konfigurator-webgl-material-bubinga-replica-veneer-sonor-sq2.png)
![material blue oyster fuer sonor sq2 konfigurator](/assets/work/sonor-drums/konfigurator-webgl-material-blue-oyster-sonor-sq2.png)
![material black pearl fuer sonor sq2 konfigurator](/assets/work/sonor-drums/konfigurator-webgl-material-black-pearl-sonor-sq2.png)
![material black glass glitter fuer sonor sq2 konfigurator](/assets/work/sonor-drums/konfigurator-webgl-black-glass-glitter-sonor-sq2.png)
![material birdseye cherry fuer sonor sq2 konfigurator](/assets/work/sonor-drums/konfigurator-webgl-material-birdseye-cherry-sonor-sq2.png)
![material birds eye amber fuer sonor sq2 konfigurator](/assets/work/sonor-drums/konfigurator-webgl-material-birds-eye-amber-sonor-sq2.png)
![material american walnut fuer sonor sq2 konfigurator](/assets/work/sonor-drums/konfigurator-webgl-material-american-walnut-sonor-sq2.png)
Sonor Shooting
Für die realistische und konsistente Darstellung aller Materialien sind hochwertige Texturen der Oberflächen notwendig. Dafür wurden unter definierten Rahmenbedingungen Fotos aller Oberflächen in einer einheitlichen Bezugsgröße erstellt. Diese wurden anschließend aufbereitet und als Textur in originalgetreuer Größe auf die prozedural erzeugten Drums projiziert. Somit entspricht die Visualisierung der Drum nahezu dem späteren Produkt.
![startseite des sq2 sonor konfigurators presetwahl](/assets/work/sonor-drums/konfigurator-webgl-startbild-preset-sonor-sq2.png)
Just play
Für einen schnellen Einstieg in die individuelle Konfiguration werden dem User verschiedene Startkonfigurationen zur Verfügung gestellt. Dort kann er zwischen einem voreingestellten Schlagzeugpreset als 4er, 5er oder 6er Layout wählen oder direkt "from the scratch" starten.
![freigestellte drum layout modus im sonor sq2 konfigurator](/assets/work/sonor-drums/konfigurator-webgl-freigestellt-drum-layout-modus-sonor-sq2.png)
Place to be
Bei uns steht der Drummer im Mittelpunkt. Alle Drums richten sich automatisch zum Drummers Throne aus. Im Layout Modus kann die Positionierung und Höhe jeder einzelnen Drum angepasst werden. Wir kümmern uns um die optimale Ausrichtung.
![basematerial des sonor sq2 konfigurators](/assets/work/sonor-drums/konfigurator-webgl-basematerial-sonor-sq2.png)
Custom as you are
Keine zeitaufwändige Drum für Drum Konfiguration. Alle grundlegenden Eigenschaften werden im Basismaterial definiert. Dieses wird automatisch auf alle Kessel angewendet. So entsteht mit wenigen Klicks ein individuelles SQ² Drum Set. Wem das nicht genug ist, kann natürlich alles bis hin zum letzten Schräubchen individuell konfigurieren. Egal wie abgefahren Dein Setup ist, wir stellen sicher, dass Deine Konfiguration produziert werden kann.
Get your set
Durch das Erstellen eines Angebots wird die Konfiguration mit einer eindeutigen ID versehen und ist jederzeit wieder aufrufbar. Um Dein Set Wirklichkeit werden zu lassen, haben wir im Konfigurator alle SQ² zertifizierten Händler hinterlegt.
![social media anbindung des sq2 konfigurators](/assets/work/sonor-drums/konfigurator-webgl-social-media-anbindung-sonor-sq2.png)
Social Showdown
Die Interaktion mit Sozialen Medien war von Beginn an ein Keyfeature des SQ² Konfigurators. Durch das rege Teilen von Konfigurationen werden mittlerweile 45% der SQ² Interessenten über Soziale Medien auf den Konfigurator aufmerksam. Das Drum Set kann mittels Deep Link auf WhatsApp, Twitter und Facebook geteilt, wieder geöffnet, weiter konfiguriert und abschließend gekauft werden.
Nothing is lost
Gibt's mein altes Drum Set in 3D? Natürlich! Mit dem SQ² Konfigurator lassen sich auch vor 2017 produzierte Drum Sets anhand ihrer UPID oder Seriennummer wiederherstellen. So kann Dein bestehendes Drum Set jederzeit um weitere Komponenten erweitert und als Gesamtwerk interaktiv betrachtet werden.
![konfigurator webgl responsive desktop tablet iphone sonor drums](/assets/work/sonor-drums/konfigurator-webgl-responsive-desktop-tablet-iphone-sonor-drums.png)
Drum2go
Unterwegs wie Zuhause. Dank des Responsive Designs kann auf allen Displaygrößen - ob Desktop, Tablet oder Smartphone - das individuelle Drum Set ohne Einschränkung konfiguriert werden.
SQ² Worldwide
Der Konfigurator bietet in 9 Sprachen eine weltweite Bestellmöglichkeit für alle SQ² Fans. Er ist mit der Warenwirtschaft von Sonor verknüpft und garantiert somit aktuelle Preise. Der Gesamtpreis wird bei jeder Änderung der Konfiguration unmittelbar berechnet.
![sonor sq2 drumset african marple](/assets/work/sonor-drums/konfigurator-webgl-drumset-african-marple-sonor-sq2.png)
![foto aus manufaktur sonor sq2 drum von innen](/assets/work/sonor-drums/konfigurator-webgl-manufaktur-drum-innen-sonor-sq2.png)
![foto aus manufaktur sonor sq2](/assets/work/sonor-drums/konfigurator-webgl-manuafktur-sonor-sq2.png)
![foto aus manufaktur sonor sq2 drums](/assets/work/sonor-drums/konfigurator-webgl-manufaktur-sonor-drum-sq2.png)
![foto aus manufaktur sonor sq2 textur](/assets/work/sonor-drums/konfigurator-webgl-drum-textur-manufaktur-sonor-sq2.png)
![foto aus manufaktur sonor sq2 soundcheck](/assets/work/sonor-drums/konfigurator-webgl-manufaktur-soundcheck-sonor-sq2.png)
![sonor sq2 drumset walnut brown burst](/assets/work/sonor-drums/konfigurator-webgl-drumset-walnut-brown-burst-sonor-sq2.png)
Problemlos erweiterbar
Um den SQ² Konfigurator stets technisch up to date zu halten sowie die neuesten SQ² Produkte anbieten zu können, wurde dieser seit dem Launch im Jahr 2017 stetig optimiert und weiterentwickelt. Dank der initial definierten Workflows für die Integration neuer Features, Materialien und Produkte ist dies problemlos möglich.
Features
WebGL
In WebGL umgesetzt und auf allen gängigen Browsern verfügbar.
Echtzeit Preisberechnung
Jegliche Änderungen an der Konfiguration führen zu einer Aktualisierung des Gesamtpreises.
Social media Anbindung
Durch eine Social Media Anbindung kann die individuelle Konfiguration mit Freunden und Interessenten geteilt werden.
Responsive Design
Der SQ² Konfigurator passt sich allen Endgeräten an.
Mehrsprachig
Der Konfigurator bietet in 9 Sprachen eine weltweite Bestellmöglichkeit für alle SQ² Fans.
Individuelle Konfiguration
Generierung einer eindeutigen ID mit der die Konfiguration jederzeit wieder im 3D Echtzeit Konfigurator geöffnet und weiterkonfiguriert werden kann.
Milliarden Möglichkeiten
Die SQ² Produktpalette wurde samt Konfigurationslogik in den 3D Echtzeit Konfigurator integriert. So garantiert der Konfigurator Milliarden Möglichkeiten zur Konfiguration.
Microservice Architektur
Mit Docker wurde eine Microservice-Architektur umgesetzt. Individuell erweiterbar ohne alle Datenstrukturen erneuern zu müssen.