Topographical - Web Design & Web App Project

Redefining the survey industry with a pioneering new interactive product.


online user experience


system in the market

Scroll Down

In a bid to revolutionise the traditional land survey market, Topographical has launched a pioneering new browser-based web app putting the power at the user’s fingertips.


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.

Ross Davies

Managing Director at Strafe Creative


Google powered interactive map technology

Alongside the JavaScript technology powering the web app, at the core of the single page application (SPA) is Google’s map platform.

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.

Tutorial system

To promote familiarity within the tool, upon first interaction we implemented a tutorial system complete with beautiful, humanised animation.

Elegant onboarding

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.

Integrated payments

Both Stripe and Paypal payment systems were integrated into the app as payment gateways, as well as the option to pay via invoice.

We'd love to hear about your project!

Get in touch with us and see how we can help you.

Please select applicable project types:

Web ProjectUX / UI DesignBrandingPrint Project
Marketing Manager Karolina Chmielarska

Karolina Chmielarska

Marketing Manager @ Tobacco Dock

"Strafe has been fantastic to work with. They have approached the website redesign project very thoroughly, taking time to understand our business, challenges and objectives. Each step of the project made me feel more comfortable and happy with my agency choice. No question was ever left unanswered, and the team made complex technical & design queries easy to understand."

Director Joel Kemp

Joel Kemp

Director @ Lockwood Publishing

"Strafe take time to understand your needs and objectives which massively helps to deliver exactly what you are after. Strafe have great experience in the user journey and pretty much nail exactly what you are after. I found it refreshing working with an agency that instantly understands what you are trying to achieve and simply delivers with no nonsense."

Director Keiran Hart

Keiran Hart

Director @ Virtual Headquarters

"Strafe Creative continue to be a very important partner in our business. Not only did they build a website that converts at a rate way above industry averages, but they are always on hand to offer advice and ongoing support as our business continues to grow. I highly recommend the team at Strafe Creative."

Director Phil Richardson

Phil Richardson

Director @ Shortlist Marketing

"The team at Strafe were great, created a brand and website which really hit what we wanted and has received nothing but great reviews. Has it increased ROI? In the first few months since launch, visitors are up around 80% on average but engagements and high quality inbound leads from our target market are up about 600%."

Proud award winners

  • digital-entrepreneur-awards-logo
  • rar-award-logo
  • growing-business-awards-logo
  • lloyds-enterprise-awards-logo

Reviews IO Rating Reviews IO Rating Reviews IO Rating Reviews IO Rating Reviews IO Rating Rated 4.96 by 26 lovely clients over at Reviews IO Logo

Prefer to call or email?

0115 9588803