Surfline provides surf reports, forecasts and weather details for coastal cities around the world.
OVERVIEW
THE CHALLENGE
Surfline had been on the web for 18 years and had not had a major redesign in that time. Our biggest focus was to build a responsive website that offered a mobile-friendly user interface and a handful of new features while maintaining the same look and feel users had come to love.
After rounds of plotting out the site architecture and identifying the most relevant information groupings, we were able to move into the wireframe phase which allowed us to iterate quickly. Once we were happy with the initial result, we put it in front of users to test out our prototypes and gather their feedback.
GETTING STARTED
Approaching a redesign, we needed the right tools to ensure consistency and quality across the Product team. We were able to streamline our process by implementing Abstract, Sketch, Invision, and Zeplin. These tools gave us full transparency to all stakeholders and made working across teams of designers and developers much easier.
RESPONSIVE DESIGN
After implementing a mobile-first design strategy for the website, we began aggregating and visualizing our data sets into an information flow that felt natural to our users. Rather than designing an endless page of charts or a more generalized weekly overview, we chose to group the information into daily tabs that provided an in-depth hourly view.
The new Surfline makes the old website look like an antique. It’s blazing fast and mobile responsive, which means all the new tools will be available on any device users choose — desktop, tablet, or phone.
NEW FEATURES
One of Surfline's most requested features was a way for users to quickly navigate to their top surf spots. We introduced the Favorites bar, an elegant solution that allows users to customize their Surfline experience and easily reach their saved cams and reports from anywhere on the site. They also receive personalized surfing news, stories, videos and swell updates directly to their news feed – based on the regions they’re most interested in.
THE RESULT
After months of development and valuable feedback from our users, we created a new version of the site that not only speaks to the functionality Surfline users have come to expect, but expands upon that foundation and provides additional layers of value never before seen in a surf forecasting product.
We digitized our entire catalog of surf spots, allowing users to view cams and reports for all breaks in a specific region, while discovering new spots they never knew were there.
Users now receive forecast insight that’s a hybrid of Surfline’s most-trusted tools — meaning that the forecast model data is vetted for accuracy by the in-house meteorology team.
For those who enjoy taking a deeper dive into the data, we expanded our long-range forecast tools—so anyone can dial in every last detail and be sure they're making the right call.
TOOLS
© WILL GIBSON 2021. ALL RIGHTS RESERVED.