Sonos – Animated landingpage

Voor HiFi- en audio merk Sonos ontwierp ik een animerende, beeldende landingpage. Om hiermee weer te geven zien hoe mooi en veelzijdig hun producten zijn.

Bij de opening van de web pagina ziet de bezoeker meteen de app waarmee de gebruiker de Sonos producten kan bedienen, bij het naar beneden scrollen gaan de elementen bewegen en verschijnt vervolgens het volgende onderdeel, waarna deze ook weer met een animatie over gaat in de volgende.

Elk van deze onderdelen laat zien wat er zo bijzonder is aan het product, bijvoorbeeld de functionaliteiten van de app, dat de geluidsboxen draadloos werken, en dat je met meerdere boxen je hele huis kan vullen met muziek, en meer.

Hieronder laat ik (schetsmatig) zien hoe de animaties verlopen.