De Hero sectie is het bovenste en daarmee belangrijkste deel van de pagina. De benaming ‘Hero‘ wordt niet zomaar gebruikt, want het is dat deel van de web page dat de bezoeker als eerste ziet.

Het wordt ook wel het deel ‘above the fold‘ genoemd. Het overige deel van de web page verschijnt pas na het scrollen, met name wanneer bij de bouw van de hero sectie voor een hoogte is gekozen, waarmee het volledige beeldscherm (full screen) wordt gevuld.

Een hero sectie kan -afhankelijk van de doelgroep waarvoor de website is gebouwd- doorgaans de volgende kernelementen bevatten:

• • een hoge kwaliteit achtergrondfoto of -video
  • een Titel en een Subtitel
  • Call To Action-knop
  • Scroll Down icon

De algemene trend is dat menig website begint met een hero sectie, die is voorzien van een achtergrond foto of -video, maar dit hoeft niet altijd zo te zijn. Hiervan afwijken kan een website een heel andere dimensie geven.

Op onze eigen website hebben we op diverse pagina’s verschillende openingssecties toegepast en gaan daar ook of verschillende manieren mee om. Zo openen we de home page met een gedeeld scherm en laten we op de by me.-pagina de video na het afspelen verdwijnen. Daarnaast is het ook mogelijk een slider toe te passen, waarbij meerdere beelden de revue passeren, bedoeld om de belangrijkste diensten of producten te tonen.

Wordt er een achtergrondfoto gebruikt, dan dient deze aansprekend te zijn en het doel van de website, de dienst of een product te tonen.

Hetzelfde kan worden gezegd van de achtergrondvideo, waarbij de speelduur beperkt moet blijven tot maximaal 5-10 seconden, ter voorkoming dat bezoekers gedesinteresseerd raken, doorscrollen of afhaken en wegklikken.

De Titel is bedoeld voor een duidelijke en beknopte kop, een ‘headline‘, een pakkende zin die de dienst of het product omschrijft. Ook wordt deze vaak gebruikt om de naam van het bedrijf te vermelden.

De Subtitel beschrijft een motto of een belangrijke aanvulling op de headline. Denk bijvoorbeeld aan het ‘You Can Do It’ van Nike.

De opvallende Call To Action-knop (CTA), vaak in een opvallende contrasterende kleur, moet de bezoeker aansporen om actie te ondernemen. Een klik brengt de bezoeker dan rechtstreeks naar het product, de dienst, een onboarding –een inschrijf- of aanmeldformulier- of naar meer in depth informatie om de bezoeker over de streep te trekken. (aankoop – inschrijving- aanmelding – etc)

De Scroll Down icon faciliteert het automatisch doorscrollen naar het begin van de volgende sectie.

De hero section kan ook geheel anders worden opgebouwd, zoals bijvoorbeeld merken als winkels als AH en Coolblue. Daar toont men direct de aanbiedingen of de producten die voor de meeste of beste omzet kunnen zorgen.

Weer een ander en bijzonder voorbeeld is dat van Dok Architecten, waar de gehele home page wordt gebruikt als portfolio met daarin verweven enkele reviews en teamfoto’s.

Er zijn voor de opbouw van de hero sectie dus meerdere mogelijkheden.

De About sectie heeft als hoofddoel vertrouwen en verbinding te zoeken met de potentiële klant.

De belangrijkste kernelementen hierbij zijn:

• Introductie & Visie
• Historie & Inspiratie
• Waarden & Filosofie
• Prestaties & Mijlpalen
• Teampresentatie & Functies

De introductie omvat een korte bondige tekst over het bedrijf of project en de doelstellingen.

Indien er geen sprake is van een voorgeschiedenis, dan kan de inspiratie voor een startup of project worden omschreven.

De waarden en filosofie verklaren het waarom van het bedrijf of project.

Prestaties en mijlpalen kunnen worden gebruikt om te benadrukken wat er tot op heden is bereikt en eventueel worden aangevuld met een einddoel. Denk aan certificeringen, onderscheidingen of grote successen.

Denk ook aan de mogelijkheid van weergave met behulp van een tijdlijn.

Met een teampresentatie kunnen de (belangrijkste) medewerkers worden geïntroduceerd, alsmede hun verantwoordelijkheden en expertises.

De Services of Product sectie toont een gestructureerd en visueel aantrekkelijk overzicht van hetgeen het bedrijf te bieden heeft of het project omvat.

De belangrijkste kernelementen:

• Overzicht Diensten & Producten
• Highlight op Core of Featured Dienst of Product
• Verwijzingen naar Pricing sectie
• Een CTA (Call To Action)

Het overzicht kan op verschillende manieren worden weergegeven, van een eenvoudige opsomming tot een uitgebreide maar vooral duidelijke beschrijving per onderdeel.

Extra aandacht vestigen op de core business of een featured product (meest gekozen of meest aantrekkelijke) door deze extra in de schijnwerper te zetten.

Verwijs naar de tarieven of zet de belangrijkste er direct bij.

Een eventuele CTA is bedoeld om de bezoeker aan te sporen tot actie.

De Pricing sectie helpt potentiële klanten inzicht te krijgen in de tarieven en de beste optie te kiezen die bij hen past. Denk hierbij vooral aan transparantie en het benadrukken dat er geen verborgen kosten zijn.

De belangrijkste kernelementen:

• Inleiding
• Pricing Plans voor diensten
• Product Pricing
• Inbegrepen features
• Money Back Guarantee
• Discount
• CTA (Call To Action)

De inleiding geeft een korte uitleg van de prijsstructuur.

De pricing plans voor diensten geven de verschillende opties weer, zoals pakketten, abonnementen of bundels en terugkerende periodieken (maandelijks/jaarlijks). Denk hier bijvoorbeeld aan basic, premium en pro, waarbij een duidelijk onderscheid wordt gemaakt en de voordelen erbij worden vermeld.

Bij product pricing moet worden gedacht aan inbegrepen features en een eventuele money back garantie.

Een CTA en (tijdelijke) discount moet de potentiële klant aansporen snel te beslissen.

De Testimonials sectie dient om vertrouwen te wekken bij de klant door het plaatsen van beoordelingen van tevreden cliënten of klanten. De beoordelingen moeten authentiek, visueel aantrekkelijk en gemakkelijk te lezen zijn.

Belangrijkste kernelementen:

• Headline
• Customer Quotes
• Ratings & Reviews
• Foto’s van klanten | Logo’s van bedrijven

De headline, zoals ‘Klanten vertellen…’ of ‘Vertrouwd door…’ moet de bezoeker attenderen op gedeelde ervaringen van cliënten of klanten.

Met customer quotes worden persoonlijke ervaringen gedeeld. Let op, deze ervaringen behoren autentiek en oprecht te zijn. Naast positieve ervaringen zijn minder positieve ervaringen voor de geloofwaardigheid en betrouwbaarheid ook van belang.

Reviews kunnen meer inzage geven in de kwaliteit van de dienst of het product en met ratings, zoals sterren, kan de mate van kwaliteit of betrouwbaarheid worden aangegeven.

Lees hier meer over testimonials.

Foto’s van klanten kunnen de gedeelde ervaringen meer kracht bijzetten. Hetzelfde geldt voor logo’s van bedrijven waarmee wordt samengewerkt of diensten aan worden verleend.

De Contact sectie helpt bezoekers om eenvoudig contact op te nemen, of het nu gaat om vragen, ondersteuning of samenwerking. Het moet duidelijk, toegankelijk en uitnodigend zijn.

Deze sectie kan de volgende kernelementen omvatten:

• Headline
• Contactformulier
• Bedrijfsgegevens
• Adresgegevens
• Openingstijden
• Locatie op een kaart
• Social Media
• Live Chat
• CTA (Call To Action)

De headline moet uitnodigen om contact te leggen.

Het contactformulier faciliteert het verstekken van persoonsgegeven en contactgegevens van de gebruiker, en biedt de mogelijkheid een vraag te stellen en te verklaren akkoord te gaan met een privacyverklaring.

Hierbij kunnen velden al dan niet verplicht zijn om te worden ingevuld alvorens verzending mogelijk is.

Bij bedrijfsgegevens kan worden gedacht aan KVK-nummer, BTW-nummer, inschrijving branchevereniging of register.

Naast de bedrijfsgegevens verhogen de adresgegevens de bereikbaarheid en vindbaarheid ook de betrouwbaarheid van het bedrijf. Fysieke adresgegevens kunnen door de klant worden geverifieerd.

De openingstijden vergemakkelijken het leggen van contact.

Met behulp van de links naar Social Media kan de potentiele klant meer (vaak visuele) informatie verkrijgen.

Het beschikken over een Live Chat versnelt het leggen van contact.

De CTA spoort weer aan tot het snel nemen van beslissingen.