Surfing.com

Whether you’re into surfing, boating, skiing, or anything else, Surfing.com is the hub for all things water sports.

Placeholder

Introduction

Surfing.com has features for every surfer, photographer, shaper, brand, surf business, destination business, and all surf adjacent businesses integrating them all into one global ecosystem across all types of surfing.

The Challenge

Surfing.com wanted a website to showcase all things water sports and provide an avenue for businesses to advertise locations and product imagery through partnerships and sponsorships. We were tasked with creating a website that allowed businesses to natively advertise without making it too in-your-face. Users can sign up to become Wave Emissaries or Friends in the Know, which allows them to edit information about surfing locations and advertise themselves with their profiles. Additionally, we were asked to create videos for Surfing TV, their own television series.

Surfing.com wanted a website to showcase all things water sports and provide an avenue for businesses to advertise locations and product imagery through partnerships and sponsorships. We were tasked with creating a website that allowed busi...

Surfing.com wanted a website to showcase all things water sports and provide an avenue for businesses to advertise locations and product imagery through partnerships and sponsorships. We were tasked with creating a website that allowed businesses to natively advertise without making it too in-your-face. Users can sign up to become Wave Emissaries or Friends in the Know, which allows them to edit information about surfing locations and advertise themselves with their profiles. Additionally, we were asked to create videos for Surfing TV, their own television series.

Placeholder

The
Solution

What started as a simple surfing website became so much more. After doing some competitor analysis, we gathered from the client a list of features that we wanted the website to have, and we designed and developed the entire Surfing.com ecosystem from scratch, including their own video content, Surfing TV.

Starting with wireframes and mockups, we quickly ramped up into high fidelity after approval. Because the site was so large, we took an agile approach and started developing the approved pages while we designed the remaining ones. Ultimately, we delivered a product that scratches the surfing itch and provides a home for all surfing content.

What started as a simple surfing website became so much more. After doing some competitor analysis, we gathered from the client a list of features that we wanted the website to have, and we designed and developed the entire Surfing.com ecosystem from scratch, including their own ...

What started as a simple surfing website became so much more. After doing some competitor analysis, we gathered from the client a list of features that we wanted the website to have, and we designed and developed the entire Surfing.com ecosystem from scratch, including their own video content, Surfing TV.

Starting with wireframes and mockups, we quickly ramped up into high fidelity after approval. Because the site was so large, we took an agile approach and started developing the approved pages while we designed the remaining ones. Ultimately, we delivered a product that scratches the surfing itch and provides a home for all surfing content.

Research

A robust analysis of the Surfing.com competitors helped inform our team about features that worked well but could be improved upon.

Design

Starting with a site map, we planned out the basic structure of the site. Then we designed its skeleton in wireframes before ramping up to high fidelity mockups.

After analyzing the design, we created the architecture of the site, then developed the base components and the configuration for all the necessary screens.

Development

While we continue to create video content, the biggest next step will be to create an app that allows users to take the features of Surfing.com with them on the go.

Next Steps

Featured
Solution

Because we also produced the videos for the Surfing.com team, it was easy to integrate the video into the website because we knew exactly what it would contain, and we had control over how it would be displayed. When we designed the page, we gave enough consideration to video placement so that everything felt natural for the user.

 

Because we also produced the videos for the Surfing.com team, it was easy to integrate the video into the website because we knew exactly what it would contain, and we had control over how it would be displayed. When we designed the page, w...

Because we also produced the videos for the Surfing.com team, it was easy to integrate the video into the website because we knew exactly what it would contain, and we had control over how it would be displayed. When we designed the page, we gave enough consideration to video placement so that everything felt natural for the user.

 

Placeholder

The
Deliverables

Below you will find the main deliverables that we created for Surfing.com. Deliverables can consist of mockups, presentations, videos, one-pagers, site maps, wireframes, the finished website itself, and so much more. Each project is different and requires different deliverables to achieve success.

Wireflow and IA

Wireflow and IA

Design

World of Waves TV Spot

World of Waves TV Spot

Design

USL Site

USL Site

Design

Mobile App

Mobile App

Design

Login Screen

Login Screen

Design

Oceanic Media

Oceanic Media

Design

Tabs

Google Analytics

Google Analytics 1
Google Analytics 2
Google Analytics 3

Interested in Seeing More?

Kognito
Education

Kognito

We designed marketing landing pages for Kognito to demonstrate their AI and video simulations.

GameBench
SaaS

GameBench

We built a conversion-centric site catering to GameBench’s diverse user personas and conducted a robust marketing campa...
It's Just Lunch
Arts & Entertainment

It's Just Lunch

We gave It’s Just Lunch a website and branding update for their 30th anniversary, meeting the approval of multiple fran...
GĒR
Arts & Entertainment

GĒR

We built a mobile platform for GER’s unique combination of social media and e-commerce — as well as a pitch deck to m...
Kognito
GameBench
It's Just Lunch
GĒR