Det bedste layouthierarki til dit websted for at få fat i flere kunder og salg

Udformning af din online butik rejser forskellige spørgsmål. Din startside fungerer som et knudepunkt for bedste ting på din online butik, med komponenter såsom billedskydere, indkøbskurvknapper, miniaturebilleder og knapper til produkt og abonnementsformularer til e-mail-marketing.

Hver af dem er vigtige, men hvordan organiserer du dem for at få fat i flere kunder, i betragtning af at hjemmesiden generelt er den mest besøgte side på dit websted? Hvis vi ser på nogle af de mest kreative og succesrige e-handelsforretninger, kan vi finde ud af et standardlayouthierarki, der genererer noget af en skabelon, hvor hver af disse komponenter sidder på din startside.

Vi starter med toppen af ​​hjemmesiden og arbejder os ned. Fortsæt med at læse for at lære om det bedste hierarki for layoutdesign til din startside for at få fat i flere kunder.

Dit logo til venstre eller midten (og overskriftskomponenter)

Din startsidehoved spænder også over hele dit websted, så disse moduler kræver en dybtgående overvejelse. Målet med din header er hurtigt at vise folk, hvad dit websted handler om, og at give brugerne et par af de mest højtydende knapper og felter til at finde indhold.

Logoet

logo placering

Start med dit logo. Et pænt designet logo giver mest værdi her, men du skal sikre dig, at det er placeret i øverste venstre hjørne af i midten af ​​overskriften. Folk læser fra venstre mod højre, og logoet giver typisk en idé om, hvad webstedet tilbyder. Hvis dit logo ikke umiddelbart forklarer din virksomhed, skal du medtage en kort tagline under eller til siden af ​​logoet.

Søgelinjen

vigtigheden af ​​søgefeltet

Hvert e-handelswebsted er en lille søgemaskine i sig selv. Hvis en af ​​dine kunder, lad os kalde ham Steven, lander på din startside og leder efter et halskæde, har han kun et par muligheder for at finde, hvad han har brug for.

Den første og mindre effektive metode involverer at klikke på en af ​​menyknavigationskategorierne. Den anden metode, der normalt fører brugerne til den rigtige side lidt hurtigere, er en søgelinje. Hvis søgefeltet er skjult under din skyderen, eller den er placeret et sted langs din sidebjælke, tvinger du dine kunder til at sile gennem rodet bare for at udføre en simpel søgning.

Placer dette i din header og gør det klart.

Indkøbskurv Ikon og knap

Screen Shot på 2015 06-01-11.25.00 AM

Da så mange online butikker placerer indkøbsvognikonet i øverste højre hjørne af webstedet, kan du antage, at de fleste kunder instinktivt kigger der oppe for at finde, hvad der er i indkøbskurven.

Desværre sidder du typisk fast med alt hvad dit tema eller e-handelsplatform tilbyder med hensyn til indkøbsvognmodulet, men her er en retningslinje, hvis du er i markedet for at ændre designet:

  • Medtag et indkøbskurvikon
  • Indarbejd et link eller ikon, der giver en et-klik-checkout fra enhver side på webstedet
  • Vis et nummer for at indikere, hvor mange varer der er i indkøbskurven

Forsendelsesmeddelelser

Screen Shot på 2015 06-01-11.25.09 AM

En smuk måde at skabe uopsættelighed er at tilbyde gratis forsendelse eller andre incitamenter, efter at brugerne har købt en bestemt mængde produkt. Hvis du vælger at inkludere noget som dette i din strategi, er det vigtigt at offentliggøre meddelelsen i dit websteds overskrift.

Screenshotet ovenfor viser et dejligt eksempel på, hvordan Kutoa-selskabet forklarer sin forsendelsespolitik uden at optage for meget plads.

Sæsonbestemte bannere

Dette svarer til den forsendelsespolitik, vi talte om ovenfor, men hvis du holder en sæsonbestemt kampagne eller en særlig aftale, hvordan forventer du, at folk lærer om dette? Reserver et sted i din header til små salgsfremmende bannere. På denne måde, når ferierne ruller rundt, slipper du blot en grafik og lader den stå, indtil kampagnen slutter.

Login / registrering knap

Dette er en af ​​bærebjælkerne på hjemmesider til e-handel. Vis et login / registreringslink tydeligt i overskriften. Det skaber en problemfri checkoutproces for kunden, og du kan indsamle nogle af kundeinformationerne.

En navigationsmenu med de passende faner

Dine menupunkter afhænger fuldstændigt af, hvilken type virksomhed du driver, men det er åbenlyst noget, der skal inkluderes i hjemmesideshierarkiet. Den bedste taktik er at skrive ned, hvor du vil have dine kunder til at flytte først og vælge dine menupunkter baseret på det. Sælger du hovedsageligt skjorter? Lav et af dine første menupunkter til et direkte link til dine mest populære skjorter.

Billede eller skyder med overlayet opfordring til handling og knap

CTA-skydere

Billedskyderen sidder lige under overskriften, og det fungerer som en måde at dele fantastiske fotos af dine produkter på. En glider med bare billeder er ubrugelig. Indarbejd opfordring til handlinger og knapper, der skubber brugerne til nogle af dine mest populære produkter eller kampagner.

Medtag fire eller fem lysbilleder i skyderen, og skift dem ud afhængigt af din egen strategi.

Produkt miniature-raster eller skyder

miniature som en skyder eller et gitter

Den Shopify blog forklarer, hvordan det at tilbyde for mange valg forvirrer kunder, skubber dem til at forlade dit websted eller foretage færre køb. Selvom din startside kræver et produktnet lige under billedskyderen, skal du tænke to gange om pakning i mere end fire eller fem varer.

Abonnementsformular til e-mail-marketing

Indsamling af e-mails til udsendelse af fremtidige kampagner og nyhedsbreve er en af ​​de nemmeste måder at fastholde kunder og holde dem i løbet. Dette er et af de områder, hvor populære e-handelsforretninger varierer med hensyn til, hvor tilmeldingen til nyhedsbrevet sidder på hjemmesiden. Én konklusion er dog klar: Hvis du vil have folk til at tilmelde dig, skal du placere en tilmeldingsformular på hjemmesiden.

Den første metode er at ramme brugere med tilmeldingsformularen i overskriften. Dette antager, at dit nyhedsbrev indeholder indhold af høj kvalitet, og at du ikke føler dig flov over at markedsføre det lige uden for flagermus.
tilføj tilmelding i header

Andre butikker foretrækker sidebjælken eller sidefoden, når du deler tilmeldingsformularen til nyhedsbrevet. Jeg har bemærket, at onlinebutikker generelt placerer formularerne nær bunden af ​​siden, når de ikke sender mange e-mails. De forsøger blot at indsamle e-mails for at sende den lejlighedsvise forfremmelse.
Screen Shot på 2015 06-01-11.25.39 AM

Min foretrukne e-mail-erhvervelsestaktik er popup-formularen, der afslører sig efter en bruger på dit websted i et par sekunder. Disse genererer typisk flest abonnementer, og du kan tydeligt oplyse, at kunden modtager noget til gengæld.
popups

Sidebjælker eller netbaserede layouts?

Sidepanelet giver en unik mulighed for at konsolidere dine mindre vigtige komponenter, mens du stadig giver dem den eksponering, de fortjener. En lignende metode er, hvad vi kalder gitterlayouten, hvor hele din hjemmeside involverer et noget rutet mønster med firkantede moduler stablet ved siden af ​​hinanden.

netbaseret layout

Hvad er nogle faste komponenter, der skal medtages i sidebjælken?

  • En knap eller et link til din blog
  • Salgsfremmende eller sæsonbestemte bannere
  • Medielink
  • Sociale moduler eller links
  • En Om os-widget eller et område, der forklarer, hvad webstedet handler om

Seneste tweets

Sidefoden

De fleste af dine kunder navigerer ikke ned til sidefoden, men et par vigtige, men alligevel mindre presserende links er nødvendige.

Sidefoden

Jeg finder ofte, at det at kombinere den perfekte e-sidefod er en kedelig opgave, fordi det er let at glemme et par af de krævede genstande. Her er en liste for at komme i gang:

  • Kontakt os link
  • E-mail-link
  • Telefonnummer
  • Link til ordrestatus
  • FAQ-link
  • Sociale knapper
  • Garantilink
  • Fortrolighedspolitisk link
  • Bloglink
  • Forsendelsesinfo-link
  • Returinfo-link
  • Corporate information link
  • Joblink

Generering af et effektivt hierarki for e-handel-hjemmesider er en kunst, men med lidt hjælp og forståelse af, hvilke områder der konverterer flest kunder, kan du omdanne din startside til et hub til aktivitet. Når det er sagt, lad os en kommentar nedenfor, hvis du tænker på andre ting, der hører hjemme på denne liste.

Funktionsbillede forkortet af Chris Bannister

Catalin Zorzini

Jeg er blogger af webdesign og startede dette projekt efter at have brugt et par uger på at kæmpe for at finde ud af, hvad der er den bedste e-handelsplatform for mig selv. Tjek min nuværende top 10 e-handel byggere.