Homepage

De homepage kan worden aangepast onder 'Eenmalig' > 'Homepage'. Er bestaat uiteraard maar 1 homepage, dus je kunt alleen de bestaande homepage aanpassen, geen nieuwe creëren.

Er zijn 3 tabs beschikbaar

  • Header: alle content die bovenaan de pagina verschijnt
  • Pagina: de inhoud van de pagina zelf
  • SEO: zoals op heel veel pagina is ook hier de meta informatie van de pagina aan te passen

Header

In de header van de pagina staan belangrijke info opgenomen die de bezoeker als eerste te zien krijgt.

De blauw gemarkeerde onderdelen zijn respectievelijk aan te passen van Algemeen > Navigatie en Algemeen > Agent

Het rood gemarkeerde deel is in deze tab aan te passen. De meeste bezoekers zien dit onderdeel als eerste, het is dus belangrijk een goede indruk na te laten.

De header foto kan worden gepersonaliseerd, maar je best het volgende indachtig:

  • De foto wordt automatisch over de volledige breedte van het scherm getoond en zal dus meeschalen en in/uitzoomen naar gelang de beschikbare ruimte op het scherm van de bezoeker
  • Het design voorziet in een foto weergave met aspectratio (verhouding breedte tgo hoogte) van 2:1
  • De foto zal aan de onderzijde automatisch worden bijgeknipt om ze passend te maken
  • Standaard wordt in de bovenste helft van de foto tekst geplaatst samen met knop

Wanneer je vertrekt van een liggende foto met een standaard aspect ratio van 4:3 (verhouding breedte 4 tgo hoogte 3) of 3:2 is dit de ideale foto:

  • De resolutie van de foto is minstens 1200 op 900 of 1200 op 800
  • Hou ongeveer bovenste helft van de foto vrij (zet bv. geen medewerkers daar in beeld). Daar komt immers de headertekst + button standaard op.
  • Hou ongeveer 1/5 van de foto aan linker- en rechterzijde van de foto vrij. Deze ruimte is nodig om te kunnen schalen bij veranderende schermgroottes.
  • Zorg dat 1/5 van de onderkant van de foto geen cruciale elementen bevat (bv geen hoofden). Deze ruimte is immers nodig om te kunnen schalen bij veranderende schermgroottes.

Een voorbeeld van dergelijke foto (aspectratio 3:2):

  • Zwarte contouren zijn de mensen
  • In het gele vlak met rode stippellijn staat de kern van de foto

Wanneer de foto bovenaan wat aan de donkere kant is, kun je een lichte achtergrond aan de headertekst toevoegen via de knop 'Header slogan op witte achtergrond'

Naargelang de beschikbare schermbreedte krijg je dan het volgende resultaat

Smal scherm

Normaal scherm

Breed scherm

Pagina

Door middel van de contentbuilder kunnen verschillende elementen worden voorzien, standaard zijn de volgende voorzien:

Deze elementen kunnen worden vervangen en/of aangevuld met andere blokken. Test de weergave van deze pagina goed uit, een eerste indruk kun je immers maar één keer maken



Laatst geupdate op 9 okt. 2021