StartUp Week Catania 2018 - Landing Page Performanti con Gutenberg

Transcript

1. Landing Page Performanti Francesco Grasso Francesco Grasso
2. HELLO! Francesco Grasso Web Developer @yithemes.com Trainer @Your Inspiration WordPress Lover WordPress Meetup Organizer @francgrasso
3. Una pagina di arrivo/vendita/promozione, cioè la pagina che il tuo utente sta cercando . Non una pagina di transizione o una homepage. Spesso su dominio dedicato, spinge l’utente a compiere un’azione, catturando la sua attenzione, stimolando il suo interesse, per leggere tutto il contenuto e per far crescere il suo desiderio verso il soggetto della nostra pagina Cos’è una Landing Page? Francesco Grasso
4. Ho bisogno di una landing page o di un sito? Sito Landing page Numero di pagine 4/5 pagine o più Una singola pagina + eventuale pagina di thankyou Navigazione Tutte le pagine sono accessibili da navigazione Navigazione limitata a sezioni della pagina Scopo Presentare la tua company e mission, informare gli utenti sulle tue attività Vendere e fare lead Francesco Grasso
5. Non è una SALE PAGE o una SQUEEZE PAGE
6. Alcuni esempi
7. Alcuni esempi
8. Alcuni esempi
9. Alcuni esempi
10. Caratteristiche di una Call to Action - Posizione (centrale o in basso a destra) - Almeno 2 (inizio, fine, eventuali altre da valutare) - Colore a contrasto (il rosso acceso potrebbe essere troppo aggressivo, puntare su arancione o un colore a contrasto) - Testo personale e propositivo (Es. “Scarica la MIA risorsa”) - Riferimenti temporali (Es. “Scarica la mia risorsa ORA” - “Accedi al tuo corso ADESSO”) - Evidenzia con lo sguardo dei personaggi in foto - Evidenzia con frecce e elementi che richiamano attenzione -> Crea subito la tua Landing Page Francesco Grasso
11. Caratteristiche di una Call to Action -> Crea subito la tua Landing Page Francesco Grasso
12. Quale colore converte i più? Questione di colori Francesco Grasso
13. Il dilemma del ROSSO PRO - Il colore del successo e della forza in ambito sportivo *1 - Aumenta il principio di scarsità che fa compiere l’azione al potenziale cliente *1) https://www.livescience.com/276-red-outfits-give-athletes-advantage.html Reference: https://conversionxl.com/blog/which-color-converts-the-best/ CONTRO - Universalmente riconosciuto come colore di STOP, pericolo, caldo - In ambito accademico è percepito come segnale di ERRORE Francesco Grasso
14. Il dilemma del ROSSO Reference: https://conversionxl.com/blog/which-color-converts-the-best/ Francesco Grasso
15. The Power of BOB -Big Orange Button- Arancione rappresenta energia, entusiasmo, appetito, raggiungimento di obiettivi. https://www.bourncreative.com/meaning-of-the-color-orange/ https://www.leadpages.net/blog/ab-test-did-a-green-or-orange-button-increase-opt-ins-86-41/ https://www.widerfunnel.com/ https://unbounce.com/conversion-rate-optimization/the-future-of-marketing-call-to-action-buttons/ https://www.leadmd.com/best-practices/blog/click-me-5-ways-to-get-more-action-from-your-ctas/ Francesco Grasso
16. Caratteristiche principali vincenti Header semplice Immagine prodotto in evidenza Contenuto above the fold Pochissime voci di menu Testimonianze reali Foto di umani Almeno 2 CTA se oltre above the fold Francesco Grasso
17. Qualche principio di Marketing e Neuro Marketing - 199,99 € sembra più vantaggioso di 200,00 € (vale anche per i furbi convinti di non caderci mai!) - 297 € risulta molto più appetibile di 299 € (anche se sono solo 2 euro eh...) - Principio di Scarsità - Solo pochi posti disponibili - Offerta a tempo limitato con countdown visibile - X utenti stanno acquistando il tuo prodotto adesso - Price Plan - Pianifica delle ipotetiche variazioni di prezzo basate sul periodo (Early bird, Last minute…) - Prima comprano meglio è Francesco Grasso
18. Cura lo stile e la tipografia - Titoli con font Serif - Corpo e testi in Sans-Serif - Facilita la lettura con font-size di almeno 16px - Scegli una palette colori prima di iniziare - No al maiuscolo nel corpo pagina - Seleziona con cura le immagini da usare evitando le più usate e viste - Se devi mostrare un’app o un servizio web, fallo con un mockup (come se fosse dentro lo schermo di un PC o smartphone)
19. Evita frasi banali e già viste mille volte. Ma ricorda: ciò che offri tu è sempre il meglio disponibile. Procurati dei testi persuasivi Testa varie soluzioni di layout e posizionamento degli elementi: colori della cta, posizionamento, immagini usate... Fai degli split test http://mio-sito.it/super-mega-info-prodotto.html http://super-mega-info-prodotto.it URL personalizzato! Controlla il numero di visite e click ai link presenti nella tua pagina periodicamente Monitoraggio Ad utilizzare tool di creazione siti e layout esistenti senza apportare modifiche si rischia di cadere nella banalità. L’occhio e la mente dell’utente medio potrebbero ormai essere allenati ad identificare questi prodotti stile copia-incolla Non il solito sito preconfezionato Francesco Grasso
20. Grazie per l’attenzione