Websitestrategie

Een strategie volgens Building a StoryBrand 2.0. De held is de CPO-groep. Cowent is de gids. Elke sectie en elke knop heeft één taak: de groep stap voor stap van herkenning naar de gratis instap leiden.

De website is in fase 2 van de go-to-market strategie het belangrijkste conversiemiddel. Bezoekers komen via zoekverkeer (hoog-intentie, kennen Cowent nog niet) en via LinkedIn. Deze pagina spreekt bewust één doelgroep aan: de groep zelf, en in de groep de trekker die het op de agenda zet. Begeleiders en gemeenten benader je via LinkedIn en directe introductie, niet via deze pagina.

De rode draad, in één zin

De meeste CPO-groepen verliezen het overzicht in een wirwar van appjes, mails en losse gesprekken. Cowent brengt alle informatie, reacties en besluiten samen op één rustige plek, zodat jullie samen beslissen op eigen tempo en niets verloren gaat.

Dit is de belangrijkste zin: hij hoort op de homepage, in de bio en in de pitch. Structuur: probleem → oplossing → resultaat.

De identiteitstransformatie

Dit is wat we eigenlijk verkopen. Niet de software, maar wie de groep wórdt:

Op de homepage staat deze tabel niet als tekst, maar als een letterlijk voor/na-contrast: zie de Transformatie-sectie hieronder.

De reis in drie fasen

Een bezoeker koopt niet bij de eerste klik. StoryBrand beschrijft drie relatiefasen die de bezoeker doorloopt. De site is zo opgebouwd dat elke sectie de groep één fase verder helpt, tot ze klaar zijn om gratis te starten.

De klantreis, sectie voor sectie

De homepage telt zeven inhoudelijke secties plus een footer. Per stop: wat de bezoeker ziet, wat er in zijn hoofd gebeurt, en waarom die sectie of CTA daar staat.

De volgorde is bewust: na de pijn laten we Cowent éérst zien werken (Demo), pas daarna beloven we het betere leven (Transformatie) en leggen we het pad uit (Plan). “Zien voordat je belooft” maakt de transformatie geloofwaardiger, want de bezoeker heeft het dan net zien gebeuren.

1. Header, boven de vouw (Hero)

Fase 1 · Nieuwsgierigheid

“Samen beslissen, zonder de chaos.” + één heldere knop

• Wat de bezoeker ziet. Een rustige kop die de transformatie raakt, een subkop die in gewone taal uitlegt wat Cowent doet, en één duidelijke knop: Start gratis. Daarnaast een tekstlink “Bekijk hoe het werkt”.
• Visual: een rustige product-preview. Eerder stond hier een sfeer-illustratie van de groep rond de tafel. Die was mooi maar zei niets over wat Cowent dóét: de visual droeg geen informatie en geen bewijs, terwijl dit de plek is met de meeste aandacht. Daarom toont de hero nu een rustige, gestileerde product-preview: één onderwerp-kaart die langzaam door drie toestanden ademt (onderwerp → reacties → besluit mét de redenering), met een dunne stap-indicator eronder. Het is geen druk filmpje maar state-stepping: per moment beweegt er hooguit één blok, met lange rust per stap. Bij prefers-reduced-motion en op mobiel bevriest de kaart op de eindstaat, dan is het een statische preview. Zo haalt de hero “zien voordat je belooft” al boven de vouw, vult hij de grunt test volledig (niet alleen de kop), en verankert hij meteen de kerndifferentiator (het besluit mét redenering) uit de tool-stack-sectie. De Demo-sectie blijft de volledige 2-min-video; de hero-preview is de stille teaser. Zodra de echte app-UI staat, vervangen we de gestileerde weergave door echte schermen.
• Wat er in het hoofd gebeurt. Binnen vijf seconden: “Wat is dit, hoe maakt het mijn leven beter, en wat moet ik doen?” De grunt test.
• Waarom deze sectie hier staat. StoryBrand zegt: faal de grunt test hier, en de rest van de site doet er niet meer toe. De header verkoopt geen functies maar een uitkomst: rust en samen beslissen.

Directe CTA, Start gratis. Meteen zichtbaar. De bezoeker is hier nog niet klaar om te klikken, maar de knop moet er al staan zodat hij hem onbewust registreert.

Waarom Start gratis en niet Lees meer:

• “Lees meer” bevestigt de twijfel. Het zegt impliciet: “Je weet nog niet genoeg om te beslissen.” Dat is precies het gevoel dat je wilt weghalen, niet versterken.
• “Start gratis” verplaatst de vraag. In plaats van “Moet ik dit wel willen?” wordt de vraag “Wanneer begin ik?” Van beoordelen naar plannen.
• Het woord gratis ruimt meteen het grootste bezwaar op. Het eerste wat een beslissingsgroep denkt bij nieuwe software is: wat kost ons dit? Dat woord laat die horde verdwijnen voordat de bezoeker er bewust over nadenkt. En het is eerlijk: je test echt gratis of het bij jullie past (zie de afsluitende CTA).
• Primingeffect: de knop werkt ook als je niet klikt. Elke keer dat de bezoeker “Start gratis” ziet, verankert zijn brein de associatie actie = gratis en laagdrempelig. Onderaan voelt klikken dan als bevestiging van iets bekends.
• De held heeft een gids nodig, geen bibliotheek. “Lees meer” maakt van Cowent een informatiedienst. “Start gratis” maakt van Cowent een gids die zegt: “Vertrouw ons, de eerste stap is veilig.”

2. Het probleem (Problems)

Fase 1 · Nieuwsgierigheid

Een pakkende kop plus een scanbare lijst van herkenbare pijn

• Wat de bezoeker ziet. Een korte kop en een lijst van vijf herkenbare one-liners die precies beschrijven hoe het er nu aan toe gaat: de stukken die te laat binnenkomen, de vergadering die opgaat aan bijpraten, het besluit dat in de wandelgangen valt, het zoeken naar “waar stond dat ook alweer”, de stille tegenstem die te laat komt. Geen kaarten met uitleg, maar een ritme van korte zinnen die je herkent.
• Wat er in het hoofd gebeurt. “Dit zijn wij. Hij snapt precies waar wij avond na avond tegenaan lopen.” Herkenning bouwt vertrouwen.
• Waarom deze sectie hier staat. De held heeft een probleem op drie niveaus: het externe (info verspreid), het interne (de onrust en frustratie) en het filosofische (wie meebouwt aan zijn woning verdient het om elk besluit te begrijpen). De gemeenschappelijke vijand: de versnippering.

3. De demo, zie het zelf (Demo)

Fase 2 · Inzicht

Minder dan 2 minuten, het proces live in de app, direct ná de pijn

• Wat de bezoeker ziet. Een korte video: een snelle herkenning van het probleem, de belofte in één zin, en daarna het drie-stappenproces live doorlopen. Geen verkopende voice-over, gewoon beeld en tekst. Nu nog een placeholder tot de echte video er is.
• Wat er in het hoofd gebeurt. “Dit is eenvoudiger dan ik dacht. Ik zou dit kunnen laten zien aan onze groep.” Het abstracte idee wordt concreet en deelbaar.
• Waarom deze sectie hier staat. Bewust direct ná het probleem, niet helemaal achteraan. Zien is geloven: zodra de pijn op tafel ligt, laat de demo meteen zien dat de oplossing simpel is, nog vóór we het betere leven beloven. Zo is de transformatie die erop volgt geen claim meer maar iets wat de bezoeker net heeft zien werken. De trekker is bovendien zelden de enige beslisser; hij heeft iets nodig om mee terug te nemen naar de groep, en een video is precies dat.
• Te valideren. Dit is een verandering ten opzichte van de eerste opzet, waarin de demo helemaal achteraan stond (eerst cognitief begrip via het plan, dan visuele bevestiging). Beide volgordes zijn verdedigbaar. Demo-vroeg wint aan geloofwaardigheid maar vraagt een sterke, korte video. Meet dit zodra er verkeer is.

Directe CTA, Start gratis. Direct onder de video, op het moment van eerste overtuiging.

4. De transformatie (Transformation)

Fase 2 · Inzicht (raakt het eindbeeld van Fase 3)

Een voor/na-contrast: “Nu” tegenover “Met Cowent”

• Wat de bezoeker ziet. Twee kolommen naast elkaar. Links Nu (een paar mensen bewaken het overzicht, de vergadering gaat op aan bijpraten, besluiten worden opengebroken, stille leden haken af, nieuwe leden lopen achter). Rechts Met Cowent (iedereen heeft hetzelfde beeld, de vergadering gaat over beslissen, besluiten houden stand mét de redenering, iedereen denkt mee op eigen tempo, nieuwe leden doen gelijkwaardig mee). De regels lopen parallel, zodat elk pijnpunt zijn directe tegenhanger krijgt.
• Wat er in het hoofd gebeurt. “Zo zou het dus kúnnen voelen, en zo wil ik dat het bij ons wordt.” De spanning van de probleemsectie krijgt een uitweg, en het verlangen wordt meteen concreet.
• Waarom deze sectie hier staat. Dit is de samenvoeging van wat eerst twee aparte secties waren: de waardepropositie (“één plek, eigen tempo, transparant archief”) en het succes (“iedereen doet mee, besluiten houden stand, nieuwe leden starten sterk”). Die schilderden allebei het betere leven en herhaalden elkaar. Als één voor/na-contrast is het scanbaarder, korter, en het is de letterlijke visualisatie van de identiteitstransformatie hierboven.
• Aanscherping richting fase 2. De marketingstrategie verkoopt aan prijsgevoelige vrijwilligersbesturen, en die hebben naast het emotionele beeld ook harde ROI nodig: uren bespaard in voorbereiding, sneller tot een besluit, minder of kortere vergaderingen. Zodra de eerste pilots dat soort cijfers opleveren, hangen we één concreet, meetbaar resultaat aan de Met Cowent-kolom (bijvoorbeeld “een vergaderavond korter”). Tot die tijd blijft het kwalitatief, want een verzonnen getal kost meer vertrouwen dan het oplevert.

5. Het plan, de 3 stappen (Process)

Fase 2 · Inzicht

Onderwerp aanmaken → reacties verzamelen → besluit vastleggen

• Wat de bezoeker ziet. Drie genummerde stappen, elk met één pakkende zin. Stel je vraag en deel de link; leden stellen vragen en geven hun standpunt zodat bezwaren vóór de vergadering boven tafel komen; het besluit wordt automatisch vastgelegd mét de redenering.
• Wat er in het hoofd gebeurt. “Oké, dit is overzichtelijk. Ik zie precies hoe wij dit zouden gebruiken.” Onzekerheid maakt plaats voor een helder pad.
• Waarom deze sectie hier staat. Mensen committen pas als ze het pad zien. Het plan haalt de mist weg vóór de vraag om actie, en bevestigt in tekst wat de demo net liet zien.
• Aanscherping. De copy is nu generiek gehouden. Zodra er een echte pilotcase is (bijvoorbeeld een CPO-energieconcept), maken we de stappen tastbaar met dat concrete voorbeeld.

6. Vult het gat in je tool stack (ToolStack)

Fase 2 · Inzicht

Chat, documenten en taken heb je al; besluiten met redenering ontbreken

• Wat de bezoeker ziet. Een overzicht dat erkent dat de groep al WhatsApp, Drive en Trello heeft, en laat zien welk gat overblijft: één plek voor onderwerpen, reacties en besluiten mét de redenering erbij.
• Wat er in het hoofd gebeurt. “We hoeven niets te vervangen, dit vult alleen een gat.” Het grootste koopbezwaar (“we hebben al genoeg tools”) valt weg.
• Waarom deze sectie hier staat. Bezwaren wegnemen hoort vlak vóór de commitment-fase. Dit is de laatste rationele horde voordat de emotionele “ja” kan vallen.

7. De afsluitende CTA, gratis starten (FinalCTA)

Fase 3 · Commitment

Dezelfde knop als boven plus een afsprakenplan dat de drempel verlaagt

• Wat de bezoeker ziet. Exact dezelfde knop Start gratis, met daaronder drie korte geruststellingen en een uitnodiging om het gratis met de groep te proberen.
• Wat er in het hoofd gebeurt. “Dit kan eigenlijk geen kwaad. Geen creditcard, geen grote overstap, gewoon kijken of het bij ons past.”
• Waarom deze sectie hier staat. De gratis instap is een commitment-stap. Het afsprakenplan neemt de drie echte twijfels weg. Herhaal exact dezelfde knoptekst als in de header; consistentie verlaagt de drempel.

Directe CTA, Start gratis → de gratis instap. Ondertitel: “Probeer het met jullie groep. Gratis tot en met drie onderwerpen.”

Afsprakenplan eronder:

• Gratis tot en met drie onderwerpen, geen creditcard nodig
• Genoeg om te zien of het bij jullie groep past, zonder alles over te zetten
• Werkt met jullie eigen methode, sociocratisch of niet

8. De footer, de “junk drawer”

Fase 3 · Commitment

Over ons, prijzen, inloggen, overige links

• Wat de bezoeker ziet. Alle secundaire links netjes onderaan, weg van de hoofdflow.
• Waarom deze sectie hier staat. StoryBrand noemt dit de “junk drawer”: alles wat nodig is maar de bezoeker niet vooruit helpt hoort hier, niet in de hoofdflow waar het de aandacht van de CTA afleidt. De prijspagina staat hier bewust: de homepage verkoopt op gratis starten, niet op prijs. Wie actief naar de prijs zoekt vindt hem, zonder dat het de hoofdflow vertraagt.

De gratis instap: hoe gratis naar betalend kantelt

De CTA belooft “gratis”, en dat is letterlijk waar. De groep kan tot en met drie onderwerpen gratis gebruiken, genoeg om binnen een echte besluitvormingscyclus te voelen of het past. Daarna gaat de groep over op het tarief: vroege adopters op een vast laag early-adopter­tarief, latere groepen op het normale tarief (zie de go-to-market strategie).

Dit is bewust een fit-test, geen gratis-voor-altijd:

• Drie onderwerpen is genoeg voor de aha-ervaring. Eén afgerond besluit mét vastgelegde redenering laat de groep het verschil voelen. Drie geeft ruimte om dat in een echt traject te ervaren, niet als losse proef.
• Gratis-voor-altijd zou de waarde ondermijnen. Het valideert geen betalingsbereidheid en verzwakt de referentiewaarde. De grens bij drie onderwerpen maakt de overgang naar betalen een natuurlijk vervolg, niet een breuk.
• De homepage verkoopt de instap, niet de prijs. Geen prijssectie in de hoofdflow. Het prijsgesprek hoort op het moment dat de groep de waarde al voelt, niet ervoor.

Social proof: nu bewust dun, in fase 2 centraal

De marketingstrategie zet testimonials en meetbare resultaten in fase 2 centraal op de homepage. Dat is het sterkste conversie-instrument dat er is: bewijs vlak bij de CTA neemt twijfel weg op het moment van beslissen. Maar dat bewijs moet er wel echt zijn. Tot de eerste pilots harde resultaten en quotes opleveren, houden we proof bewust dun: een verzonnen of holle testimonial kost meer vertrouwen dan een lege plek.

Nu (fase 1 loopt nog):

• Eén slanke trustregel volstaat, dicht bij de hero of net na het probleem: “Gebouwd samen met CPO-groepen.” Eén regel, geen kaart, geen badges.
• De aparte klantverhalen-pagina (/customer-stories) houdt het uitgewerkte voorbeeld vast als “gebouwd-met”-bewijs, maar komt nog niet als sectie de homepage op zolang het grotendeels placeholder is.
• De empathie- en autoriteitsfunctie van de gids (de losse Guide-sectie) staat daarom nu uit. Empathie zit in de probleemsectie, autoriteit in de trustregel.

Fase 2 (zodra er bewijs is):

• Voeg een vaste resultaten/testimonial-sectie toe, geplaatst tussen de Transformatie en de afsluitende CTA, dus vlak vóór de plek waar de bezoeker beslist. Dat is volgens CRO de sterkste plaats: bewijs direct na de belofte en vlak bij de knop.
• Maak het concreet en toegeschreven: naam van de groep, het besluit dat ze namen, en één meetbaar resultaat (uren, vergaderingen, doorlooptijd).
• Promoveer de trustregel tot een echte band met meerdere groepen zodra het er meerdere zijn.

Vorm en ritme

De inhoud landt pas als de vorm rustig en modern is. Twee principes:

• Ruime, consistente witruimte. Elke sectie heeft dezelfde verticale ademing, zodat de pagina zich in duidelijke blokken opdeelt.
• Donker als geïsoleerd accent. Een donkere achtergrond staat nooit twee secties achter elkaar; er zit telkens een lichte sectie tussen. Zo werkt donker als punctuatie die het oog leidt, niet als een lap die dichtslibt.

De gouden regel onder alles

De knop Start gratis moet de bezoeker minstens drie keer voorbij zien komen, in de header, na de demo en aan het eind, vóór hij klikt. De instap zelf moet leiden tot één eerste afgerond besluit binnen de drie gratis onderwerpen: dat is de aha-ervaring die de groep van gratis naar betalend tilt.

Wijzigingen ten opzichte van de vorige opzet

Voor wie de vorige versie kent, dit is er veranderd en waarom:

• De volgorde volgt nu de echte site. Hero → Probleem → Demo → Transformatie → Plan → Tool stack → Afsluitende CTA. De demo is naar voren gehaald (direct ná het probleem) zodat de bezoeker Cowent ziet werken vóór we het betere leven beloven.
• De losse Guide-sectie staat uit. Empathie zit in de probleemsectie, autoriteit in een slanke trustregel. De volwaardige gids met proof keert terug zodra er echt bewijs is.
• Social proof is een eigen, gefaseerde keuze geworden. Nu dun en eerlijk, in fase 2 een vaste sectie vlak bij de CTA, zodra de pilots resultaten opleveren.
• De instap is “gratis tot en met drie onderwerpen”. Eerlijk gratis om de fit te testen, daarna het early-adopter- of normale tarief. De prijs blijft uit de hoofdflow en staat in de footer.
• Eén doelgroep: de groep. De homepage spreekt de groep en de trekker aan. Begeleiders en gemeenten benader je via LinkedIn en directe introductie, niet via deze pagina.
• Stijl. Kortere, scanbare zinnen. Geen em-dashes in de copy.