Surfly

Surfly - website revamp

Surfly benaderde Studio Vi om hun online aanwezigheid te vernieuwen door hun identiteit en ambities beter in beeld te brengen.

Technology stack

WordPress

Barba JS

GSAP & Lottie

Jaar

2021

Surfly approached Studio Vi to revamp their online presence

75,000+

unieke paginaweergaven per maand

2 mins

gemiddelde tijd per pagina

30%

van de bezoekers keert terug

De brief

We werden gevraagd om een nieuwe website te ontwerpen en te ontwikkelen, wat de uitbreiding en het doel van Surfly meer laat zien. De nieuwe website moest gebruiksvriendelijk, informatief, bliksemsnel zijn en zich onderscheiden van de concurrentie.

After Before
Surfly website comparison - old
Surfly website comparison - old

Surfly had een flexibele oplossing nodig die in staat was om aangepaste bestemmingspagina’s te maken voor hun reguliere campagnes

ONTWERPPROCES

We hebben gewerkt aan het creëren van een uniek platform met behulp van Surfly’s al herkenbare branding. We hebben slimme interacties en subtiele animaties toegevoegd om de webpagina tot leven te brengen.

Oplossing

We gebruikten het WordPress CMS en bouwden vanaf het begin een aangepast thema, waardoor het lichtgewicht en performatief is. Hierdoor kon Surfly flexibele bestemmingspagina’s voor hun campagnes maken, gemakkelijk nieuwe blogposts toevoegen en hun inhoud blijven ontwikkelen.

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

TECHNISCH

Om de op maat gemaakte micro-interacties en animaties te realiseren hebben we Lottie gebruikt. Deze bibliotheek transformeert After Effects-animaties in onbewerkte JSON-code die kan worden ingevoegd om knoppen, kaarten en achtergronden met hoge prestaties te animeren.

Analytics

Analytische gegevens waren van het grootste belang voor het marketingteam van Surfly. We hebben al hun huidige tags overgebracht van Google Tag Manager en hun favoriete marketing software geïntegreerd in alle formulieren en CTA-knoppen, zodat ze alle gegevens kunnen verzamelen die ze nodig hebben om succesvolle campagnes uit te voeren.

“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

Resultaten

Dit resulteerde in een unieke front-end interface, met slimme micro-interacties en vloeiende achtergrond animaties. Ons aangepaste, gebruiksvriendelijke WordPress CMS maakte het Surfly gemakkelijk om aangepaste landingspagina’s te maken, campagnes te voeren en wekelijks blogs toe te voegen, met weinig of geen technische kennis.

Surfly heeft elke maand 75.000+ unieke bezoekers op hun website gezien, waarbij 30% van die bezoekers terugkeert en gemiddeld 2 minuten per pagina besteedt.