Changing the landscape through intuitive design
Tasked with the design and build of both the commercial website and web app, we worked in close partnership with the client to uncover and promote their point of difference compared to the competition; the ease of access.
The plan was to design and build an in-browser web app which would utilise a Google powered map interface, giving users the power to detail their own surveys.
Topographical had amazing vision and allowed us to flex our technical abilities within the website. With a slick UX and three different user interfaces based on the type of user accessing the site, this was an awesome project that we're super proud of.
Managing Director at Strafe Creative
Google powered interactive map technology
The development team utilised Google’s drawing tools API to build a multi-area selection tool which could be accurate to 2 metres, eliminating the need for onsite measuring, all from the comfort of a computer.
The devil is in the detail
Branded vector illustration
Expanding on the client’s brand, the design team created a series of vector illustrations to be used across both web platforms.
To promote familiarity within the tool, upon first interaction we implemented a tutorial system complete with beautiful, humanised animation.
Often, one of the biggest resistance points to using tools like these is the clumsy sign-up process. Much care and attention was taken to ensure the onboarding process was smooth for users.
Modal notification system
Much like the illustrations, the modal notification system was designed to not only inform users of key information and potential success and fail states but to add a level of fun and intrigue to the app, all whilst remaining on-brand.
Both Stripe and Paypal payment systems were integrated into the app as payment gateways, as well as the option to pay via invoice.