1. Homepage: Header

Tutorial video duur: 30 min

Wanneer je een header vormgeeft kun je alle kanten op gaan, van 50px hoogte tot hoger dan 100px. Iedere header heeft een unieke vorm en gevoel, van een super gelikte en minimalistische header tot een wat groter en uitgebreidere variant.

De keuze die je hierin maakt is cruciaal voor de rest van de site, want er is ook nog een keuze om geen header te gebruiken maar direct de logo en buttons op de achtergrond te plaatsen wanneer er een afbeelding onder zit. Welke keuze jij maakt heeft te maken met de dienst of doel van jouw site, is het een sferische site of meer dienst / verkoop gericht. In mijn geval, de HKU site, moet het een buttonbalk zijn die 1. overzichtelijk is, 2. minimalistisch en 3. recht voor z'n raap. Want ik wil dat de nieuwe en de huidige leerling snel kunnen doorklikken naar de pagina's die relevant voor hun zijn, en dit is overzichtelijker met een minimalistisch ontwerp. Het 'finetunen' van deze buttons is iets wat daarvoor gebeurd, welke knoppen komen erin, social media links en sub-buttons. Eventuele zaken zoals zoeken moet je ook rekening mee houden, kortom - een header is nogal wat.

De keuzes die ik maak voor de HKU site en hoe ik deze ontwerp vind je terug in de tutorial over headers hieronder.