Waterloo
This project came together through extensive communication and collaboration with Grant Unsworth, Waterloo Technical owner and founder. Waterloo wanted their website to convey their humble beginnings, where they are today and the vast scope of project sizes and complexities they implement. Most importantly, Grant wanted to clearly present their working process with customers.
Waterloo work on projects ranging from one-man start-ups looking to develop their first product for Amazon to multi-national companies who need remote monitoring stations in the Arctic Circle. Their broad target audience created a challenge for this project: present information that captures both ends of the spectrum and design ‘generic’ visuals that can be interpreted creatively by the user.
We knew early on that illustration and motion would play a big part in our solution. To perfect it, we created an extensive wireframe, undertook a detailed prototype and design stage, and successfully communicated our vision to the client. During the design phase, with the trust Grant had in our vision, we also produced animated prototypes to support the static wireframes and mock-ups.
Our creative solution to the brief included creative copy and animated hero illustrations; the world map and pulsing marker on Waterloo, bluetooth speaker, and tracking vehicles around a city represented Waterloo’s breadth of capabilities. While the process was represented at each stage through animated illustrations of fictional device from sketch through to production ready prototype.
The development of this website proved challenging in many ways, particularly the complexity of the scroll triggered animations on desktop, the performance limitations of mobile devices and the fallbacks required.
Our client was thrilled with the result. In the small analytics sample period, we have seen an 80% increase in average session duration, 25% reduction in bounce rate, and 48% increase in pages/sessions since launch.