Produktsider: 6 butikker med fantastiske produktsider

Produktsider er den sidste ting dine kunder ser, før de foretager deres køb.

Eller hvis ting ikke går som planlagt, det sidste, de ser, før de rammer udgangen.

Lad os opdele seks butikker fra seks forskellige nicher, hver med fantastiske produktsider. Vi sætter deres produktsider - som alle blev bygget med Shopify - under et mikroskop for at se, hvad de laver, som du kan replikere i din butik.

Indlæg

hvordan man gør din instagram mere populær

Standardproduktsiden
Allbirds
Hej M
Rene cyklusser
Et hurtigt ord om produktsidevideoer
Master & Dynamic
Søndagsforsyning
Studio pænt
Konklusioner på produktsider
Vil du lære mere?

Vent ikke på, at en anden gør det. Ansæt dig selv og begynd at kalde skuddene.

OPTAD-3
Kom godt i gang gratis

Standardproduktsiden

Chancerne er, at uanset hvilken designskabelon du bruger til din Shopify-butik, vil produktsidens backend se sådan ud:

Det er mere eller mindre, hvordan produktsider kommer ud af kassen: billede til venstre beskrivelse og Tilføj til kurv knap til højre valgfri ting som sociale knapper, mængdevælger og så videre.

Når sådanne sider skubbes live, vil de mere eller mindre ligne denne:

Intet galt med det. Alt det væsentlige er lige der. Flere billeder, farveindstillinger og (selvfølgelig) Tilføj til kurv knap.

Men lad os se på, hvordan en håndfuld geniale butikker omdanner standardprodukter-sider til iøjnefaldende produktsider.

Allbirds

Allbirds, der sælger sko, oprettede den produktside, vi kiggede på ovenfor. Du ved, den der ser normalt ud.

Men Allbirds 'produktsider er kun normale, hvis du ikke ruller ned. Når du dykker ind, finder du nogle af de bedste produktsider rundt.

Der er masser at fawn her. Først og fremmest overholder Allbirds det gamle ordsprog, at 'form følger funktion.' De har nemlig en produktbeskrivelse, der passer pænt i det tilvejebragte rum ved siden af det viste billede uden at forstyrre symmetrien i layoutet.

Men der er ingen mangel på info! For når du klikker på Lær mere, omdirigeres du til et anker nederst på produktsiden.

Det er her, du finder et massivt, farverigt afsnit viet til detaljerne, der ikke passer rent ovenpå:

Der er ingen regel, der siger, at produktbeskrivelser skal begrænses til den lille krog over vognknappen. Når du flytter disse detaljer ned, giver Allbirds det bedste fra begge verdener: Masser af detaljer og billeder, der fremhæver produktet, og et layout, der er intuitivt. (Dette layout sikrer også, at Tilføj til kurv knappen forbliver fastgjort over folden. Hvilket er hvor det hører hjemme.)

En anden fantastisk ting ved Allbirds 'produktsider er de frække videoer, de glider ind i:

Når du klikker på det 'billede', behandles du med en video i stedet for et andet produktbillede. Videoen er enkel - det er kun et par sekunder. Ingen Emmy-nomineringer her. Men denne slags berøringer kan revolutionere dine produktsider.

https://www.datocms-assets.com/22581/1603987525-woolloungerfemale1-1.mp4

Et par ting mere at påpege med Allbirds 'produktsider.

Vil du gøre dine produktsider mindeværdige? Hvad med et stort hi-def-billede af et bizart dyr:

Så er der en række fordele, der spænder fra komfort til bekvemmelighed til miljøhensyn, hver med sit eget smarte ikon:

Plugger på sociale medier på en produktside? Ja hvorfor ikke:

Se mere: Eksempler på Allbirds produktside

Mænds uldløbere

Træløbere til mænd

Liggestole til kvinder

Hej M

Dernæst er Hem, et skandinavisk møbelmærke. Hem anvender nogle kloge taktikker til at gøre produktsider til en helt egen oplevelse.

Okay, her er den grundlæggende produktside - være delen over skillelinjen. Hvis nogen allerede havde besluttet at købe, kunne de fortsætte og placere deres ordre med det samme.

Hem har deres egen måde at være økonomisk med yderligere detaljer. I stedet for at linke til andre dele af produktsiden bruger de en kollapsfunktion. Det her…

... bliver til dette:

Dette layout gør det, så du ikke behøver at rulle ned for at få vigtige oplysninger. Selvfølgelig, hvis du gør rul ned, tingene bliver ret interessante.

Dette er de første to billeder, du løber ind i: det ene er en video, det andet en kaktus.

Jeg kan ikke huske nogensinde at have set en kaktus sidde i en sofa. Når det er sagt, har jeg ikke glemt denne sofakaktus, siden jeg så den. Det er bare ... sejt. En dyr sofa på den ene side - en sofa, der kan prale af al den klasse, du forventer af high-end skandinavisk design - og en lille kaktus på den anden side. Det underlige lykkes at skabe en bizart mindeværdig scene.

Og så videoen. Endnu en gang er dette ikke videografi på filmfestivalniveau. Men det er bevægende billeder, og folk elsker bevægelige billeder. Videoen på 26 sekunder viser sofaen fra utallige vinkler og illustrerer, hvor let det er at konstruere.

Derefter flere billeder - store, smukke billeder - med et strejf af skrevet ord for at give kunderne de detaljer, de måske mangler.

Se mere: Eksempler på Hem-produktside

hvordan laver jeg et gif

Palo 2-pers. Chaise venstre

Udon-stol

Hele træskammel

Rene cyklusser

Cykelskaberen Pure Cycles inkorporerer mere end et par smarte elementer i deres produktsider.

Lad os nulstille fire subtile, men strålende detaljer.

1. Dette lille hjerte

Dette hjerte lader dig tilføje noget til din ønskeliste. Dette er et godt strejf af nogle få grunde: For det første gør det fremtidige køb lettere, hvilket altid er en god ting. For det andet lokker det folk til at forkaste deres kontaktoplysninger, så Pure Cycles kan fremskynde et fremtidigt køb med e-mails og rabatkoder.

2. Denne Messenger-mulighed

Dette kan være super praktisk for kunder. Det skader sandsynligvis heller ikke Pure Cycles'ove Facebook-bestræbelser på at have kunder, der beskæftiger sig med den sociale medieplatform på produktsider.

3. Mere indhold!

Pure Cycles giver dig et forspring på, at der er ekstra indhold under folden på denne produktside. Bare hvis nogen fejlagtigt troede, at denne side startede og sluttede med et simpelt køb.

4. Dejlig video

Endelig videoen indlejret blandt produktbillederne.

Klik på det, og du får dette. Intet galt med 50 sekunder af to flotte mennesker, der nyder livet med deres Pure Cycles cykler:

Resten af produktsiden Pure Cycles er forudsigeligt smuk. Pure Cycles indlæser det med kundeanmeldelser, fotos, plugs på sociale medier og forsendelsesoplysninger - ting, der bestemt ikke ville have passet deroppe ved siden af Tilføj til kurv knap.

Og for dem, der ønsker nogle konkrete detaljer, har Pure Cycles dig dækket:

Se mere: Eksempler på Pure Cycles produktside

Et hurtigt ord om produktsidevideoer

Hvis du lige har set Pure Cycles-videoen, tænker du måske: 'Hvordan &% $ ^ skal jeg oprette noget lignende?'

Ingen tvivl om, at videoen er ret glat. Sådanne ting ser ikke ud af luften.

Men videoer er ikke umulige!

Tro mig ikke? Lad os antage, at Oberlo begyndte at sælge sweatshirts. Sweatshirts er et sådant element, der bestemt kunne bruge en video på produktsiden - så vi lavede en! Dette blev oprettet på cirka 45 minutter, fra film til redigering til eksport til upload.

Sikker på, at denne video ikke får nogen stående ovationer. Og du er tilgivet, hvis du ikke er ved at købe en af disse sweatshirts. Men rul ikke øjnene på ideen om at lave video! Dette er ikke kun noget for store mærker. Barrieren for adgang er reduceret til at have lidt stærk kaffe og en iPhone.

Okay, vi går videre til vores næste butik.

Master & Dynamic

Master & Dynamic sælger avanceret lydtilbehør. Toppen af produktsiden er relativt normal ...

... men så bliver tingene ligefrem elegante, når du ser dig omkring.

Her er den Master & Dynamic-produktside under folden - en næsten tidslinje med funktioner:

Dette er ret strålende: ved hjælp af designet af det faktiske produkt til at brænde layoutet. Sikker på, at hovedtelefonledningen er specielt perfekt. Men selvom du sælger fidget spinnere, yogamåtter eller noget andet, giver opbygning af produktsiden omkring produktet dig en sammenhængende struktur at arbejde med.

Mod bunden, når du er blevet behandlet med en række fascinerende fotos, får du de tekniske specifikationer.

Se mere: Master & Dynamic produktside eksempler

ME05 øretelefoner

MW60 trådløse over-øretelefoner

Trådløs højttaler

Søndagsforsyning

Sunday Supply, en australsk butik, der sælger parasoller, går stort med sine produktsider. Ligesom, bogstaveligt talt stor.

De ignorerer standard 'produkt til venstre, detaljer til højre' layout og går i stedet ud med enorme billeder:

Selv gavekortets produktside fører med et massivt billede:

Du behøver ikke gå langt for at finde Tilføj til kurv knap, der sidder lige under dette billede. (Søndagsforsyningens knapper siger 'Føj til taske', fordi du ved, det er strandtema.)

Derefter støder du på nogle produktdetaljer, der er skrevet med en uimodståelig charmerende stemme, der giver paraplyen menneskelige egenskaber som at være 'en elsker af lange dage i solen og en god ledsager.'

hvordan man redigerer videoer på Windows 8

Andre detaljer som 'Foldes til 1,2M X 0,2M X 0,2M' eller '~ 7,0KG i vægt' findes nederst på siden, så det er alt sammen. Men hvorfor ikke føre med de sjove ting?

Som enhver butik, der sælger strandudstyr, ville være klogt at gøre, viser Sunday Supply også sine produkter ude i naturen. Når du kan bruge havet som baggrund, hvorfor ikke?

Se mere: Eksempler på produktside på søndagsforsyning

Natural Instinct Beach Paraply

Gavekort

Animal Kingdom Beach Paraply

Studio pænt

Studio Neats enhedsopbevarings- og opladningsenheder har produktsider, der er lige så klassiske som de smarte varer, de sælger.

Sidens infrastruktur er standard, men undtagelsesvis udført. De to sætninger i beskrivelsesteksten giver dig mulighed for at visualisere, hvordan varen ser ud på dit sted - 'På dit natbord eller ved dit skrivebord ...' - og rører som det cirkulære billede giver det noget pop.

Lige under det løber vi ind i en video, der er ren og poleret, men intet, der kræver Hollywood-knowhow.

hvis min twitter er privat, og jeg nævner nogen, kan de se det

https://www.datocms-assets.com/22581/1603987527-studio-neat.mp4

Derefter bliver produktsiden til en visuel rundvisning af de funktioner, som du kunne forvente, hvis du købte denne dockingstation. Alt imens er der accenter på afslappet tekst ('Så uanset hvordan du ruller, har du et sted til dine enheder').

Endelig inkluderer produktsiden nogle billeder af denne dockingstation rundt om huset og kontoret.

Designet på Studio Neats produktsider varierer, og de er alle gode. Her er for eksempel et par skud fra produktsiden til en touchscreen-pin. Denne anatomi-lektion er både informativ og visuelt overbevisende.

I mellemtiden får dette nærbillede af pennen i aktion virkelig lyst til at lege med en.

Se mere: Eksempler på Studio Neat produktside

Materiel dock

Kosmonaut

Apple TV Remote Stand

Konklusioner på produktsider

Disse produktsider deler alle et par ting til fælles. Lad os slå på dem tldr stil.

Der er masser af plads - brug det

Disse produktsider lader ikke pixels gå til spilde, og de viger heller ikke væk fra at få shopperen til at rulle lidt. Produktsider blev født i magasiner og aviser, hvor plads var dyrebar. Men online behøver du ikke vælge mellem det ekstra billede i forhold til den ekstra smule detaljerede oplysninger. Brug det hele.

Videoer og store billeder

Vi har rørt ved videoer. Du skal lave videoer! Og glem selvfølgelig ikke billederne. Disse sider har udsøgte billeder. Hvis du er dropshipper, betyder det, at du ikke bare skal bruge dine leverandørers fotos. Bestil dine produkter, og tag dine egne. Du behøver ikke at sælge cykler eller højteknologisk lydudstyr for at dine produktbilleder kan komme til liv.

Konvertering er stadig mulig øverst på siden

Disse kæbefaldende produktsider hjælper med at konvertere folk, der er på hegnet om køb. Derfor ser vi fotos og videoer og flotte layout. Men glem ikke de mennesker, der allerede har deres kreditkort ude! Hvis nogen er klar til at købe, skal du gøre, hvad disse butikker gør, og gøre det muligt at købe varer uden at rulle eller søge.