Shaped by Water
Shaped by Water is a stunning website design featured in our portfolio that showcases our skills in branding, art direction, UX design and editorial.
.png)
In teaming up with the creators of new artistic film Shaped by Water, we were challenged to design a bespoke and fully responsive creative hub to launch the film and showcase their incredible selection of photography, video content and editorial storytelling from filming and production. With the film revolving around water, the final product had to maintain the feeling of constant flow.
.png)
After our ideation and exploration process we presented three creative solutions that all guaranteed the design reflectected the desired approach of being simple and elegant. We built a sitemap on Figma to help guide and visualize the UX before starting the build in Webflow. To elevate the look and feel and increase the opportunties for engagement we incorporated among other things, full-bleed picture galleries, interactions, micro animations, parallax movement and page transitions, and a custom cursor. With editorial storytelling being at the heart of the brief, our design decisions were lead by the main objective of evoking a deep dive into the content, mirroring how each athlete in the film fully immersed themselves in their journey with water. We also built custom article pages to cater for the varying types of storytelling like Q&As, features and daily blogs from production.
.png)
The finished microsite is the result of great teamwork in which design and tech merged with a real focus on editorial storytelling. By successfully being able to utilise a considerable amount of Webflow's functionality, we were able to create and deliver a beautiful, fully-responsive website. The highly immersive piece met the expectations of the client and not only did we hit the brief but we also created a comprehensive custom template for any future content updates. The project was such a success we've already been briefed to write, build and publish further stories to the hub!
