Hoe maak je een website voor 100.000+ fans?

Als klein jochie was FC Twente “mijn” club en Jan van Halst een van mijn grote idolen. Nu, twintig jaar later, is De Grolsch Veste mijn dagelijkse uitzicht vanaf kantoor. Wat is er nu mooier dan voor deze mooie club, met Jan van Halst nu als technisch directeur, mijn passie in te kunnen zetten voor een nieuwe website? Een echte uitdaging om voor een club met zo’n achterban een website te maken waar iedereen beter van wordt. Zoiets kan alleen wanneer je de gebruiker centraal stelt.

Timar FC Twente

De experts

Het is natuurlijk compleet zinloos om op basis van eigen aannames te brainstormen over wat er in de website zou moeten komen en te bepalen hoe dit eruit moet komen te zien. In dit geval zijn niet wij, maar de supporters de experts. Zij zitten in weer en wind op hun stoel hun club aan te moedigen, waardoor zij goed weten aan te geven waar de behoeftes en de kansen liggen. Om deze informatie naar boven te krijgen hebben we een enquête door FC Twente rond laten sturen. Deze antwoorden hebben we gefilterd, met het team besproken en als startpunt van het project genomen. We hebben onze opstelling voor de sprint bepaald en zijn met de MacBook en pen en papier onder de arm de straat overgestoken richting ons nieuwe onderkomen voor de komende week: De Grolsch Veste.

Designsprint

Uit de statistieken blijkt dat er maandelijks een kleine 100.000 bezoekers een online bezoekje aan de club brengt. Volgens ons staat de gebruiker áltijd centraal in een designproces, want waarom zouden we een website willen maken die de supporters niet willen gebruiken? We hebben ons samen met de marketing en communicatie van FC Twente opgesloten in een skybox in De Grolsch Veste en hebben hier in vijf dagen tijd de basis voor de nieuwe website gelegd. We zijn gestart met het in kaart brengen van de doelgroepen. Vervolgens hebben we de websites van de concurrentie bekeken (de conclusie is dat er nog genoeg werk aan de winkel is), een design ontwikkeld en dit getest met tien verschillende supporters. De feedback hebben we verzameld en gebruikt om het design uit te breiden.

Mobile first

Een opvallende statistiek is dat minder dan de helft van de bezoekers op een telefoon de website bezocht. Nou ja, opvallend? Ook weer niet echt als je je beseft dat de website niet responsive was. Natuurlijk kun je tegenwoordig geen website meer ontwikkelen zonder dat deze volledig voor mobiele apparaten geoptimaliseerd is. We zijn uitgegegaan van de “mobile first” gedachte. In de wetenschap dat het aantal desktop website bezoeken daalt en het aantal mobiele website bezoeken blijft toenemen designen we de website in eerste instantie voor mobiel; de desktop versie komt pas daarna. Wanneer jij in het stadion staat met in je ene hand een grote plastic beker Grolsch en in je andere hand je telefoon, dan moet je snel kunnen vinden waar je naar op zoek bent. Je mag natuurlijk niks van de wedstrijd missen ;)

404

Vaak wordt er niet veel aandacht besteed aan de 404 errorpagina. Toch zie ik dat als een gemiste kans, want zeg nou zelf, zo'n standaard foutmelding schrikt toch alleen maar af. Iedere supporter herkent het moment dat Peter Wisgerhof, waarschijnlijk voor het eerst in z'n carrière, een 'schwalbe' maakte. Een mooie mogelijkheid voor ons om op deze manier nog een ludieke verwijzing naar dit prachtige moment te maken. Peter, bedankt!

404

Rode draad

Een website is het sterkst wanneer er een rode draad in terug te vinden is. Doordat we diehard Twente fans gevraagd hebben om hun kijk op de website te geven ontstond het thema “fans en club dichter bij elkaar brengen”. Dit concept is bepalend geweest voor het design van de website. Alle sociale kanalen van FC Twente komen op de homepage bij elkaar, iedere speler heeft z’n eigen pagina mét social media integratie en vanaf nu heb je nog maar één inlog nodig voor al je FC Twente accounts.

Wij zijn trots dat we de fans en club dichter bij elkaar hebben kunnen brengen! Bekijk ‘m hier.

Lijkt zo’n designsprint jou ook wel wat? Mail ons je gegevens en wij nemen contact met je op.

Auteur

Timar Holtkamp