Förbered och optimera din Store above-the-fold

Stores är utvalda destinationer på Amazon där du kan visa upp ditt varumärke och dina produkter. Varje Store kan innehålla olika funktioner för att visa upp varumärkets produkterbjudanden och förbättra shoppingupplevelsen. I den här artikeln kommer vi att förklara avsnittet ”above-the-fold” i en Store, varför det är viktigt och hur du kan få det att fungera för dig.

I tryckbranschen och redaktionella branscher beskriver termen ”above-the-fold” innehållet i den övre delen av ett nyhetsbrev eller ovanför tidningens faktiska veck. När denna term översätts till det digitala utrymmet - i detta fall, Stores - beskriver den innehållet som syns direkt på skärmen när kunder först landar på sidan.

Utrymmet ovanför vecket (above-the-fold) ger en unik möjlighet att uttrycka innebörden av ett varumärke eller en produkt och bidrar till att skapa ett bra första intryck hos kunderna. Det är också där som kunder tillbringar större delen av sin tid på en webbplats.

Vilka är de viktigaste above-the-fold-komponenterna i en Store?

Komponenter above-the-fold
  1. Bildtext
  2. Logotyp
  3. Navigeringsfält
  4. Panelsektion

Utvald produkt

Utvald produkt är en display högst upp på varje sida och är en idealisk plats att visa upp varumärket på och få kunder att fortsätta scrolla för att läsa mer.

Sektion för utvald produkt

Detta är en widget som är utformad för att visa varumärkets logotyp i navigeringsfältet.

Logotyp-sektion

Menyn eller navigeringsfältet är en karta som guidar kundernas resa genom hela din Store.

Navigeringsfält

Panelsektion

Panelerna direkt nedanför navigeringsfältet är ett perfekt ställe för att presentera varumärkets unika säljförslag, eller de särskiljande fördelarna med ett varumärke eller en produkt som gör att det sticker ut från konkurrenterna.

Höjdpunkt i panelsektionen

Se till att du läser de kreativa riktlinjerna för din Store, för att förstå kraven för sidavsnitt och paneler.

Tips för att designa en stark above-the-fold-sektion

1. Visa upp fördelarna med ditt varumärke och din produkt

Användning av inspirerande livsstilsbilder, färger, videor och andra designelement above-the-fold kommer att förmedla den övergripande varumärkesidentiteten.

Above-the-fold-sektionen

För en produktfokuserad above-the-fold-sektion ska den utvalda produktbilden visa produkten, medan panelen strax under navigeringsfältet ska innehålla en text som förklarar produktens användbarhet tillsammans med en uppmaning till handling (CTA). Ett bra alternativ är att inkludera en bild med produkter som kan köpas, eftersom det minskar antalet klick för att köpa samtidigt som produkten visas i en realistisk miljö.

Panel med utvald produkt med uppmaning till handling (CTA)

Att dela upp produkter i kategorier är ett användbart sätt att skapa sidor och undersidor i Store, för att få en organiserad butik och minska ansträngningen för kunder. Kategorisidor ger kunderna större motivation att scrolla på Store. Därför rekommenderar vi att du har minst tre sådana sidor.

När du skapar kategorier för navigeringsfältet ska du hålla titlarna så korta som möjligt för att undvika att överväldiga kunder. Långa kategorititlar kan också minska antalet kategorier som visas.

Tänk på att navigeringsfältet ger en annan upplevelse på mobilen. På en stationär dator återges navigeringsfältet vågrätt. På mobilen ser det ut som en vertikal rullgardinsmeny som visar alla sidor och undersidor i Store.

Navigeringsfält

3. Undvik röra

Undvik att lägga till för många design- eller textelement till den utvalda produkt- och panelsektionerna. Ju renare din Store ser ut, desto effektivare blir den. Ta bort element som kan stjäla uppmärksamhet från budskapet och shoppingupplevelsen, till exempel onödig text i produktbilden eller panelerna under navigeringsfältet.

Navigeringsfält

4. Se till att all text är läsbar

Kontrollera läsbarheten hos logotypen och texten i produktbilden och panelerna för att upprätthålla en bra kundupplevelse.

Om logotypen innehåller text med litet teckensnitt kan den vara svår att se, särskilt på mobila enheter. Text som är svår att läsa på datorn kommer nästan säkert att vara oläslig på mobilen. I det här fallet bör du överväga att placera logotypen endast i produktbilden och dölja den i navigeringsfältet.

Exempel på läsbar och icke läsbar logotyp

Är du redo att börja optimera upplevelsen av din Store above-the-fold? Hantera din Store eller registrera dig för att komma igång.