Je website moet over. Waarom zou dat een half jaar duren?

Een half jaar, als het meezit

Je kent het traject. Een paar offertes, een kick-off, wireframes. Een ontwerp in drie rondes. Dan zet een bouwer het in een CMS en blijken de teksten er nog niet te zijn. In mijn ervaring ben je zo een half jaar verder.

Bij Teamenergie liep het anders. Ik begon met de oude site, de voorbeeldsite van Cemenne en de demo van het platform naast elkaar. 23 dagen later stond de nieuwe site live op teamenergy.ai.

Teamenergie meet hoe een team ervoor staat en geeft het oefeningen om er zelf mee aan de slag te gaan. Grondlegger Cees van der Zwan schreef er met Leonie van der Zwan-Lindhout het boek Teamenergie over. De nieuwe site moest iets anders doen dan de oude. Hij moest beginnen bij het moment waarop een teamleider of HR-manager voelt dat er iets niet klopt.

Na afloop heb ik alles nageteld: elke versie die online ging en elke opmerking van de klant.

Drie weken, dag voor dag

Van zondag 27 september tot dinsdag 20 oktober

1 / 10

27 sep

Eerst kijken wat er ligt

De oude site, de voorbeeldsite van Cemenne en de demo van het platform, naast elkaar gelegd.

28 sep

119 versies op één dag

De home, het platform en de zorg, blok voor blok. Elke versie stond meteen online om te bekijken.

29 sep

Reviewronde 1

Marco en Cemenne klikken op de pagina's: 77 opmerkingen.

1 okt

Reviewronde 2 en een nieuwe kop

93 opmerkingen. Daarna opent de home met de situatie van de bezoeker, zoals een gemist doel.

6 okt

Een dinsdag vol pagina's

10 momentpagina's en 3 sectorpagina's op één dag, plus over ons en het boek.

8 okt

Eén uur met Cees

Het interview waar 16 video's voor de site en 14 shorts uit kwamen.

10 okt

10 succesverhalen

Elk verhaal een eigen pagina, plus de opmaak voor Google.

13 okt

Twee campagnes

De MTO-check en "Wat houdt je team tegen", met een uitslag die meteen terugkomt.

17 okt

De laatste taalcheck

5 mensen met een frisse blik lazen alles en vonden 223 punten.

20 okt

Live

Op teamenergy.ai, met een Engelse versie en elk oud adres doorverwezen.

Kijk even naar die maandag aan het begin. 119 keer een nieuwe versie online, op één dag. Elke versie is een stap die je meteen kunt bekijken. Zo weet je na een kwartier of een blok werkt. In totaal gingen er in 23 dagen 355 versies online. De meeste op een testadres en een reviewadres, de laatste op de site van Teamenergie zelf.

Eerst de vragen, dan de pagina's

Een website begint meestal bij het bedrijf. Wat doen we, wat maakt ons anders, waarom kies je voor ons. De oude site van Teamenergie opende zo, met de kop "Laat jouw team vliegen. Met de kracht van wetenschap en AI."

Dat klopt allemaal. Alleen zoekt niemand erop.

We begonnen aan de andere kant: wat typt iemand in Google als het in zijn team schuurt? We haalden 2.402 zoekwoorden op, samen goed voor zo'n 220.000 zoekopdrachten per maand, plus 756 vragen uit het blok "Mensen vragen ook". Bij 2 van die zoekwoorden stond de oude site bovenaan, en allebei waren het de naam Teamenergie zelf.

Uit dat onderzoek kwamen 22 momenten waarop iemand een teammeting nodig heeft, zonder dat hij het zo noemt. Een nieuwe teamleider die wil weten wat hij heeft overgenomen. Een MTO dat binnen is. Een klant die klaagt. Bij die momenten hoorden 160 vragen. Per vraag weten we hoe ver iemand is: voelt hij het pas, of vergelijkt hij al partijen?

Wie bij het platform begint, mist dus de mensen die nog naar de oorzaak zoeken. Daarom kreeg elk belangrijk moment een eigen pagina, met de vraag als kop. "Je bent net begonnen als teamleider. Wat heb je precies overgenomen?" En de home opent nu met de situatie van de bezoeker: een doel dat het team niet haalt, of een klant die klaagt.

Dezelfde plek, een andere eerste zin

Schuif over het beeld. Links opent de site met het platform, rechts met het moment van de bezoeker.

De oude siteDe nieuwe site

Mensen kopen op een moment

Dit is de kern van de site, en van alle marketing die erna komt.

Op een gewone dag is maar een klein deel van je markt aan het kopen. John Dawes van het Ehrenberg-Bass Institute rekende het voor B2B uit: zo'n 5% per kwartaal. De andere 95% koopt later, of nooit. Wie zich alleen richt op de mensen die nu zoeken, mist 95% van zijn markt.

Die andere 95% vind je bij een moment. Een MTO dat binnenkomt. Een nieuwe teamleider die begint. Een klant die opzegt. Jenni Romaniuk, ook van Ehrenberg-Bass, noemt dat category entry points: de aanleidingen waarbij iemand aan een categorie gaat denken. Die momenten beschrijven de situatie van de koper, het product komt er nog niet in voor. Een merk dat aan meer van die momenten gekoppeld is, komt vaker als eerste in gedachten. In haar onderzoek bij Amerikaanse verzekeraars stapten klanten die het merk aan weinig momenten koppelden, vaker over naar een ander.

Dat maakt momenten zo bruikbaar. Je weet wanneer iemand gaat zoeken. Je weet welke vraag hij dan stelt, dus je weet wat er bovenaan je pagina moet staan. En je weet waar je hem bereikt. Elk moment is een plek voor een pagina, een video, een campagne en een salesgesprek. De meeste sites slaan die stap over en beginnen bij het product.

Bij Teamenergie hangen een pagina, een video, een short en een campagne aan hetzelfde moment. Zo ziet dat eruit voor de nieuwe teamleider:

1

De pagina

Het moment als kop

Een teamleider die net begint, zoekt op vragen als "Hoe krijg ik mijn team mee?" Zijn pagina begint bij dat moment: wat heb je precies overgenomen?

2

De video

Cees over het warme bad

Waarom een team dat het prettig heeft lastig kan zijn voor een nieuwe teamleider. Op precies die pagina.

3

De short

Net teamleider?

Dezelfde gedachte in minder dan een minuut, voor de feed van LinkedIn.

4

De campagne

Een check per moment

Bij twee momenten staat al een campagne met een uitslag die meteen terugkomt. Zo bouw je per moment verder.

Zelf proberen? Romaniuk vindt momenten met 7 vragen (in het Engels de W's): wanneer, terwijl, met wat, met wie, waar, waarom en hoe het voelt. Hieronder staan ze, met onze invulling voor Teamenergie als voorbeeld.

Wat er nu staat

De nieuwe site telt 38 pagina's. Daarvan gaan er 11 over een moment en 4 over een sector: de zorg, gemeenten, het Rijk en de overheid, en IT. Er staan 10 succesverhalen op, 2 campagnes, en de vaste pagina's als het platform, over ons en het boek. Op 12 pagina's staat een video van Cees, precies bij de vraag waar hij antwoord op geeft. Een paar van die pagina's zag je bovenaan al voorbijkomen.

Eén uur met Cees, 30 video's

Een site die per moment een vraag beantwoordt, heeft bij elk moment een stem nodig. Op donderdag 8 oktober zat Cees een uur in de studio, met 3 kleine camera's om zich heen. 4 dagen later lagen er 30 video's.

Elke clip hoort bij een pagina. We legden het gesprek naast de pagina's van de nieuwe site en kozen per pagina het stuk waarin Cees precies die vraag beantwoordt. Het warme bad zag je hierboven al. Klik er een aan en hij speelt hier, met geluid.

Op de meeste sites is een video een YouTube-venster. Om de video heen staan het logo van YouTube en een rij andere video's, en aan het eind krijgt je bezoeker een suggestie van een ander kanaal. Wij zetten elke video op onze eigen videoserver. Hij start meteen, in 4K waar het scherm dat aankan, en er staat niets omheen dat je bezoeker wegleidt.

Zo staat de video op de site.

Een opname van de echte pagina: scrollen, bij de video stoppen en op afspelen klikken.

Je bent net teamleider · Teamenergie

Er vertrekken mensen uit je team · Teamenergie

Uit hetzelfde uur kwamen ook 14 shorts, elk over één vraag die een teamleider zichzelf stelt. Staand voor Reels en TikTok, in 4:5 voor LinkedIn, en elk met een eigen omslag, posttekst en ondertitels. Hoe dat in 4 dagen lukte, lees je in 30 video's uit één interview.

Je scrolt, en er gebeurt iets

Een site met veel tekst leest als een folder. Je scrolt, er komt nog meer tekst, en ergens haak je af. Daarom is de site van Teamenergie gebouwd als een reeks kleine verhalen. Je scrolt, en er gebeurt iets: een lijn breekt open, een getal telt op, een scherm speelt af.

Dat is niet alleen leuk. Mensen onthouden beelden beter dan woorden. In een klassiek onderzoek van Lionel Standing (1973) wisten mensen na afloop ruim twee keer zoveel plaatjes op te noemen als woorden. Een beeld bij de tekst blijft beter hangen dan dezelfde zin in een alinea.

En elke stap geeft iets terug. Op de home wisselt de kop tussen een gemist doel en een klacht, zodat je je eigen situatie ziet staan. Op de platformpagina kies je wat er speelt, en het scherm laat die situatie zien. Bij de prijs reken je uit wat niets doen jouw team kost. Op de verzuimpagina valt het gemiddelde van de organisatie uiteen in losse teams, en zie je in welk team het zit.

Eén pagina als verhaal

De pagina over verzuim, van boven naar beneden. Elk onderdeel laat iets gebeuren terwijl je scrolt.

1. 01Het verzuim loopt op
2. 02Vijf cijfers, één voor één
3. 03Het gemiddelde valt uiteen in teams
4. 04Wat speelt er in dat ene team
5. 05Het team doet het zelf
6. 06Wat mensen vragen

Bekijk de pagina zelf

teamenergy.ai/verzuim

Dit stuk doet hetzelfde. Je schoof net zelf over de oude en de nieuwe site, en je vulde je eigen moment in. Dat onthoud je beter dan een opsomming.

Regels die een fout tegenhouden

355 versies in 23 dagen. Dat gaat alleen goed als een fout er niet doorheen kan glippen. Een regel die je alleen kunt lezen, houdt niemand tegen. Dus zitten de regels in de software die de site bouwt en online zet.

Een voorbeeld. In de eerste reviewronde schreef Cemenne van het marketingteam van Teamenergie dat er geen aantal op de site moet staan dat blijft groeien, zoals "10 verhalen". Dat is nu een regel die elke pagina nakijkt. Staat er ergens zo'n getal, dan gaat de site niet online.

Naast de site draaien 41 testscripts. De teksten gingen 29 keer door de taalcheck. Voor de livegang lazen nog 5 mensen met een frisse blik alles door. Ze vonden 223 punten, en zo'n 200 daarvan zitten nu in de site.

Sneller in beeld

Op de ochtend van de livegang heb ik beide homepages 3 keer gemeten met Lighthouse van Google. Dat meet hoe snel een pagina op een telefoon laadt.

Het grootste verschil zit in de tijd tot het grote beeld bovenaan er staat: 3,4 tegen 14,8 seconden. Zo'n 4 keer zo snel. Onze eigen eerste versie scoorde trouwens maar 41 van de 100. Het bewegende energieveld bovenaan werd op een telefoon steeds opnieuw getekend, en dat kostte snelheid. Nu staat het daar stil.

Elk oud adres leidt naar zijn nieuwe plek. Wie een oude link volgt of een oud zoekresultaat aanklikt, komt gewoon goed uit.

Achter de knop

Een site is meer dan wat je ziet. Achter de 5 formulieren zit een route. Elke inzending komt in de database van Teamenergie en de bezoeker krijgt een bedankmail. Daarna gaat het contact met het juiste label naar ActiveCampaign, waar de opvolging begint.

De Engelse site kwam er in de laatste week bij. Weglot vertaalt zo'n 28.600 woorden en houdt zich aan 68 vaste termen uit de woordenlijst van Teamenergie. Een check haalt de Engelse tekst van elke pagina op en legt die naast de lijst. Klopt er iets niet, dan gaat er niets naar de site.

Wat er misging

Niet alles ging goed.

Een van de eerste versies miste 14 beelden. Een instelling die de schermafdrukken moest weglaten, liet ook de beelden van de site weg. 2 minuten later stond er een nieuwe versie.

Eén apostrof in "'s avonds" brak 2 scripts, waaronder het menu. Sindsdien controleert de deploy elk script voordat er iets online gaat.

Eén keer kwam een versie voor de livegang stilletjes online als concept, onzichtbaar voor Google. Oorzaak: één regel in ons script werd verkeerd gelezen. Die is gerepareerd.

De livegang hing tot het laatst aan het domein. De app van Teamenergie draaide op hetzelfde adres en moest eerst verhuizen voordat de site erop kon.

En bij jou?

Duurde je laatste website 26 weken, dan is dat 7,9 keer zo lang als de 23 dagen hier.

Het verschil zit in 3 keuzes.

Geschreven door

Robert van Geenhuizen

Ik bouw met mijn team sites en campagnes die beginnen bij de vraag van de koper. Bij Teamenergie heb ik voor het eerst alles nageteld wat er in drie weken gebeurt.

Volg op LinkedIn →Meer van ons werk