Wat de site moet doen, voor wie, waar bezoekers nu vastlopen en hoe de nieuwe informatiearchitectuur dat oplost. Dit document is de basis voor het design system, de hifi-schermen en het prototype.
Twee pijlers, twee soorten conversie. De site moet beide bedienen zonder dat ze elkaar in de weg zitten.
Wizard → vergelijker → productpagina → winkelwagen → checkout. Meetbaar: conversie webshop, gemiddelde orderwaarde, aandeel ACME Premium.
Pentest, awareness en managed security: van landingspagina naar offerte of gesprek. Meetbaar: gekwalificeerde aanvragen per maand, formulier-voltooiing.
Certificeringen, reviews en partnerstatus als bewijs, niet als hoofdboodschap; alleen claims die aantoonbaar zijn.
Reseller-programma en API-docs vindbaar in maximaal twee klikken; bestaande klanten in één klik naar portal en login.
Koopt certificaten, wil snel en zeker: welk type, hoe snel uitgegeven, werkt het met ACME en cert-manager. Prijsbewust, technisch.
Zoekt pentest, awareness of MDR. Wil bewijs (certificeringen, proces, rapportvoorbeeld) en een gesprek met iemand die het snapt. Vaak NIS2- of ISO 27001-gedreven.
Hosting-partij, MSP of SaaS die certificaten wil doorverkopen of via API wil uitgeven. Wil marges, API-docs en een whitelabel-portal zien.
Wil verlengen, een CSR uploaden of een ticket. Zoekt de login. Mag nooit door marketing heen hoeven.
Doelgroep A en B overlappen nauwelijks in intentie. Daarom krijgt de homepage twee heldere ingangen en krijgt elke pijler een eigen hub met eigen navigatie-paneel.
Komt binnen via Google op een producttaal-zoekopdracht ("OV certificaat", "code signing certificaat kopen"). Verwacht een vergelijker of wizard, een duidelijke prijs per jaar, uitgiftetijd en de zekerheid dat verlengen niet meer misgaat. Verlaat de site bij onduidelijke merk-versus-type-keuzes.
Komt via LinkedIn, een NIS2-artikel of "pentest laten uitvoeren". Scant: wat wordt getest, door wie, wat krijg ik, wat kost het ongeveer. Wil een offerteformulier dat om de juiste dingen vraagt en een mens die terugbelt.
Zoekt "SSL reseller" of komt via de certificaten-hub. Wil marges, API-referentie en een sandbox. Beslist op documentatiekwaliteit en portal, niet op marketingtekst.
Komt direct of via een verloop-mail. Wil inloggen. De login moet altijd rechtsboven staan, ook op mobiel, en de portal moet de verlengingsflow zelf afhandelen.
Hoofdstructuur van de nieuwe site. Koper-oranje is het startpunt, petrol zijn de twee commerciële hubs. Alles wat niet in deze boom past, gaat naar de zoekfunctie of de footer.
Vier journeys als zwembanen. Elke baan eindigt in een meetbaar doel; elke stap is een scherm of interactie die in het prototype of de hifi-designs terugkomt.
| Knelpunt nu | Effect | Oplossing in het concept | Meet |
|---|---|---|---|
| Geen heldere belofte boven de vouw | Bezoeker weet niet of dit een webshop of een securitybedrijf is; hoge bounce op de homepage. | Eén H1-belofte, twee ingangen ("Certificaten kopen" / "Security-diensten"), trust-bar direct eronder. | Bounce homepage, klik-ratio ingangen |
| Mega-menu zonder hiërarchie | Keuzestress; merk en type door elkaar; mobiel onbruikbaar. | Menu met 4 ingangen en 2 niveaus; per hub één paneel met groepen en één uitgelichte kaart; mobiel accordion-sheet. | Menu-interacties per sessie, tijd tot eerste productklik |
| Partnerlogo's boven eigen merk | Networking4all voelt als tussenpersoon; prijsvergelijking wint. | Eigen propositie en USP's (ACME Premium, NL-support, portal) boven; partnerstrip klein en grijs eronder. | Merkzoekverkeer, directe sessies |
| Product kiezen vraagt voorkennis | Twijfel tussen DV/OV/EV en merken; verlaten winkelwagens. | Vergelijker (type × validatie × merk) met badges en uitgiftetijd; wizard met drie vragen; productpagina met "vergelijk met". | Add-to-cart-ratio, checkout-voltooiing |
| Weinig social proof, geen CTA-hiërarchie | Leadformulieren worden niet gevonden of niet vertrouwd. | Trust-bar met aantoonbare feiten, dienstbeloften op elke dienstpagina; één primaire CTA per pagina, herhaald onderaan. | Formulier-starts en -voltooiing |
| Offerteformulier generiek | Onvolledige aanvragen, veel heen-en-weer. | Pentest-formulier vraagt om type, scope en periode; zakelijk e-mailadres verplicht; validatie met concrete foutmeldingen. | Aandeel gekwalificeerde leads |
| EN-site half af | Internationale kopers en Engelstalige CISO's haken af; duplicate/thin content voor SEO. | Alle kerncopy tweetalig in het design; kennis-sectie EN met expliciete NL-only-markering; hreflang-strategie in het integratie-advies. | EN-sessies, EN-conversie |
| Generieke enterprise-look | Geen herkenbaarheid, geen reden om te onthouden. | Eigen identiteit "Petrol & Koper": eigen kleur, eigen letter, eigen componenten; dark-mode-ready. | Terugkerende bezoekers, merkzoekverkeer |
Volgende stap: het design system (stap 2), daarna de hifi-schermen, het prototype en de pitch.