Responses by Matthias Mentasti, cofounder/art director, Wild
Background: Keego fuses all the benefits of a light and squeezable plastic bottle with the clean taste and endurance of a metal one, allowing consumers to fully focus on their performances with a precise water stream and good flow-rate. The first squeezable metal bottle, its usage in every sport and its former Kickstarter campaign launch has been the core focus of the site.
Challenges: Since Keego was an early stage startup at the time we entered the project, we had to find creative ways to build a beautiful experience on a small budget. We didn’t want to sacrifice special site elements solely for cost reasons. While we did want to give the product special attention, we also had to consider mobile friendliness as well as create some space for content, storytelling and showcasing the brand.
Favorite details: The interactive bottle that was rendered by Nejc and brought to life by our creative technologist Stefan Kernjak, who split the bottle into two parts: the fixed top and bottom and the squeezable middle. To reduce file size, we created two sprite sheets with a separated alpha channel in the RGB Channels of an image. The correct sprite sheet meshes and color channels are then selected in WebGL.
Technical features: The split screen. It allowed us to remain cost efficient while keeping both the content and the product focus. The bottle stays fixed on the left, giving it a prominent position, while the content scrolls through on the right hand side. For the mobile version, we kept the right side of the split screen and added the bottle at the top, which saved us many hours of work.