Close-up of a washing machine control panel displaying energy savings of 70%. The background features purple and blue gradients with text about washing at lower temperatures to save energy.

Für Zühlke haben wir das Thema Nachhaltigkeit neu gedacht. Die Kommunikation setzt auf eine Verbindung aus Technologie und Simplicity. Die Waschmaschine als Consumer Product ist Trägerin der Hauptbotschaft.

Verschiedene Kamerabewegungen lassen den Fokus auf die detailgetreue 3D-Waschmaschine richten. Über mehrere Rotationen und Drehungen erklären wir was Nachhaltigkeit in der Planung, im Design, in der Entwicklung, im Bau, im Unterhalt und im Wiederverwertungsprozess bedeutet. Konkrete Inhalte, knapp formuliert und technologisch raffiniert in Szene gesetzt.

Google Lighthouse misst einen Speed Index von 3 Sekunden und ganze 89 Punkte. Unsere kontinuierlichen Optimierungs- bestrebungen haben sich ausbezahlt. Wir haben die ganze Datenmenge auf rund 50MB reduziert und den JavaScript- Anteil so gering wir möglich gehalten und die Spielereien hauptsächlich mit nativem CSS Code umgesetzt.

Die initiale Weltkugel wird mit Three.js gerendert und liegt auf einem mit glsl-Shaders generierten Sternenhimmel. Die einzelnen Sequenzen der Assets werden auf dem Canvas als Sprites je nach Screen Size unterschiedlich gross ausgegeben. Durch die Umsetzung der 3D Renderings als Sprites können wir den Konsum von CPU und GPU minimieren und bieten so auch auf dem Smartphone die gleich tolle Experience.

Middle
Gridonic Debug Panel
Dastro v3.0.0
stage Environment
Large Viewport
Small Viewport
Variables
Small Viewport --vs
Large Viewport --vl
        
        
        
      
Info Overlays
Layout Tools
Draft Mode
enabled
disabled