Surfly

Surfly - website revamp

Surfly approached Studio Vi to revamp their online presence to more accurately portray their identity and ambitions.

Client

Surfly

Technology stack

WordPress

Barba JS

GSAP & Lottie

Surfly approached Studio Vi to revamp their online presence

75,000+

unique page views per month

2 mins

average time per page

30%

of visitors return

The brief

We were asked to design and develop a new website, signifying Surfly’s expansion and purpose. The new website needed to be user-friendly, informative, lightning-fast and needed to stand out from their competitors.

After Before
Surfly website comparison - old
Surfly website comparison - new
before-after arrow before-after arrow

Surfly needed a flexible solution, capable of creating custom landing pages for their regular campaigns

DESIGN PROCESS

We worked on creating a unique platform using Surfly’s already recognisable branding. We added clever interactions and subtle animations to bring the webpage to life.

Solution

We utilised the WordPress CMS and built a custom theme from scratch, making it lightweight and performative. This allowed Surfly to create flexible landing pages for their campaigns, add new blog posts with ease, and keep their content evolving.

We utilised the WordPress CMS and built a custom theme from scratch

TECHNICAL

To achieve the custom-made micro-interactions and animations we used Lottie. This library transforms After Effects animations into raw JSON code that can be inserted to animate buttons, cards and backgrounds with high performance.

Analytics

Analytical data was of paramount importance to the marketing team at Surfly. We transferred all their current tags from Google Tag Manager and integrated their preferred marketing software to all forms and CTA buttons, so that they can gather all the data they need to conduct successful campaigns.

“The response of our team to the quality of the design and development of the Surfly website was overwhelmingly good, with a transparent and smooth process on both creative and project side.”

Brendan Jackson

VP Marketing at Surfly

Surfly's mobile responsive version

Results

This resulted in a unique front-end interface, with clever micro-interactions and smooth background animations. Our custom, user-friendly WordPress CMS made it easy for Surfly to create custom landing pages, conduct campaigns and add blogs weekly, with little or no technical knowledge needed.

Surfly has seen 75,000+ unique visitors to their website every month, with 30% of those visitors returning and spending an average of 2 mins per page.