Ogni sito, anche il negozio Shopify più riuscito, ha bisogno che le persone facciano qualcosa: iscriversi a una newsletter, compilare un modulo di contatto. Gli e-commerce non fanno eccezione. Nessuno ordina in un solo gesto: è un percorso che passa dal riconoscere un bisogno, cercare le alternative, ordinare, ricevere il pacco e persino chiedere assistenza dopo l’acquisto. Un design chiaro ed efficace accompagna le persone al punto giusto di quel percorso, e le conversioni crescono.
Per aiutarti a restare davanti, qui sotto trovi 7 consigli di design semplici da applicare che i migliori negozi Shopify usano regolarmente per vendere di più.
I negozi Shopify di maggior successo non piazzano una call to action a caso davanti agli occhi di chi visita. Si affidano al percorso del cliente per capire quando è il momento di mostrarla.
Che cos’è il percorso del cliente?
Il percorso del cliente (fonte: Shopify partner)
È un processo in 5 passaggi: riconoscere un bisogno, informarsi sulle alternative, comprare, ricevere la consegna e ottenere assistenza dopo l’acquisto. Un giro così ampio permette di proporre call to action diverse in momenti diversi.
Per esempio, dopo un ordine serve spiegare come controllarne lo stato, così si riducono i costi di assistenza. Non ha senso chiedere l’iscrizione alla newsletter a chi sta per completare un acquisto: quella richiesta sta bene alla prima visita.
Un negozio Shopify ben progettato deve fare molto più che avere un pulsante «Aggiungi al carrello» ben visibile: deve offrire una bella esperienza d’acquisto. Per riuscirci ti serve una mano da qualche app, come TrustPulse o Growave. Piattaforme così permettono al tuo negozio di scegliere il momento con precisione, presentare offerte, programmi e call to action al momento giusto ed evitare fastidi a chi compra.
Si dice che le persone leggano solo il 30 % del contenuto di una pagina. Piuttosto scorrono in cerca di parole ed espressioni che rispondano alle loro domande o soddisfino la loro curiosità.
Per aiutare la chiarezza, la maggior parte dei negozi Shopify di successo dà al testo una struttura precisa: titoli, sottotitoli, elenchi e altri accorgimenti tipografici che spezzano i blocchi grandi in blocchi più piccoli. Così chi legge riconosce in fretta le parti che gli interessano.
Il contenuto non deve essere solo scorribile: deve anche essere pertinente (fonte: Shopify partner)
Invece di ripetere il tuo argomento di vendita davanti agli occhi di chi legge, portalo fin lì con il design tipografico. Il testo resta corto e centrato. Tieni d’occhio anche l’interesse di chi legge: si irrita in fretta se si accorge che il testo ignora le sue domande. Così costruisci fiducia e dimostri che la tua azienda tiene ai suoi clienti.
I designer ti diranno che le persone dedicano meno di 9 secondi a valutare una pagina. Gli elementi inutili rischiano di togliere attenzione alla call to action. Una reazione possibile è ridurre il numero di componenti sullo schermo, come fa la home di Google. I negozi Shopify migliori sanno però che questa strada non basta, perché incide sulla pagina e sul progetto grafico.
Un’alternativa è creare più spazio vuoto attorno alla call to action riducendo le distrazioni. Senza nulla intorno, l’attenzione va direttamente lì. I migliori negozi Shopify concordano: togliere distrazioni migliora quasi sempre le conversioni.
Yoga Rebel è uno dei negozi Shopify di moda con una call to action molto ben fatta: si vede benissimo e non ha nulla intorno che disturbi.
Funziona perché, non avendo altro su cui posarsi, l’occhio va naturalmente sulla call to action. Se vuoi stare tra i migliori negozi Shopify, non dimenticare di sfruttare lo spazio vuoto.
Da leggere: Landing page: 5 consigli per aumentare le conversioni
Il colore è un ottimo modo per attirare l’attenzione. Se metti a contrasto il colore della call to action con lo sfondo, il messaggio risalta. Per esempio, se il colore dominante del sito è il blu, usare un colore diverso come l’arancione rende la call to action più efficace.
Come si sceglie il colore a contrasto? I negozi Shopify di maggior successo suggeriscono la ruota dei colori di Adobe o di Canva, che lo individua per te. Guardiamo quella di Canva.
Vedrai diverse combinazioni: scegli l’opzione «Complementari» per trovare il colore a contrasto.
La combinazione di colori complementari ti aiuta a trovare il colore a contrasto.
I colori complementari sono quelli che stanno ai lati opposti della ruota. Questa scelta offre un contrasto forte e un buon impatto: insieme, quei colori sembrano più vividi e si notano di più.
Con gli strumenti giusti scegliere un colore adatto alla call to action non è difficile. Canva mette a disposizione anche una guida alle combinazioni, se vuoi approfondire.
Qualche consiglio per colorare il pulsante:
«Qual è il colore migliore per le conversioni?» Le opinioni si contraddicono, perché la preferenza dipende da molti fattori, differenze culturali comprese. Il rosso, per esempio, abbassa le conversioni nei Paesi occidentali, dove viene letto come segnale di pericolo, mentre in Asia è associato a fortuna e prosperità. Non esiste una risposta unica: va calibrata sul tuo prodotto e sul tuo pubblico.
Può anche essere utile combinare il colore con altre tecniche per catturare l’attenzione, come icone, animazioni o immagini, di cui parliamo tra poco.
L’animazione è uno strumento potente per catturare lo sguardo, se usata con attenzione. Siamo fatti per notare anche il movimento più piccolo in un ambiente statico come una pagina web. Ma proprio perché è potente, se usata male ottiene l’effetto opposto. I negozi Shopify di successo lo riconoscono: troppa animazione porta le persone a ignorarla e a filtrarla. Un ciclo che si ripete di continuo diventa una distrazione, appesantisce e impedisce di concentrarsi sugli altri messaggi.
Per sfruttarla al meglio, quindi, usala con misura. Evita di ripeterla oppure, se vuoi comunque un ciclo, i migliori negozi Shopify consigliano di lasciare una pausa lunga tra una ripetizione e l’altra.
Elaborare un’immagine è più semplice che leggere un testo, quindi affatica meno. Il risultato è che notiamo le immagini prima delle righe di testo, senza nemmeno accorgercene. Il fenomeno è ancora più forte quando l’immagine contiene persone e volti: siamo naturalmente attratti dai visi e li cerchiamo per primi in una pagina.
Le immagini, quindi, possono aiutare o danneggiare le conversioni di un negozio online. Se un’immagine è strettamente legata alla call to action, la rende più visibile e fa crescere le conversioni. Al contrario, se tra le due non c’è alcun legame, le persone salteranno l’immagine e ignoreranno il messaggio.
Anche il contenuto dell’immagine conta. Quello che c’è dentro può portare lo sguardo verso la call to action o allontanarlo. Tendiamo per esempio a seguire lo sguardo della persona ritratta: se guarda dalla parte opposta alla call to action, stai perdendo occasioni. Usare uno strumento di grafica online può farti risparmiare tempo prezioso nei tuoi progetti creativi.
Lo sguardo della persona porta l’attenzione sul contenuto (fonte: Shopify partner)
Non si può negare che una call to action grande e ben marcata aiuti visibilità e tasso di conversione. Detto questo, la dimensione non serve solo a farsi notare: serve a dire qualcosa di convincente. Un pulsante grande lascia spazio a un messaggio più persuasivo, e i negozi Shopify di maggior successo lo usano proprio così.
Per esempio, invece di un «Compra ora» per una fotocamera, un pulsante più grande può dire: «Compra ora e scatta foto migliori». Per catturare l’attenzione usa parole diverse dal solito. Au Lit Fine Linens, uno dei migliori negozi Shopify in dropshipping, vende biancheria da letto: la sua call to action in vetrina dice «Scopri la biancheria d’autunno» invece del solito «Acquista ora».
La call to action di Au Lit Fine Linens per la collezione autunnale
Ti abbiamo mostrato alcune tecniche visive che i negozi Shopify di maggior successo applicano al proprio lavoro. Nessuna di queste, da sola, farà salire in modo significativo le conversioni. Ma metterle insieme può aumentare molto la visibilità delle call to action e, di conseguenza, le conversioni. Prova a testare colori, testi, animazioni e altro sul tuo negozio e vedi come va.
.svg)
