Website Concept

Alle secties van de Cowent-homepage, uitgewerkt met copy en wireframe-ideeën. Volgorde volgt de StoryBrand-klantreis uit de websitestrategie.

Meta titel & beschrijving

Meta titel (57 tekens)

Cowent — Samen beslissen, zonder de chaos

Meta beschrijving (149 tekens)

Cowent brengt alle context, reacties en besluiten van je CPO-groep samen op één plek. Beslis samen, op eigen tempo. Start gratis met één onderwerp.

Waarom deze keuzes

• Titel = de H1. Consistentie tussen Google-resultaat en de eerste regel op de pagina verlaagt de bounce. De merknaam vooraan vangt branded zoekverkeer.
• Beschrijving volgt de SB7-logica: probleem (chaos) → belofte (samen, op eigen tempo) → CTA (Start gratis). De woorden “Start gratis” primen nog vóór de klik.
• “CPO-groep” expliciet — een nichewoord waar de doelgroep letterlijk op zoekt; het zegt meteen “dit is voor ons”.
• Lengtes blijven binnen wat Google toont (~60 tekens titel, ~155 beschrijving), zodat er niets wordt afgekapt.

Navigatie (globaal)

Staat op elke pagina — geen homepage-sectie, maar het frame eromheen.

Wireframe

┌─────────────────────────────────────────────────────────────────────┐
│  LOGO    Hoe het werkt   Klantverhalen   Prijzen   Inloggen  [Start gratis] │
└─────────────────────────────────────────────────────────────────────┘

Layout: logo links, drie tekstlinks in het midden/rechts, daarna een secundaire tekstlink (Inloggen) en één primaire knop (Start gratis). Sticky bovenaan, zodat de primaire knop altijd in beeld blijft. Op mobiel: hamburgermenu met dezelfde links gestapeld, Inloggen als tekstlink en Start gratis als knop over de volle breedte onderaan.

Het menu

Waarom precies deze items

• Geen “Home”-link. Het logo is de thuisknop — een aparte Home-link is ruis. Eén link minder is één afleiding minder.
• Drie links, geen vijf. StoryBrand: de nav stuurt naar de CTA, hij is geen sitemap. De drie links die overblijven zijn precies de drie vragen die een twijfelende CPO-groep stelt vóór ze beginnen: hoe werkt het? (Hoe het werkt), werkt het voor groepen zoals wij? (Klantverhalen), en wat kost het? (Prijzen). Elke link neemt één rationele horde weg.
• Klantverhalen verdient de prime real estate. De gids overtuigt met autoriteit (sectie 4). Sociaal bewijs van echte CPO’s is de sterkste reden waarom een aarzelende bezoeker doorklikt — daarom staat het bovenaan en niet weggestopt in de footer.
• Over ons & Contact gaan naar de footer. Ze helpen de bezoeker niet vooruit in zíjn besluit — het zijn “junk drawer”-pagina’s. In de nav zouden ze de aandacht van de CTA afsnoepen; in de footer vindt wie ze zoekt ze alsnog.
• Start gratis wordt de knop, Inloggen de tekstlink. Dit is de belangrijkste correctie. De hele strategie draait om één dominante actie — Start gratis. Dan kan de visueel zwaarste knop niet Inloggen zijn; dat bedient bestaande klanten, niet de bezoeker die we proberen te winnen. Inloggen blijft als rustige tekstlink staan (wie een account heeft, vindt hem direct), maar de gevulde knop is gereserveerd voor de primaire CTA.
• De sticky nav is de vierde aanraking. De gouden regel uit de strategie wil dat Start gratis minstens drie keer voorbijkomt (header, na de demo, slot). Doordat de nav meescrolt, staat de knop continu in beeld — het primingeffect uit de strategie werkt zo de hele pagina door, niet alleen op drie vaste punten.

Wat bewust níet in de nav staat: Demo (zit in “Hoe het werkt” én als deelbare /demo-link), de methodiek-/uitlegpagina (autoriteit + zoekverkeer, hoort in de footer of een latere kennisbank), en Privacy/Voorwaarden (footer-hygiëne). Alles wat de funnel niet vooruithelpt, blijft uit de hoofdnavigatie.

Sectie 1 — Header

Fase 1 · Nieuwsgierigheid

Wireframe

┌─────────────────────────────────────────────────────────────┐
│  LOGO                              Inloggen   Start gratis  │
├──────────────────────────┬──────────────────────────────────┤
│                          │                                  │
│  H1: Samen beslissen,    │   [Illustratie: 5–7 mensen       │
│  zonder de chaos.        │    in rustige groepssetting,     │
│                          │    iedereen kijkt naar           │
│  Subkop                  │    hetzelfde scherm]             │
│                          │                                  │
│  [ Start gratis ]        │                                  │
│                          │                                  │
└──────────────────────────┴──────────────────────────────────┘

Layout: twee kolommen — tekst links, illustratie rechts. Op mobiel: tekst boven, illustratie eronder.

Copy

H1

Samen beslissen, zonder de chaos.

Subkop (max. 2 zinnen)

Cowent brengt alle informatie, reacties en besluiten samen op één rustige plek — zodat jullie groep op eigen tempo meebeslist, en niets verloren gaat.

CTA-knop

Start gratis

Illustratiebeschrijving Warm, licht geïllustreerd in de paper/ink kleurpalette. Vijf tot zeven mensen die in een rustige, gelijkwaardige setting naar hetzelfde kijken. Subtiele bouwtekening of gebouwcontour op de achtergrond verankert het CPO-domein. Geen UI-schermen, geen chaos-beelden.

Sectie 2 — Het probleem

Fase 1 · Nieuwsgierigheid

Wireframe

┌─────────────────────────────────────────────────────────────┐
│  De context zit overal behalve op één plek                  │
│  [Subkop: Herken je dit?]                                   │
├─────────────────┬─────────────────┬─────────────────────────┤
│  [Icoon]        │  [Icoon]        │  [Icoon]                │
│                 │                 │                         │
│  Ongelijke      │  Trage          │  Verloren               │
│  informatie     │  vergaderingen  │  in de chat             │
│                 │                 │                         │
│  Niet iedereen  │  De helft van   │  Het besluit lag        │
│  heeft de       │  de vergadering │  ergens in een          │
│  stukken        │  gaat op aan    │  appjesgroep —          │
│  van tevoren    │  bijpraten      │  niemand die            │
│  gezien.        │  in plaats van  │  het terugvindt.        │
│                 │  besluiten.     │                         │
└─────────────────┴─────────────────┴─────────────────────────┘

Layout: drie gelijke kolommen met icoon bovenaan. Op mobiel: gestapeld.

Copy

Sectiekopregel

De context zit overal behalve op één plek

Subkop

Herken je dit?

Blok 1 — Ongelijke informatie

Niet iedereen zit op dezelfde pagina

De stukken gaan een dag van tevoren de deur uit — of helemaal niet. Halverwege de vergadering besef je dat drie mensen voor het eerst horen waar het over gaat.

Blok 2 — Trage vergaderingen

Besluiten die blijven hangen

De helft van de vergadering gaat op aan bijpraten en context geven. Voor het eigenlijke besluit is geen tijd meer — dus alles schuift door naar volgende keer.

Blok 3 — Verloren in de chat

Wie heeft wat ook alweer gezegd?

Het besluit lag ergens in een appjesgroep, of misschien in een mail. Niemand weet meer precies hoe het ging. Nieuwe leden beginnen met een achterstand die nooit ingehaald wordt.

Sectie 3 — De waardepropositie

Fase 2 · Inzicht

Wireframe

┌─────────────────────────────────────────────────────────────┐
│  Samen beslissen, op eigen tempo                            │
│  [Subkop: Het tegendeel van de chaos]                       │
├─────────────────┬─────────────────┬─────────────────────────┤
│  [Icoon]        │  [Icoon]        │  [Icoon]                │
│                 │                 │                         │
│  Alles op       │  Meedenken      │  Elk besluit            │
│  één plek       │  wanneer        │  transparant            │
│                 │  het uitkomt    │  vastgelegd             │
│                 │                 │                         │
│  [body]         │  [body]         │  [body]                 │
└─────────────────┴─────────────────┴─────────────────────────┘

Layout: zelfde driekoloms als het probleemblok — visuele symmetrie benadrukt de contrast.

Copy

Sectiekopregel

Samen beslissen, op eigen tempo

Subkop

Zo voelt het als het wél klopt.

Blok 1 — Alles op één plek

Iedereen begint met dezelfde context

Eén onderwerp: alle achtergrondinformatie, vragen en reacties bij elkaar. Geen inbox-archief, geen scrollende chatgeschiedenis.

Blok 2 — Meedenken wanneer het uitkomt

Je vergadering als aftrap, niet als bottleneck

Leden kunnen reageren, vragen stellen en hun standpunt toevoegen op het moment dat het hun uitkomt — overdag, ‘s avonds, in de trein.

Blok 3 — Transparant vastgelegd

Elk besluit met redenering bewaard

Wie stemde waarvoor, welke bezwaren speelden, wat is afgesproken. Nieuwe leden lezen de geschiedenis en starten als gelijkwaardige deelnemers.

Sectie 4 — De gids

Fase 2 · Inzicht

Wireframe

┌─────────────────────────────────────────────────────────────┐
│                                                             │
│   [Achtergrond: lichte tint, breekt de paginaflow]         │
│                                                             │
│   "De stukken staan ergens. In een appje, een mail,        │
│   een gesprek. En in de vergadering leest de helft         │
│   ze voor het eerst."                                      │
│                                                             │
│   Cowent is gebouwd in nauwe samenwerking met CPO-         │
│   groepen. We interviewen, testen en ontwikkelen samen     │
│   met de mensen die het dagelijks gebruiken — en we        │
│   begrijpen daardoor waarom generieke tools voor hun       │
│   situatie niet werken.                                    │
│                                                             │
│   ┌──────────────┐  ┌──────────────┐  ┌──────────────┐    │
│   │ Gebouwd voor │  │ Ondersteunt  │  │ Actief in    │    │
│   │ CPO-groepen  │  │ sociocratie  │  │ gebruik bij  │    │
│   │              │  │ & consent    │  │ 12+ groepen  │    │
│   └──────────────┘  └──────────────┘  └──────────────┘    │
│                                                             │
└─────────────────────────────────────────────────────────────┘

Layout: volle breedte, lichte achtergrondkleur. Citaat bovenaan (groot, warm), daarna twee-drie autoriteitssignalen als kleine pill-badges of stats.

Copy

Openingszin (empathie)

De stukken staan ergens. In een appje, een mail, een gesprek. En in de vergadering leest de helft ze voor het eerst.

Bodytekst (autoriteit)

Cowent is gebouwd in nauwe samenwerking met CPO-groepen. We interviewen, testen en ontwikkelen samen met de mensen die het dagelijks gebruiken — en we begrijpen daardoor waarom generieke tools voor hun situatie niet werken.

Drie autoriteits-badges

Sectie 5 — Het plan

Fase 2 · Inzicht

Wireframe

┌─────────────────────────────────────────────────────────────┐
│  Zo werkt het — drie stappen                                │
│  [Subkop: Voorbeeld: energieconcept De Klinker]             │
│                                                             │
│   ①──────────────②──────────────③                          │
│   │              │              │                           │
│   Onderwerp      Reacties       Besluit                     │
│   aanmaken       verzamelen     vastleggen                  │
│                                                             │
│   [Schermafbeelding of illustratie bij elke stap]           │
│                                                             │
│   Stap 1         Stap 2         Stap 3                      │
│   [body]         [body]         [body]                      │
└─────────────────────────────────────────────────────────────┘

Layout: drie kolommen met een horizontale stappenindicator erboven (nummers verbonden door een lijn). Elke kolom: nummer + koptitel + korte body + optioneel een klein illustratief schermfragment.

Copy

Sectiekopregel

Zo werkt het — drie stappen

Subkop

Voorbeeld: het energieconcept van CPO De Klinker.

Stap 1 — Onderwerp aanmaken

Geef context voordat je samenkomt

Maak een onderwerp aan voor het energieconcept. Voeg de relevante documenten toe, stel de vraag waarover de groep gaat besluiten, en deel de link. Leden lezen op hun eigen moment.

Stap 2 — Reacties & vragen verzamelen

Meedenken wanneer het uitkomt

Leden reageren, stellen vragen en geven hun standpunt. Bezwaren komen naar boven vóór de vergadering — zodat jullie de vergadering besteden aan het oplossen, niet aan het ontdekken.

Stap 3 — Besluit vastleggen

Transparant, voor nu en later

Het consent-besluit wordt vastgelegd met de redenering erbij: wie instemde, welke bezwaren zijn adresseerd, wat er is afgesproken. Volgende keer zoek je het op in één klik.

Sectie 6 — De demo

Fase 2 · Inzicht

Wireframe

┌─────────────────────────────────────────────────────────────┐
│  Zie het zelf — 2 minuten                                   │
│                                                             │
│  ┌───────────────────────────────────────────────────────┐  │
│  │                                                       │  │
│  │   [VIDEO — 16:9, thumbnailframe: het De Klinker-      │  │
│  │    onderwerp in Cowent, grote play-knop centraal]     │  │
│  │                                                       │  │
│  └───────────────────────────────────────────────────────┘  │
│                                                             │
│  [ Start gratis ]                                           │
│                                                             │
└─────────────────────────────────────────────────────────────┘

Layout: volle breedte, video gecentreerd (max. ~800px breed). Sectiekopje eroven, CTA-knop eronder — geen andere afleidingen.

Copy

Sectiekopregel

Zie het zelf — 2 minuten

Ondertitel boven de video

We lopen het drie-stappenproces door en geven een demo van de applicatie.

Videobeschrijving (voor thumbnailonderschrift of toegankelijkheid)

In twee minuten: herkenning van het probleem (appjes, mails, losse gesprekken), de belofte in één zin, en het drie-stappenproces live doorlopen. Geen voice-over die verkoopt — gewoon beeld en tekst.

CTA onder de video

[ Start gratis ]

Probeer het met jullie groep — begin met één onderwerp.

Sectie 7 — Vult het gat in je tool stack

Fase 2 · Inzicht

Wireframe

┌─────────────────────────────────────────────────────────────┐
│  Chat, documenten en taken heb je al.                       │
│  Besluiten met redenering ontbreken.                        │
│                                                             │
│  ┌───────────────────────────────────────────────────────┐  │
│  │  WhatsApp / Signal   →  snelle berichten              │  │
│  │  Google Drive        →  documenten bewaren            │  │
│  │  Trello / Notion     →  taken bijhouden               │  │
│  │  ─────────────────────────────────────────            │  │
│  │  Cowent              →  besluiten + redenering        │  │
│  └───────────────────────────────────────────────────────┘  │
│                                                             │
│  [Subkop: Je hoeft niets te vervangen.]                     │
└─────────────────────────────────────────────────────────────┘

Layout: volle breedte, lichte achtergrond. Eén centraal “tabel-blok” of visuele lijst die de bestaande tools weergeeft met een horizontale scheidingslijn en Cowent als aanvulling. Geen driekoloms hier — één rustig overzicht.

Copy

Sectiekopregel

Chat, documenten en taken heb je al.

Subkop

Besluiten met redenering — dat ontbreekt nog.

Bodytekst

Cowent vervangt niets. WhatsApp blijft voor snelle berichten, Drive voor documenten, Trello voor acties. Cowent vult het gat dat overblijft: één plek waar jullie onderwerpen ophangen, context geeft, en besluiten vastlegt met de redenering erbij.

Visuele lijst

Sectie 8 — Het succes

Fase 3 · Commitment

Wireframe

┌─────────────────────────────────────────────────────────────┐
│  Zo voelt een gezond CPO-collectief                         │
│                                                             │
│  ┌──────────────────┐  ┌──────────────────┐  ┌───────────┐ │
│  │  [Icoon]         │  │  [Icoon]         │  │  [Icoon]  │ │
│  │                  │  │                  │  │           │ │
│  │  Iedereen        │  │  Besluiten       │  │  Nieuwe   │ │
│  │  doet mee        │  │  houden stand    │  │  leden    │ │
│  │                  │  │                  │  │  starten  │ │
│  │  [body]          │  │  [body]          │  │  sterk    │ │
│  │                  │  │                  │  │           │ │
│  │                  │  │                  │  │  [body]   │ │
│  └──────────────────┘  └──────────────────┘  └───────────┘ │
└─────────────────────────────────────────────────────────────┘

Layout: drie kolommen — zelfde ritme als sectie 2 en 3, maar nu het positieve eindbeeld. Warme achtergrond of illustratief kleurvlak om de “aankoms”-sfeer te markeren.

Copy

Sectiekopregel

Zo voelt een gezond CPO-collectief

Subkop

Dit is wat er verandert als besluitvorming goed geregeld is.

Blok 1 — Iedereen doet mee

Geen stille meerderheid meer

Leden die normaal weinig zeggen, krijgen de ruimte om op hun eigen tempo mee te denken. De groep beslist samen — niet de drie mensen die het altijd bijhouden.

Blok 2 — Besluiten houden stand

Geen “maar dat hadden we toch afgesproken?”

Elk besluit staat vast, met de redenering erbij. Bij onduidelijkheid zoek je het op — geen discussie over wie wat heeft gezegd.

Blok 3 — Nieuwe leden starten sterk

Geen achterstand meer voor instappers

Nieuwe leden lezen de besluitsgeschiedenis en begrijpen hoe de groep werkt. Ze starten als gelijkwaardige deelnemers — niet als buitenstaanders die het moeten bijhouden.

Sectie 9 — Afsluitende CTA

Fase 3 · Commitment

Wireframe

┌─────────────────────────────────────────────────────────────┐
│                                                             │
│   [Achtergrond: donker of accentkleur — contrasteert        │
│    met de rest van de pagina]                               │
│                                                             │
│   Probeer het met jullie groep.                             │
│   Begin met één onderwerp.                                  │
│                                                             │
│   [ Start gratis ]                                          │
│                                                             │
│   ✓ Gratis uitproberen, geen creditcard nodig               │
│   ✓ Begin met één onderwerp — je hoeft niets over te zetten │
│   ✓ Werkt met jullie eigen methode, sociocratisch of niet   │
│                                                             │
└─────────────────────────────────────────────────────────────┘

Layout: volle breedte, afwijkende achtergrond (donker of kleur). H2 + CTA gecentreerd. Drie geruststellende bullets eronder, links uitgelijnd of gecentreerd.

Copy

H2

Probeer het met jullie groep.

Subkop

Begin met één onderwerp — geen grote overstap, geen creditcard.

CTA-knop

Start gratis

Geruststellingen (drie bullets)

✓ Gratis uitproberen, geen creditcard nodig ✓ Begin met één onderwerp — je hoeft niets over te zetten ✓ Werkt met jullie eigen methode, sociocratisch of niet

Sectie 10 — Footer

Fase 3 · Commitment

Wireframe

┌─────────────────────────────────────────────────────────────┐
│  LOGO                                                       │
│                                                             │
│  Cowent — samen beslissen, op eigen tempo.                  │
│                                                             │
│  Product          Bedrijf           Overig                  │
│  ─────────        ────────          ──────                  │
│  Functies         Over ons          Inloggen                │
│  Prijzen          Contact           Privacy                 │
│  Demo             Blog              Voorwaarden             │
│                                                             │
│  © 2025 Cowent                                              │
└─────────────────────────────────────────────────────────────┘

Layout: drie kolommen met linkgroepen. Logo + tagline links bovenaan. Geen CTA-knop hier — alles wat in de footer staat is de “junk drawer”.

Copy

Tagline

Samen beslissen, op eigen tempo.

Kolom 1 — Product

• Functies
• Prijzen
• Demo bekijken

Kolom 2 — Bedrijf

• Over ons
• Contact
• Blog

Kolom 3 — Overig

• Inloggen
• Privacybeleid
• Algemene voorwaarden

Overzicht CTA-plaatsingen

De knoptekst is overal identiek. Consistentie verlaagt de drempel.