Je Store instellen en optimaliseren voor 'above the fold'

Stores zijn samengestelde bestemmingen op Amazon waar je je merk en producten kunt weergeven. Elke Store kan verschillende functies bevatten om het productaanbod van een merk te presenteren en de winkelervaring te verbeteren. In dit artikel leggen we het gedeelte 'above the fold' van een Store uit, waarom het belangrijk is en hoe je het voor jou kunt laten werken.

In de print- en redactiewereld beschrijft de term 'above the fold' de content in het bovenste gedeelte van een nieuwsbriefpublicatie of boven de daadwerkelijke vouw van een krant. Wanneer deze term wordt vertaald naar de digitale ruimte (in dit geval Stores), wordt de content beschreven die direct zichtbaar is op het scherm wanneer kopers voor het eerst op de pagina aankomen.

De ruimte 'above the fold' is een unieke kans om de betekenis van een merk of product uit te drukken en te helpen een geweldige eerste indruk te maken bij klanten. Het is ook de ruimte waar shoppers het grootste deel van hun tijd op een site doorbrengen.

Wat zijn de belangrijkste 'above the fold'-onderdelen in een Store?

'Above the fold'-onderdelen
  1. Hero
  2. Logo
  3. Navigatiebalk
  4. Tegelsectie

Hero

De hero is een billboard-display bovenaan elke pagina en is een ideale plek om het merk te presenteren en te helpen klanten aan te moedigen om verder te scrollen en meer te weten te komen.

Hero-sectie

Dit is een widget ontworpen om het merklogo weer te geven en bevindt zich in de navigatiebalk.

Logosectie

Het menu of de navigatiebalk is een kaart die de reis van shoppers door de hele Store begeleidt.

Navigatiebalk

Tegelsectie

De tegels direct onder de navigatiebalk zijn een perfecte plek om de unieke verkooppropositie van het merk te presenteren, of de onderscheidende voordelen die een merk of product biedt, waardoor het zich onderscheidt van concurrenten.

Hoogtepunt van tegelsectie

Bekijk de Creative-richtlijnen voor Stores om inzicht te krijgen in de vereisten voor paginasecties en tegels.

Tips voor het ontwerpen van een sterke 'above the fold'-sectie

1. Laat de voordelen van je merk en product zien

Het gebruik van inspirerende lifestyle-afbeeldingen, kleuren, video's en andere ontwerpelementen 'above the fold' brengt je algehele merkidentiteit over.

'Above the fold'-sectie

Voor een productgerichte 'above the fold'-sectie moet de hero het product weergeven en moet de tegel net onder de navigatiebalk tekst bevatten waarin het nut van het product wordt uitgelegd, samen met een oproep tot actie (CTA). Een goede optie is om een winkelbare afbeelding op te nemen, omdat dit het aantal klikken om te kopen vermindert terwijl het product in een realistische omgeving wordt weergegeven.

Hero-tegel met call to action

Het verdelen van producten in categorieën is een handige manier om pagina's en subpagina's van de Store op te zetten en zo voor organisatie te zorgen en wrijving voor klanten te verminderen. Met categoriepagina's hebben klanten een grotere motivatie om door de Store te bladeren. Om deze reden raden we aan om ten minste drie categoriepagina's te hebben.

Houd bij het maken van categorieën voor de navigatiebalk de titels zo kort mogelijk om te voorkomen dat je klanten overweldigt. Lange categorietitels kunnen ook het aantal categorieën dat wordt weergegeven verminderen.

Houd er rekening mee dat de navigatiebalk een andere ervaring heeft op mobiele apparaten. Op desktops wordt de navigatiebalk horizontaal weergegeven. Op mobiele apparaten wordt deze weergegeven als een verticaal vervolgkeuzemenu met alle pagina's en subpagina's van de Store.

Navigatiebalk

3. Voorkom een warboel

Vermijd het toevoegen van te veel ontwerp- of tekstelementen aan de hero- en tegelsecties. Hoe overzichtelijker de Store eruit ziet, hoe effectiever deze zal zijn. Verwijder elementen die de aandacht kunnen wegnemen van de boodschap en de winkelervaring, zoals onnodige tekst in de hero of tegels onder de navigatiebalk.

Navigatiebalk

4. Zorg ervoor dat alle tekst leesbaar is

Om een goede klantervaring te behouden, moet je rekening houden met de leesbaarheid van het logo en de tekst in de hero en tegels.

Als het logo kleine tekst bevat, kan die moeilijk leesbaar zijn, met name op mobiele apparaten. Tekst die lastig te lezen is op desktops zal vrijwel zeker onleesbaar zijn op mobiele apparaten. Overweeg in dit geval het logo alleen in de hero te plaatsen en het in de navigatiebalk te verbergen.

Voorbeelden van een leesbaar en een niet-leesbaar logo

Klaar om aan de slag te gaan met het optimaliseren van de 'above the fold'-ervaring van je Store? Beheer je Store of registreer je om aan de slag te gaan.