Zo maak je een banner voor je registratiepagina die op elk apparaat goed werkt

Je registratiepagina is vaak de eerste indruk die mensen krijgen van je webinar. En zoals je weet: die eerste indruk telt. Op onze vernieuwde registratiepagina kan je een afbeelding uploaden die zich automatisch aanpast aan desktop, tablet en mobiel. Zonder dat je zelf iets hoeft te resizen.

Maar let op: om ervoor te zorgen dat je banner er op elk apparaat goed uitziet, zijn er een paar dingen waar je rekening mee moet houden. In deze korte gids leggen we uit hoe het werkt, wat je beter kunt vermijden, en hoe je een banner maakt die echt iets toevoegt aan je registratiepagina.

Hoe de nieuwe banner werkt (en wat dat betekent voor je ontwerp)

Je hoeft maar één banner afbeelding te uploaden. Die ene afbeelding passen we automatisch aan voor verschillende schermformaten, door hem bij te snijden volgens vaste beeldverhoudingen. We snijden dus bij op basis van schermbreedte, in plaats van de afbeelding te verkleinen. Zo blijft je banner scherp en leesbaar, ook op kleine schermen. Als we de hele afbeelding zouden schalen voor mobiel, zou alles simpelweg te klein zijn om goed te kunnen lezen.

Dit is hoe dat bijsnijden er in de praktijk uitziet, op basis van ons aanbevolen formaat van 1940 × 388 pixels (het maximale formaat op desktop):

• Tablet: 1164 × 388

• Mobiel: 776 × 388

Zowel op tablet als mobiel worden de zijkanten afgesneden. Houd daar dus rekening mee tijdens het ontwerpen.

Zet de belangrijkste inhoud in het midden

Het belangrijkste deel van je banner — bijvoorbeeld je logo, de titel van het webinar of een kernboodschap — hoort in het midden te staan. We raden aan om te ontwerpen met een veilige zone van 776 × 388 pixels. Dat is het deel dat altijd zichtbaar is, zelfs op mobiel.

Staat je belangrijkste informatie nu buiten dat middengebied? Dan kan je ook een focuspunt selecteren in je banner. Dit focuspunt vormt dan het nieuwe midden en wordt altijd getoond, ook op kleinere schermen.

Om het makkelijker te maken, hebben we een template gemaakt waarin je precies ziet waar de veilige zone zit. Zo weet je zeker wat wel en niet in beeld komt.

Waarom we hiervoor hebben gekozen

Er bestaat niet zoiets als één standaard “mobiele resolutie”. Telefoons en tablets verschillen enorm in formaat en verhouding. Als we de banner niet zouden bijsnijden, zou je al snel drie of meer versies van je afbeelding moeten maken om alles goed te laten werken.

Deze nieuwe aanpak lost dat probleem op. Het zorgt ervoor dat je:

• Een registratiepagina hebt die op elk apparaat goed oogt

• Tijd bespaart doordat je maar één afbeelding hoeft te uploaden

• Je kan richten op je boodschap, in plaats van op formaten

Laat je eerste indruk tellen

Je banner is niet zomaar een achtergrond. Het is het eerste wat mensen zien, het zet de toon en nodigt uit om verder te lezen. Met de nieuwe regels weet je zeker dat je banner overal goed tot z’n recht komt.

Gebruik de template, zet je boodschap centraal, en geef je registratiepagina een sterke visuele start.