Francesco Chiappini - Ecommerce UX best practices: Come progettare un sito che vende

www.ecommerce-school.it francesco.ecommerce fchiappini
Ecommerce UX best practices: come progettare un sito che vende - F. Chiappini
Copyright EcommerceSchool
Vietata la Riproduzione, diritti riservati e protetti da DMCA
+ 2 CASE STUDIES
Ecommerce UX
Aumentare il fatturato
> 30% con il Redesign
Francesco
Chiappini
Best Practices per un sito che vende

www.francescochiappini.it www.ecommerce-school.it/blog www.ecommerce-automatico.itwww.ecommerceplan.it
www.ecommerce-school.it/corso www.beecommerce.it
Francesco Chiappini
• Imprenditore e Merchant Ecommerce
• Fondatore Ecommerce School
• Business Plan Specialist
• Marketing Automation Specialist
• Autore del libro “Marketing Automation
per Ecommerce” (ed.Flaccovio – uscita Marzo 2018)
www.rfmcube.com www.mageshop.com

IMMAGINA DI PRESENTARTI COSì
CON IL TUO ECOMMERCE...

O COSì...
MEGLIO
VERO?

«Un ecommerce non è un template»

Bisogna avere graﬁche proprie e
personalizzate
Se hai le tue graﬁche puoi slegarti
dalle logiche del template oltre ad avere
un’identità più forte

Produci Materiale proprio.
Per alcuni settori è indispensabile (vedi il fashion luxury), ma in generale ti
permette di avere un’ immagine differenziante, ma soprattutto tua.

www.viettishop.com
MOBILE

Value Proposition
Comunica in modo rilevante ciò che vendi e perchè devono
comprare da te

…Il peggio è che ad un utente bastano 50 millisecondi per formulare una prima
impressione sulla pagina che sta osservando! (Fonte: Stanford University)!!
HAI SOLO 50 MILLISECONDI DI TEMPO!
VALUE PROPOSITION: PUNTA ALLA CHIAREZZA

Non riempire il layout con graﬁche che disorientano il cliente.
I visitatori hanno pochi secondi per capire cosa vendi e qual è la tua value proposition.
��
HAI 5 SECONDI PER CAPIRE
COSA VENDONO SU
QUESTO PORTALE

La value proposition è la promessa di valore che fai al tuo cliente
Rispondi in maniera chiara, leggibile e ben visibile a queste domande:
● Perché devono acquistare da te?
● Cosa oﬀri di più rispetto agli altri
● Qual è il tuo valore aggiunto

La Value Proposition deve essere CHIARA, RILEVANTE E DI FACILE LETTURA
Deve avere priorità
massima
nella scala di visibilità.
La puoi inserire:
• Sopra La Slide (Sorgente
Natura)
• Sulla Slide stessa
• Nell’Header
• Subito sotto la slide
HOME PAGE: PUNTA ALLA CHIAREZZA

Più il tuo ecommerce è
sconosciuto e più
spazio devi dare a
garanzie/beneﬁci.
Aiutati con delle icone
per trasmettere in un
secondo il concetto e
valorizzarlo.
AGGIUNGI TRUST

Mobile First Design
Parti dal Mobile per progettare il tuo ecommerce

Acquisti tramite Mobile

• E’ necessario rivedere il layout in ottica MOBILE FIRST
• Spesso le agency progettano il layout desktop senza dare il giusto peso alla parte mobile
• L’imprenditore dall’altro lato vede l’ecommerce sul suo 27 pollici e giudica il layout e
la UIX in base a quello.

MOBILE FIRST DESIGN
RESPONSIVE DESIGN

Tips per Pagina
Consigli da applicare subito sulle pagine tuo ecommerce

HOME PAGE: MENù E ALBERATURA

HOME PAGE: FACILITA LA NAVIGAZIONE (RICERCA INTERNA)

Prevedi una o più sezioni da sostituire a seconda del comportamento utente
(immagini/slide)
HOME PAGE: SEZIONI DA PERSONALIZZARE

Puoi giocare su offerte a tempo, del giorno, shock o sconti alla rovescia.
Possono essere utili da utilizzare per il marketing.
HOME PAGE: OFFERTE E PROMO

PAGINA CATEGORIA/LISTING: FILTRI

PAGINA CATEGORIA/LISTING: OPZIONI PRODOTTI
Inserisci i colori, prezzi, taglie e recensioni, rollover, cta

PAGINA CATEGORIA/LISTING: MERCHANDISING PERSONALIZZATO
> ALTO STOCK
> ALTO MARGINE
> PRIVATE LABEL

SCHEDA PRODOTTO: GARANZIE ED INFO IN EVIDENZA
Inoltre comunica in modo chiaro e
rilevante:
- Disponibilità Prodotto
- Costi di spedizione
- Tempi di consegna reali/certi

SCHEDA PRODOTTO: PRODOTTI RACCOMANDATI
I prodotti correlati
devono essere
rilevanti.
Massimo 6-8 prodotti
Con il Marketing
Automation puoi averli
dinamici e sempre
aggiornati
> FARE UPSELLING
(prodotto stessa sottocategoria o simile a costo superiore)

SCHEDA PRODOTTO: RECENSIONI

CHECKOUT: ONE STEP (SENZA DISTRAZIONI)

CHECKOUT MOBILE: ONE STEP (SENZA DISTRAZIONI)

CASE STUDIES:
Aumentare il fatturato
del 30% con il Redesign

ediliamo.com
PRIMA

ediliamo.com
HOME PAGE

ediliamo.com
PAGINA
CATEGORIA

ediliamo.com
SCHEDA
PRODOTTO

ediliamo.com
CHECKOUT
SENZA
DISTRAZIONI

2014 - 2018
2018 - 2019

● L’impatto sulle revenue è proporzionale al tuo traffico
● Se hai molto traffico e clienti ﬁdelizzati effettua un redesign graduale
(vedi amazon dal 2005 ad oggi)
● Il redesign beneﬁcia di tutto il resto delle attività
● Senza un buon posizionamento non venderai lo stesso anche con un
sito bellissimo e ben navigabile (come è vero che ci sono siti brutti che
vendono e tanto)
● Il processo di ottimizzazione (C.R.O.) deve essere costante
TAKE AWAY:

E se dopo il
redesign volessi
ottimizzare
ancora di più il
sito ed aumentare
le vendite?

Effettua C.R.O. (Conversion Rate Optimization) costante & A/B Testing

… potenzia e migliora le tue attività di Marketing Automation
Prima si ottimizza il sito sul traffico aggregato,
poi si ottimizzano i segmenti.
Ottimizzazione sui segmenti
(Marketing Automation)
Ottimizzazione traffico
aggregato
(Conversion Optimization)
Analisi (web analytics, user
experience, buyer personas)

l’attenzione
FRANCESCO
CHIAPPINI
Founder@Ecommerce School
Grazie per
l’attenzione!
MAIL: info@ecommerce-school.it

Small Business e Pure
PlayerExtra Bonus

Risorse Gratuite – Blog Ecommerce School
https://www.ecommerce-school.it/blog/video/
https://www.ecommerce-school.it/blog/ebook-guide-gratuiti-ecommerce/
SCARICA LA GUIDA COMPLETA
Ebook Gratuiti
Video Gratuiti
Tutto quello che devi sapere prima di aprire un
ecommerce – 70’’ minuti
http://bit.ly/2xrCn9b

Francesco Chiappini - Ecommerce UX best practices: Come progettare un sito che vende

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Francesco Chiappini - Ecommerce UX best practices: Come progettare un sito che vende

Similar to Francesco Chiappini - Ecommerce UX best practices: Come progettare un sito che vende (20)

More from Ecommerce HUB

More from Ecommerce HUB (20)

Francesco Chiappini - Ecommerce UX best practices: Come progettare un sito che vende