Google wanted to celebrate the diversity of young Germans and the unexpected discoveries they make while searching for information. So, in partnership with UNIT9, we created Google Search Sounds, a mobile experiment that visualizes a mix of trending search terms and topics in Germany, in a way that’s never been done before.
We developed the microsite in React. Powered by a lot of CSS transitions as well as SVG animations, we achieved a smooth and highly interactive experience that performs flawlessly on mobile devices.
Much like the unexpected information we learn every day from Google searches, Search Sounds mashes up sound effects into unexpected combinations. Each sound effect is accompanied by a playful animated visual, making it a multi-sensory experience. Once people browse the library and choose three sounds, the experience mixes them together into a song and creates a video they can download and share.
Despite the numerous possible outcomes, we wanted to make the results available to the user as quickly as possible, as well as to optimise the infrastructure required to deploy this project.
We pre-rendered all possible shareable combinations using ffmpeg, making each variation available instantly.
After playing with Search Sounds, people were reminded that even though they use Google every day, they never know what unexpected information they’ll uncover in their next search. They were also reminded that there’s always more to a search term than they might think.