Design di landing page
Il design di landing page significa dare a una pagina un solo compito: un titolo che ripete la promessa dell'annuncio, una prova accanto a un unico pulsante e un modulo breve che si carica in fretta su smartphone. Qui sotto trovi le parti, otto regole, tre esempi e un modo gratuito per costruirne una.
Guida rivista il 13 ottobre 2026 · team Mobirise
L'anatomia di una landing page
Una landing page è la pagina su cui atterra chi arriva da un annuncio, un'email, un post o un codice QR specifici, e il suo scopo è ottenere da questa persona una sola azione. Le stesse sei parti la compongono, di solito in quest'ordine.
Un titolo che ripete la promessa
Riprendi le parole dell'annuncio o del messaggio che ha portato qui il visitatore. Se l'annuncio offre un preventivo gratuito per riparare il tetto, il titolo dice esattamente questo, non il motto della tua azienda.
Una riga su a chi si rivolge
Un sottotitolo di una o due frasi: a chi è adatta l'offerta, cosa si riceve e in quanto tempo. Sostantivi e numeri fanno più degli aggettivi: «un prezzo fisso entro domani» dice al lettore più di «servizio rapido e cordiale».
Un'immagine di ciò che offri davvero
Il prodotto, l'ambiente, il team o il risultato. Le foto stock in posa appesantiscono la pagina senza informare. Controlla come viene ritagliata l'immagine su uno schermo stretto.
Un'unica call to action
Un solo pulsante con un verbo e un risultato, nell'unico colore forte della pagina. Ripetilo più in basso per chi legge fino in fondo, ma non aggiungere mai un secondo obiettivo in concorrenza con il primo.
Prove accanto alla decisione
Recensioni con nome, valutazioni con il numero di voti, loghi di clienti che puoi usare, certificati. Mettili accanto al pulsante, dove nascono i dubbi, anziché ammassati in fondo.
Prima le risposte, poi il modulo
Come funziona, quanto costa e cosa succede dopo il clic. Poi il modulo: solo i campi che servono al passo successivo e una frase che dice cosa riceve il visitatore e quando.
Regole del design di landing page che reggono alla prova
Ognuna si può verificare sulla pagina finita in uno o due minuti. Dove una regola contiene un numero, questo viene da uno standard pubblico citato per nome.
Togli le vie d'uscita
Elimina il menu principale, i link al blog e le icone dei social. Ogni link in più è una via d'uscita prima dell'azione. Bastano un logo, una riga di contatto e i link legali nel footer.
Allinea la pagina alla fonte
Mantieni parole, offerta e stile visivo dell'annuncio. Google Ads considera l'esperienza sulla pagina di destinazione, cioè quanto la pagina è pertinente e utile per chi ha cliccato, una delle tre componenti del Punteggio di qualità.
Fai stare l'essenziale in una sola schermata
Su smartphone titolo, sottotitolo e pulsante devono comparire prima di qualsiasi scorrimento. Se l'immagine spinge il pulsante in basso, riduci l'immagine, non il testo.
Scrivi sul pulsante il risultato
«Voglio il mio preventivo», «Prenota una visita», «Mandami il listino prezzi». Etichette come «Invia» o «Scopri di più» descrivono il clic anziché ciò che il visitatore riceve.
Chiedi meno
Per un primo contatto di solito bastano un nome più un'email o un numero di telefono. Ogni campo in più richiede un motivo che sapresti spiegare; le domande di qualificazione possono aspettare la telefonata.
Rispetta le soglie di velocità di Google
I Core Web Vitals giudicano buona una pagina quando il suo elemento più grande viene visualizzato entro 2,5 secondi, l'input riceve una risposta entro 200 ms e lo spostamento del layout resta pari o inferiore a 0,1, al 75º percentile delle visite.
Supera le basi dell'accessibilità
Le WCAG 2.2 richiedono, al livello AA, un contrasto del testo di almeno 4,5:1 (3:1 per il testo grande) e aree di tocco di almeno 24 per 24 pixel CSS. Dai a ogni campo del modulo un'etichetta visibile, non solo il testo segnaposto.
Testa una modifica alla volta
Un test A/B confronta due versioni che differiscono per un solo elemento e richiede abbastanza visite e conversioni per versione da escludere il caso. In una campagna piccola, osservare alcune persone mentre usano la pagina spesso insegna di più.
Tre esempi di landing page dai temi Mobirise
I tre screenshot desktop sotto il titolo di questa guida sono le prime schermate di altrettante demo di temi Mobirise: un'organizzazione di volontariato (HumanityM5), un marchio di integratori alimentari (EvolveM5) e una clinica medica (SpecialtyM5). Sono demo, non pagine di campagna, quindi ecco cosa fa bene ciascuna prima schermata e cosa cambiare prima di pagare per il traffico.
Organizzazione di volontariato
Tutto è centrato: un grande titolo, una frase sulla causa e un pulsante scuro, sopra una foto sbiadita di mani protese che lascia leggibili le parole. Per una campagna di reclutamento, cambia «About Organization» in «Iscriviti come volontario» e indica il prossimo evento.
Marchio di integratori alimentari
Un primo piano a tutta larghezza di foglie verdi crea l'atmosfera prima che qualcuno legga una parola. Il nome del prodotto è in caratteri bianchi molto grandi, con una breve descrizione in basso a sinistra e un pulsante «About supplement» in basso a destra. Per un annuncio, metti nel titolo il beneficio anziché la categoria e aggiungi una valutazione o un certificato vicino al pulsante.
Clinica medica
Una prima schermata divisa in due: a sinistra un titolo in carattere serif e tre righe su medici esperti, diagnostica e cure centrate sul paziente, a destra la foto di un ambiente luminoso della clinica. Un ambiente reale ispira più fiducia di un'illustrazione. Per una campagna di prenotazioni, il pulsante principale dovrebbe riportare «Prenota un appuntamento», con accanto il numero di telefono.
Cosa cambierebbero tutte e tre
Ogni demo mantiene un menu completo (Home, About, Events o Pricing), come deve fare un normale sito web. Per una campagna lo elimineresti, terresti una sola azione e aggiungeresti più in basso prove e un breve modulo. Poiché ogni pagina è una pila di blocchi, si tratta di una modifica, non di un rifacimento.
Come creare una landing page con Mobirise
Un unico editor crea landing page e siti completi, nel browser o nell'app scaricata. Quattro passaggi portano una pagina a un indirizzo online.
Ottieni una prima bozza
Spiega all'AI cosa offri e a chi ti rivolgi in una o due righe, nella tua lingua, oppure dalle uno schizzo disegnato o uno screenshot. Il generatore di siti web AI restituisce quattro design, ciascuno con testi e immagini, di solito in meno di un minuto; Regenerate offre altre varianti senza consumare un tentativo. Oppure apri un tema e aggiungi i blocchi a mano.
Riduci tutto a un solo obiettivo
Trascina i blocchi nell'ordine giusto, elimina quelli che non servono all'azione e lascia fuori il menu. Usa Clone Block per ripetere la call to action più in basso e scegli il tag H di ogni titolo in modo che la pagina abbia un solo H1. Testi e immagini si modificano direttamente sulla pagina; i parametri di ogni blocco impostano spaziatura, sfondo, colonne ed elementi visibili.
Aggiungi il modulo e gli extra
Form Builder crea il modulo per l'acquisizione di contatti, Popup Builder aggiunge un popup e Chat Button apre una conversazione in WhatsApp, Telegram, Messenger e altre app. Tutti e tre fanno parte di KIT, BASE e GROW, i piani a pagamento.
Controlla su smartphone, poi pubblica
Guarda l'anteprima alle larghezze di smartphone, tablet e desktop; le immagini diventano WebP in automatico. Pubblica su un indirizzo mobirisesite.com con HTTPS o su un dominio personalizzato (piani BASE e GROW). Con qualsiasi piano, FREE compreso, l'app desktop può anche caricarla via FTP o FTPES, pubblicarla su GitHub Pages o scriverla in una cartella locale.
Mobirise non ha test A/B integrati. Per confrontare due versioni, pubblica ciascuna al proprio indirizzo, invia metà dei tuoi annunci a ciascuna e confronta i risultati nel tuo account pubblicitario o in analytics. Si può modificare anche senza connessione nell'app desktop offline; pubblicazione e AI richiedono internet.
Quale costruttore di landing page è adatto al lavoro
Le piattaforme dedicate alle landing page sono pensate attorno ai test e al traffico pubblicitario. I costruttori di siti web generici costano meno e permettono a una pagina di crescere fino a diventare un sito. Le nostre indicazioni, compresi i casi in cui non sceglieremmo il nostro strumento:
- Molte varianti con traffico a pagamento
- Unbounce o Instapage. Entrambi inseriscono i test A/B nei piani intermedi; Instapage testa lato server e aggiunge la personalizzazione.
- Test A/B con un budget più contenuto
- Leadpages, dove i test partono dal piano Grow.
- Una pagina semplice a pochissimo
- Carrd: un piano gratuito e piani a pagamento con prezzo annuale.
- Una pagina gratuita che conservi come file
- Mobirise: l'app desktop non costa nulla, esporta HTML e pubblica su qualsiasi host.
- Un design AI prima di pagare
- 8B AI: progettare non costa nulla, mentre per andare online serve il piano Pro.
- Una pagina che diventa un sito completo
- Mobirise, o un altro costruttore di siti web, perché le pagine successive stanno nello stesso progetto.
- Dove Mobirise è carente
- Niente test A/B integrati; moduli e popup arrivano con estensioni a pagamento; nessun layout separato per smartphone; i siti gratuiti riportano il branding Mobirise.
Sei costruttori di landing page a confronto
Mobirise perde sulla riga dei test A/B; le piattaforme dedicate perdono quanto a possibilità di conservare i tuoi file e di lavorare offline. Fai attenzione alla base di fatturazione nella riga dei prezzi: mensile o annuale.
| Mobirise | Unbounce | Leadpages | 8B AI | Carrd | Instapage | |
|---|---|---|---|---|---|---|
| Pensato per | Landing page e siti interi da blocchi responsive, con file che restano tuoi | Marketer e agenzie che gestiscono pagine per campagne | Piccole imprese che pubblicano landing page, siti e blog | Provare gratis un design completo di sito creato dall'AI, pubblicando in un secondo momento | Semplici siti one-page e profili | Campagne pubblicitarie su larga scala, con personalizzazione |
| Test A/B | No, non integrati | Sì, illimitati, dal piano Experiment | Sì, dal piano Grow | Non indicato | Non indicato | Sì, lato server, dal piano Optimize |
| Moduli | Estensione Form Builder, inclusa in KIT, BASE e GROW | Moduli per la lead generation in ogni piano; moduli in più passaggi dal piano Build | Moduli e webhook in ogni piano | Moduli di contatto e lead, sia nel piano gratuito sia in Pro | Da Pro Standard; moduli avanzati con Pro Plus | Costruttore di moduli in ogni piano; moduli in più passaggi dal piano Optimize |
| Aiuto dell'AI | Quattro design per generazione, a partire da un testo scritto, uno schizzo o uno screenshot; 3 generazioni gratuite al mese | Copywriting con l'AI dal piano Build; ottimizzazione del traffico con l'AI nel piano Optimize | Creazione di pagine con l'AI in ogni piano | Genera un design completo da una sola frase; modifiche via chat con l'AI nel piano Pro | Non indicato | Testi generati dall'AI per titoli, paragrafi e pulsanti |
| Piano gratuito | Sì: l'app desktop con i suoi oltre 200 blocchi, siti illimitati su qualsiasi server, più 3 siti online gratuiti su un sottodominio Mobirise; i siti gratuiti riportano il branding | No; prova di 14 giorni senza carta, senza dominio personalizzato durante la prova | No; prova di 7 giorni, carta richiesta | Solo progettazione; nessuna pubblicazione | Sì, fino a 3 siti con il branding «Made with Carrd» | No; prova di 14 giorni, carta richiesta |
| Piano a pagamento più economico | 149 $ all'anno per KIT: app desktop, tutte le estensioni, nessun branding. 199 $ all'anno per BASE, che aggiunge i domini personalizzati sull'hosting Mobirise | Starter, 22 $ al mese con fatturazione annuale (29 $ con fatturazione mensile): 5 pagine, traffico fino a 500 | Pro, 29 $ al mese; la fatturazione annuale fa risparmiare il 20% | 9 $ al mese per Pro, con pagamento annuale, con hosting e dominio personalizzato | 9 $ all'anno per Pro Lite (solo indirizzo Carrd); 19 $ all'anno per Pro Standard, che aggiunge domini personalizzati e moduli | Create, 79 $ al mese con fatturazione annuale (99 $ con fatturazione mensile): 15.000 visitatori unici al mese |
| Esportazione del codice | Sì: normali file HTML, CSS e JS, gratis dall'app desktop; l'esportazione dalla versione online richiede BASE o GROW | No; le pagine si scaricano solo come file .unbounce da usare in Unbounce | Classic Builder: un file HTML che carica la pagina da Leadpages; una copia statica non è supportata | Esportazione HTML completa nel piano Pro | Pro Plus (49 $ all'anno): HTML, CSS e JS in uno zip; i moduli smettono di funzionare | Non indicato |
| Funziona offline | Sì, nell'app desktop (Windows, macOS, Linux) | No, solo nel browser | No, solo nel browser | No, solo nel browser | No, solo nel browser | No, solo nel browser |
Dati letti il 13 ottobre 2026 dalle pagine dei prezzi e dagli articoli di supporto di ogni fornitore. Prezzi in dollari statunitensi; «fatturazione annuale» indica l'equivalente mensile di un unico pagamento annuale, mentre Mobirise e Carrd indicano un prezzo annuo. Le cifre in dollari di Leadpages provengono dalle FAQ della sua pagina dei prezzi. Le recensioni più vecchie citano spesso piani precedenti e i prezzi cambiano, quindi verifica sul sito di ciascuno prima di acquistare.
Checklist prima del lancio di una landing page
Scorri questa lista su uno smartphone, con i dati mobili anziché con il Wi-Fi dell'ufficio, prima che arrivi il primo clic a pagamento, e invia tu stesso una richiesta di prova dal modulo.
Correggi ogni voce non superata prima di spendere sul traffico: i clic a pagamento su un modulo che non funziona sono qui l'errore più costoso. Per un sito one-page anziché una pagina di campagna, salta la prima voce e quella sull'obiettivo unico.
- Coerenza con la fonte. Il titolo usa le parole dell'annuncio, dell'email o del post.
- Prima schermata. Titolo, sottotitolo e pulsante sono visibili su smartphone senza scorrere.
- Un solo obiettivo. Il menu e i link non pertinenti sono spariti; ogni pulsante ripetuto porta alla stessa azione.
- Testo del pulsante. Dice cosa riceve il visitatore.
- Prove. Stanno vicino al pulsante e ogni citazione ha un nome.
- Modulo. Solo i campi che servono al passo successivo, ciascuno con un'etichetta visibile.
- Invio di prova. Arriva nella casella giusta e il messaggio di ringraziamento dice cosa succede dopo.
- Contrasto e area di tocco. Il testo raggiunge 4,5:1 e i pulsanti sono facili da premere con il pollice.
- Velocità. La pagina supera i Core Web Vitals in PageSpeed Insights.
- Basi SEO. Il titolo e la descrizione della pagina descrivono l'offerta e c'è un solo H1.
- Footer. I link all'informativa sulla privacy e ai contatti funzionano.
- Tracciamento. Una conversione viene conteggiata nel tuo account analytics o pubblicitario.
FAQ sul design di landing page
Che cos'è il design di landing page?
Significa progettare una pagina attorno a una sola azione per i visitatori che arrivano da una fonte precisa: un annuncio, un'email, un post o un codice QR. Comprende titolo, layout, prove, modulo e velocità, e il risultato si valuta con un solo numero, la quota di visitatori che compie l'azione.
Cosa rende efficace una landing page?
Una promessa coerente con la provenienza del visitatore, una sola azione, prove accanto a quell'azione e un modulo breve. Deve anche caricarsi in fretta ed essere ben leggibile su smartphone, perché il traffico delle campagne spesso arriva da lì.
Come si progetta una landing page passo dopo passo?
Scrivi l'unica azione che vuoi ottenere e da dove arriva il traffico. Imposta il titolo con le parole stesse della fonte, raccogli le prove che puoi mostrare e abbozza l'ordine delle sei parti. Poi costruiscila con i blocchi o partendo da una bozza dell'AI e provala su smartphone prima del lancio.
Un sito one-page è la stessa cosa di una landing page?
Non proprio. Un sito one-page riunisce un intero piccolo sito in un'unica pagina da scorrere, di solito con un menu che porta alle sue sezioni, e ha più scopi. Una landing page ha un unico obiettivo, di solito è fatta per una campagna e può far parte di un sito più grande.
Una landing page deve avere un menu di navigazione?
Di solito no: ogni link del menu è una via d'uscita prima dell'azione. Tieni il logo, una riga di contatto e i link legali; in una pagina lunga, un pulsante che porta al modulo sostituisce il menu.
Quanto deve essere lunga una landing page?
Quanto basta per rispondere alle domande del visitatore. Per un download gratuito bastano una o due schermate; un servizio costoso richiede prezzi, processo, prove e risposte, quindi la pagina si allunga. Ripeti lo stesso pulsante nei punti di pausa naturali.
Qual è il miglior costruttore di landing page?
Dipende dal lavoro. Per test A/B continui sul traffico a pagamento, Unbounce, Instapage e Leadpages sono nati per questo. Carrd è una scelta economica per una singola pagina semplice. Mobirise è adatto a una pagina gratuita che puoi ospitare ovunque e far crescere in seguito fino a un sito completo, anche se non ha test A/B integrati.
Posso creare una landing page gratis?
Sì. L'app scaricabile di Mobirise è gratuita, include oltre 200 blocchi e può caricare la pagina sul tuo server. Online, il piano gratuito comprende 3 siti su un indirizzo mobirisesite.com più 3 generazioni AI al mese, con un badge Mobirise su ogni sito. Form Builder e Popup Builder richiedono un piano a pagamento, a partire da 149 $ all'anno.
L'AI può progettare una landing page?
Sì. In Mobirise descrivi l'offerta e il pubblico, poi scegli tra quattro design AI e ne perfezioni uno chattando con l'AI o modificando tu stesso i blocchi. Una singola generazione produce una pagina o una versione approssimativa del sito completo. I prezzi, i dati e le foto reali, però, devono comunque arrivare da te.
Mobirise supporta i test A/B?
No, i test A/B non sono integrati. Puoi pubblicare due versioni a indirizzi diversi, inviare metà del traffico pubblicitario a ciascuna e confrontare i risultati nel tuo account pubblicitario o in analytics.
Crea la tua prima landing page
Parti da una bozza generata dall'AI online, oppure componila blocco dopo blocco nell'app gratuita su un computer Windows, Mac o Linux, poi pubblicala dove serve alla tua campagna.