Skip to content

User experience design and development for Wavetracks GPS iPhone App and website

I helped Marine Coastal Processing design and develop an iPhone App to enable surfers to track and review their surfing performance.

Wavetracks GPS website design


Business sometimes moves in mysterious ways. Whilst taking some time out of the world of wireframes and web development in 2009 to concentrate on obtaining my RLSS Lifeguard and BSA surf instruction qualifications, I met Mark Parry, the director of Marine Coastal Processing (a marine consultancy business).

With our joint interest in surfing, technology and data mapping, Wavetracks GPS was born. Wavetracks GPS allows surfers to track their entire surf session and view their performance data for each successfully ridden wave after they’ve finished surfing.

Wavetracks GPS allows surfers to record

  • Distance
  • Duration
  • Direction of travel
  • Max speed
  • Average speed
  • Potential speed
  • Potential reached
  • Session summary data
  • Individual wave data
  • View each wave on a map

I designed and developed the visual identity, information architecture and interface design for the application. I worked closely with Runloop Limited who took the IA and design assets and created a working prototype and eventually a fully-fledged working app (approved by Apple in record time).

Marine Coastal Processing are now in partnership with Magicseaweed (the UKs most popular surf forecasting website) with a focus on developing and marketing the app to the wider, global surfing community.

The most enjoyable part of this project was testing the app, which naturally required us to go surfing to gain valuable feedback.

Wavetracks GPS application logic
Defining the functionality and flow in the application architecture.
Wavetracks GPS mobile wireframes
Wireframing each screen helped us develop a simple and effective user experience for the app.
Wavetracks GPS mobile screenshots
Visual designs for select screens within the app.