Esempi di pagine di prodotto per la conversione ottimizzata: completo di guida
Pubblicato: 2022-03-01Immagina 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

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

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.

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

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

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

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

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

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

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

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

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)

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

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

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

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

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

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

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

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

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".

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

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

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

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

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!