In March 2021, Sonos partnered with Jam3 to build a virtual live event to announce their new Roam bluebooth speaker. The 2 day event included a lobby page, featuring a Sonos radio player, where guests waited for the event to begin, and a broadcast page, where the event was streamed live to the press and the larger Sonos community. After the event, guests were redirected to a press kit page, where they could download media assets, view product specs and read reviews of the speaker.
The site was built with React and Next.js. My main focus was on the site's animations, which were built using a combination of CSS and javascript techniques.