Esempi di pagine di prodotto per la conversione ottimizzata: completo di guida

Pubblicato: 2022-03-01

Immagina questo: è notte fonda e ti ritrovi sul web. Stai cercando la soluzione perfetta al problema che ti ha assillato per tutta la settimana. Sei stato qui prima. Abbassato, testa tra le mani, e il sonno bussa alla tua porta. Un attimo prima che ogni speranza sia persa, Eureka! Finalmente ottieni un risultato di ricerca promettente. Con il fiato sospeso, fai clic e...

Non accade nulla. Dopo un'eternità, uno schermo bianco inizia a eseguire il rendering con pareti di testo e un'unica, minuscola immagine pixelata del prodotto. I flashback dell'era del dial-up riempiono la tua mente. Scansioni la pagina per qualche rimedio, ma non trovi informazioni sui prezzi, recensioni dei clienti e più numeri di telefono che ti dicono di chiamare per ulteriori informazioni. Non è un'intuizione di collegamento funzionante e la loro unica prova sociale è l'animazione di un gatto che ti dice che questo prodotto è "Purrrrfect!" È dolorosamente evidente: sei inciampato nel cimitero di un sito web.

Non lasciare che questo incubo sia il tuo negozio! Le migliori esperienze utente provengono da siti Web accattivanti e aggiornati regolarmente, piuttosto che da siti che lasciano l'utente a chiedersi se è necessario eseguire il proprio software antivirus. Sia che tu stia appena iniziando o che tu stia cercando di aggiornare il tuo negozio di e-commerce, siamo qui per aiutarti!

In questo articolo, esamineremo i criteri minimi che ogni pagina di prodotto dovrebbe avere, oltre ad alcune scelte di design da evitare. Abbiamo persino messo insieme una raccolta delle nostre pagine dei prodotti preferiti con un rapido elenco di pro e contro per ciascuno per ispirare il tuo prossimo progetto!


Costruire la pagina del prodotto perfetta

Lo scopo della tua pagina prodotto è, beh, vendere il tuo prodotto! Ma si tratta anche di capire cosa i tuoi visitatori si aspettano che il tuo sito web faccia per loro. La persona media negli Stati Uniti trascorre sette ore e 50 minuti al giorno su Internet. Con così tanto tempo ogni giorno investito nella ricerca di siti Web diversi, le persone che visitano il tuo sito tratteranno la loro esperienza allo stesso modo in cui un sommelier di prima classe criticherebbe una bottiglia di vino. I tuoi visitatori sono altamente in grado di cogliere le sfumature tra una buona esperienza e una cattiva.

Non solo la pagina del tuo prodotto dovrebbe includere i fondamenti che i tuoi visitatori si aspettano, ma dovrebbe fornire un'esperienza utente senza attriti includendo anche il tuo stile unico che li farà tornare.

Soddisfare le aspettative dei tuoi utenti può essere come camminare su una corda tesa se non sei sicuro di cosa stanno cercando. Questo è il motivo per cui abbiamo messo insieme una guida che delinea le migliori e le peggiori pratiche per progettare la pagina del tuo prodotto che ti aiuterà a interagire con gli utenti e, in definitiva, ad aumentare il tuo tasso di conversione.

Best practice per la pagina del prodotto

C'è molto da fare per creare pagine di prodotti brillanti, quindi abbiamo creato un elenco di caratteristiche e concetti delle pagine di prodotti che riteniamo più importanti per migliorare l'esperienza dei tuoi visitatori se usati con gusto.

  • Pulisci l'URL
  • Nome accattivante
  • Informazioni sui prezzi trasparenti e anticipate
  • Call to Action (CTA) ad alta visibilità
  • Disponibilità dell'articolo
  • Opzioni di prodotto distinte
  • Immagini nitide dei prodotti con angolazioni, situazioni e modelli della fotocamera multipli
  • Possibilità di confrontare prodotti simili
  • Pulsante "Aggiungi ai preferiti/lista dei desideri".
  • Immagini, video e gif ottimizzati per il Web di alta qualità
  • Sezione FAQ
  • Funzionalità di zoom
  • Realtà aumentata
  • Visione a 360°
  • Descrizioni dei prodotti vivide
  • Funzionalità di chat dal vivo
  • Un mix di prodotti e lifestyle media per la narrazione di storie
  • Design reattivo
  • Sezione "prodotti correlati" pertinente
  • Sezione "Upsell".
  • Possibilità di aumentare la quantità di prodotto
  • Guida alle taglie/alla vestibilità (se applicabile)
  • Navigazione senza interruzioni
  • Opzioni di filtro intuitive
  • Pulsante appiccicoso "Torna all'inizio".
  • Altamente accessibile agli utenti diversamente abili
  • Politiche di spedizione e restituzione anticipate
  • Pulsanti appiccicosi "Aggiungi al carrello" o "Acquista ora".
  • Prova sociale
  • Dettagli estesi (materiali, specifiche tecniche, dimensioni, peso, caratteristiche speciali, ecc.
  • Nessuna ridondanza
  • Carattere spazioso e interessante
  • Tempi di caricamento rapidi
  • Funzionalità cross-browser
  • Amichevole in modalità oscura

Una parola di cautela: fai attenzione allo scorrimento delle funzionalità. Questo è quando una pagina assume così tante funzioni non necessarie che finisce per danneggiare l'esperienza complessiva dell'utente. Una funzionalità di realtà aumentata potrebbe non aiutare un'azienda che vende stuzzicadenti, ma aiuterebbe un'azienda che vende mobili di grandi dimensioni. Assicurati di dedicare del tempo a valutare quali funzionalità potrebbero aiutarti a mostrare meglio il tuo prodotto senza aggiungere tutto sotto il sole alla tua pagina.

Pratiche peggiori della pagina del prodotto

Quando inizi a implementare le migliori pratiche nel tuo sito, dovresti essere consapevole di alcune delle peggiori pratiche elencate di seguito. Questi concetti possono variare in gravità dal confondere gli utenti utilizzando il colore del carattere blu del collegamento ipertestuale per il testo normale, a qualcosa di più dannoso, come inserire oggetti indesiderati nel carrello di una persona.

  • Troppi colori
  • Prezzo contorto
  • Design incoerente
  • Esca e cambia tattica
  • Nascondi costi aggiuntivi
  • Descrizione troppo lunga/troppo corta o copiata
  • Nomi di prodotti incoerenti
  • False garanzie
  • Consiglia prodotti non rilevanti
  • Seppellire la chiamata all'azione
  • Immagini, video, gif piccoli e di scarsa qualità
  • Discorsi negativi/prova sociale
  • Pop-up ricorrenti
  • Conferma vergogna
  • Intrufolarsi negli articoli nel carrello
  • Navigazione poco chiara
  • Carattere compatto
  • Spazio negativo occupato
  • Nessuna FAQ
  • Nessuna prova sociale

Le 25 migliori pagine dei prodotti

Groove vita

Cosa ci è piaciuto

  • Soluzione molto istruttiva e facile per scoprire la misura dell'anello.
  • Grande pressione sociale (feed di Instagram, recensioni)
  • La descrizione è facilmente digeribile.

Cosa non ci è piaciuto

  • Il prezzo non è chiaro
  • Potrebbe utilizzare un pulsante "Acquista ora" appiccicoso sul desktop
  • Non utilizza tecniche di upsell
Pagina del prodotto Groove Life ring

Yeti

Cosa ci è piaciuto

  • Funzione ordinata in cui ti mostrerà la posizione più vicina che puoi acquistare
  • Tipografia unica
  • Marchio coerente

Cosa non ci è piaciuto

  • Ampio spazio bianco inutile sotto la galleria fotografica
  • Sezione "acquista ora" appiccicosa e odiosamente grande
  • Nessun uso di video o gif
Bottiglia d'acqua Yeti

Umano semplice

Cosa ci è piaciuto

  • Ottimo strumento di navigazione sul lato sinistro dello schermo
  • La sezione di revisione va a destra ea sinistra invece di espandersi su e giù, utilizzando meno proprietà immobiliari
  • Ottimo uso delle immagini per vendere caratteristiche e storia

Cosa non ci è piaciuto

  • Nessun pulsante "acquista ora" appiccicoso
  • Nessuna sezione di upsell quando sono specializzati in un sistema/ecosistema di rifiuti
  • I colori per CTA, intestazioni, recensioni e immagini/badge non si mescolavano.
Semplice cestino umano

addobbato

Cosa ci è piaciuto

  • Page facilita un senso di comunità tra gli acquirenti con una grande prova sociale
  • Un sacco di CTA
  • La tipografia si adatta alla voce del marchio con icone da abbinare

Cosa non ci è piaciuto

  • Le immagini dei prodotti avrebbero potuto essere integrate above the fold meglio
  • Ampio spazio bianco nelle FAQ
  • Manca di intestazione appiccicosa, pulsante "Acquista ora" o modo per saltare in alto
Deposito camion coperto

Nanofoglia

Cosa ci è piaciuto

  • L'intestazione permanente include la navigazione e il pulsante "Acquista", che si nasconde anche quando scorri verso il basso.
  • Fantastica animazione di scorrimento above the fold
  • Eccellente costruzione della storia attraverso le immagini
  • Il titolo della pagina cambia quando cambi scheda

Cosa non ci è piaciuto

  • Nella sezione Effetto luminoso dinamico manca un video
  • Il video avrebbe potuto essere riprodotto senza aprire una finestra
  • Spazio bianco ampio e inutilizzato sotto la piega
Arte da parete illuminata Nano Leaf

Scherzo

Cosa ci è piaciuto

  • Upsell, upsell e ancora più upsell!!
  • Ottimo uso dei colori
  • Buon uso delle gif piuttosto che delle immagini fisse

Cosa non ci è piaciuto

  • Prezzo incoerente
  • La sezione delle recensioni ti allontana dalla pagina del prodotto e manca di prove sociali
  • Garanzia nascosta/politica di restituzione/spedizione, potrebbe utilizzare i collegamenti per ulteriori letture
Spazzolino Quip

DBrand

Cosa ci è piaciuto

  • Grandi opzioni di personalizzazione che si riflettono nelle immagini del prodotto.
  • Fantastica narrazione raccontata dalla voce impenitente e abrasiva del marchio.
  • L'animazione di scorrimento con foto ad alta risoluzione mantiene l'utente impegnato

Cosa non ci è piaciuto1200

  • Inviti all'azione molto limitati
  • Nessun upsell o cross-sell, solo una vendita suggestiva
  • Nessuna intestazione appiccicosa o pulsante "Aggiungi al carrello" appiccicoso
Custodia per telefono Dbrand

Vessi

Cosa ci è piaciuto

  • Animazioni eccellenti, in particolare l'animazione della scarpa che esplode
  • Bella intestazione appiccicosa con il pulsante "Aggiungi al carrello".
  • Fantastica sezione di recensione che puoi ampliare

Cosa non ci è piaciuto

  • Il feed di Instagram avrebbe potuto essere interattivo
  • Le immagini avrebbero potuto essere ingrandite al passaggio del mouse anziché al clic
  • L'intestazione appiccicosa potrebbe averti permesso di cambiare il colore
Scarpe da corsa Vessi

Marucci

Cosa ci è piaciuto

  • Ampia personalizzazione che aggiorna l'immagine del prodotto in base alla variante scelta
  • L'immagine del prodotto si attacca alla parte superiore dello schermo
  • Design minimalista, offre solo ciò di cui hai bisogno

Cosa non ci è piaciuto

  • Nessun pulsante "Acquista ora" appiccicoso
  • Avrebbe potuto usare icone di fiducia e più prove sociali
  • Manca di colore e creatività generale
Mazza da baseball Marucci

Falco pescatore

Cosa ci è piaciuto

  • Sezione interattiva e informativa “Caratteristiche speciali”.
  • Crea una sezione di upsell e cross-sell
  • Eccellente intestazione adesiva con navigazione e pulsante "Acquista ora".

Cosa non ci è piaciuto

  • Sezione di revisione extra-lunga
  • Le immagini dei prodotti avrebbero potuto essere più uniche tra le varianti
  • Grandi colonne laterali vuote che avrebbero potuto essere utilizzate per espandere la storia del marchio, cosa che manca alla pagina
Zaino da falco pescatore

Banda Olufsen

Cosa ci è piaciuto

  • Prova sociale da esperti
  • Ottimo uso di pulsanti e intestazioni permanenti, ottimo uso degli upsell in tutta la pagina nelle sezioni pertinenti
  • Fantastiche foto e video del prodotto

Cosa non ci è piaciuto

  • Potrebbe modellare meglio i loro tag H
  • Nessuna FAQ "on-page".
  • Nessuna recensione dei clienti
Altoparlante della banda Olufsen

Pelletteria

Cosa ci è piaciuto

  • Eccellenti immagini del prodotto
  • La sezione "Strumenti", "Funzioni" e "Specifiche" è interattiva, intuitiva e informativa
  • Coinvolgimento della community con @leathermantools nel loro feed Instagram

Cosa non ci è piaciuto

  • La sezione di revisione è ampia, anche la sezione di revisione in evidenza è ridondante
  • Nessuna storia raccontata
  • Niente appiccicoso (oltre alla chat)
Multiutensile Leatherman

SodaStream

Cosa ci è piaciuto

  • Partner commerciali di Show
  • La descrizione del prodotto non è solo un paragrafo di testo ma è suddivisa in punti facilmente digeribili
  • La sezione di confronto è bella

Cosa non ci è piaciuto

  • Spazio bianco eccessivo
  • Nessun appello dell'utente (nessuna storia, nessun vantaggio
  • Non organizzato/nessun flusso ad esso
Prodotto Soda Stream

Herman Miller

Cosa ci è piaciuto

  • Uso fuori dagli schemi della tipografia
  • Ottimo uso del video
  • Un sacco di informazioni dettagliate con ottime immagini per accompagnarlo

Cosa non ci è piaciuto

  • Il menu a discesa dei dettagli del prodotto si apre automaticamente, creando un grande muro di testo normale
  • Allineamento del testo incoerente
  • La sezione delle domande e risposte sul prodotto e la sezione delle recensioni avrebbero dovuto essere un menu a discesa
Pagina del prodotto della sedia Herman Miller

HURU

Cosa ci è piaciuto

  • Buon uso dell'upselling
  • Spiega bene il prodotto attraverso immagini e descrizioni informative
  • Bella funzionalità del carrello, aggiunta adesiva al carrello in basso ti consente di aggiungere al carrello rimanendo sulla pagina

Cosa non ci è piaciuto

  • La sezione delle recensioni dovrebbe essere più bassa, i clienti sono abituati ad essere più bassa
  • CTA non ha colore, ma hanno un'animazione interessante
  • La sezione di revisione avrebbe potuto essere ridotta a icona
Zaino Huru

JBL

Cosa ci è piaciuto

  • Il miglior checkout appiccicoso che abbiamo visto finora
  • Ottimo uso dei colori del marchio
  • Ottima sezione di confronto

Cosa non ci è piaciuto

  • Il dispositivo di scorrimento delle funzioni non è eccezionale, colore incoerente, pulsante successivo scadente
  • I pulsanti sulla pagina ti portano a una pagina separata
  • Sezioni di supporto ridondanti
Pagina del prodotto degli auricolari JBL

Corsaro

Cosa ci è piaciuto

  • Pulsanti permanenti, ma l'intestazione permanente scompare quando scorri verso il basso per fornire il massimo spazio per il resto della pagina del prodotto. Riappare quando scorri verso l'alto
  • Ottimo uso del video in tutta la pagina
  • L'animazione di scorrimento con foto ad alta risoluzione e CTA mantiene l'utente impegnato

Cosa non ci è piaciuto

  • Noioso sopra l'area di piegatura rispetto al resto della pagina
  • Nessuna sezione di upsell o cross-sell
  • Lenta navigazione nella galleria fotografica
Tastiera corsara

UgMonk

Cosa ci è piaciuto

  • G
  • Buon uso delle gif, piuttosto che delle immagini fisse
  • Buon uso di upsell e cross-sell
  • Buon uso della prova sociale

Cosa non ci è piaciuto

  • Le immagini sono ridondanti
  • Revisionare il prodotto potrebbe essere migliore (ti porta in fondo senza un modo rapido per tornare indietro)
  • Non c'è modo di acquistare il prodotto rapidamente o in qualsiasi punto della pagina
Pagina del prodotto del taccuino UgMonk

Echelon

Cosa ci è piaciuto

  • Grande senso di comunità tramite Instagram
  • Spazio bianco sprecato molto poco
  • L'intestazione adesiva include un pulsante "Acquista ora".

Cosa non ci è piaciuto

  • La sezione Pitbull si sta polarizzando
  • La sezione dei membri avrebbe potuto utilizzare una sezione interattiva
  • Su Safari, si verifica un problema di scorrimento per rimanere bloccati quando si tenta di scorrere oltre una galleria di foto
Cyclette Echelon

DJI

Cosa ci è piaciuto

  • Grandi vendite con un interessante pulsante "Acquista ora" che ha un'integrazione della stima di consegna
  • Bella sezione "nella scatola".
  • Ottimo uso delle immagini per la sezione "Dai un'occhiata più da vicino".

Cosa non ci è piaciuto

  • Nessuna sezione di recensione con poche prove sociali
  • La sezione "Qual è il migliore per te" dovrebbe avere collegamenti ai prodotti di riferimento
  • Non c'è molta storia nella pagina del prodotto
Pagina del prodotto del drone DJI

Birra Dr (20)

Cosa ci è piaciuto

  • Mantiene la combinazione di colori in tutta la pagina, comprese le stelle nella sezione delle recensioni. Ogni pagina del prodotto ha una combinazione di colori unica basata sullo stile artistico
  • Buon cross-selling di altri prodotti
  • Fantastica prova sociale in tutta la pagina

Cosa non ci è piaciuto

  • Nessun upsell (potrebbe vendere merchandising)
  • Sezione di revisione extra-lunga
  • Nessuna intestazione adesiva o pulsante "Torna all'inizio".
Pagina del prodotto Brew Dr kombucha

Tagli

Cosa ci è piaciuto

  • La sezione di selezione dei prodotti è varia
  • Grande pressione sociale, hanno persino il loro hashtag
  • Il loro video sembra si fonde perfettamente con la pagina

Cosa non ci è piaciuto

  • Sezione di revisione inutilmente ampia
  • Nessuna storia/legami emotivi al prodotto
  • Nessun pulsante "Acquista ora" appiccicoso o possibilità di saltare in alto
Taglia la camicia

Alloi

Cosa ci è piaciuto

  • Statistiche di prova sociali animate ordinate
  • Può ridurre al minimo la sezione di revisione
  • La sezione delle domande frequenti è facile da leggere e ben riposta

Cosa non ci è piaciuto

  • La sezione progettata alla perfezione potrebbe essere interattiva
  • I pulsanti dell'immagine del prodotto "successivo" e "precedente" cambiano posizione in base all'immagine, quando si selezionano colori diversi, le immagini non si agganciano al colore corretto
  • Uso improprio della sottolineatura di contenuto/testo che non rimanda a nulla
Custodia per telefono Alloi

Dispositivi di trama

Cosa ci è piaciuto

  • Design della pagina piacevole
  • Il tono della copia è rilassato
  • Video e immagini ben integrati

Cosa non ci è piaciuto

  • Nessuna prova sociale
  • Non interattivo quando potrebbe essere e potrebbe utilizzare più animazioni
  • Nessun aumento
Pagina del prodotto del notebook Plot Devices

Maledettamente duro

Cosa ci è piaciuto

  • Le opzioni di personalizzazione si riflettono nelle immagini del prodotto.
  • Fantastica narrazione raccontata dalla voce impenitentemente abrasiva del marchio.
  • Ottimo uso della prova sociale di instagram

Cosa non ci è piaciuto

  • Nessun pulsante "Acquista ora" appiccicoso
  • Nessun upsell
  • Ampia sezione di recensioni
Pagina del prodotto del calzino Darn Tough

Conclusione

Ora che hai finito di sfogliare tutti i nostri esempi di pagine di prodotti preferiti, potrebbe essere più chiaro cosa differenzia una buona esperienza utente da una cattiva. Anche se ora sei dotato delle conoscenze per creare fantastiche pagine di prodotto, non prendere un Capitan Achab e trascorri tutta la vita a cercare la pagina del prodotto perfetta . Ti risparmieremo il fastidio, non ce n'è uno. Basta essere consapevoli del tempo e dell'esperienza di Internet dei visitatori in modo da poter superare le loro aspettative.

Se ritieni di aver bisogno di una guida in più o se questo è troppo opprimente, smetti di esitare sui tuoi sogni e contatta il nostro team di esperti di pagine di prodotto su WebCitz oggi!