26 Marzo, 2023 – 3:04
  • Home
  • Marketing
  • Social Media
  • Copywriting
  • Ecommerce
Menu
  • Home
  • Marketing
  • Social Media
  • Copywriting
  • Ecommerce
Home Marketing

15 modelli di pagine di destinazione dal design professionale gratuito

megamarketing by megamarketing
Giugno 10, 2019
in Marketing
0

Quando si tratta di trasformare i visitatori web in lead, il 68% dei CEO B2B utilizza le landing page strategiche come parte della loro strategia.

Una pagina di destinazione forte di solito offre ai visitatori del tuo sito Web una risorsa, ad esempio un contenuto, in cambio di informazioni di contatto. La condivisione o il collegamento ipertestuale all'URL di una pagina di destinazione, piuttosto che una homepage, aumenta anche la probabilità di trasformare il traffico in conversioni.

Mentre le landing page possono svolgere un ruolo vitale nella lead generation, non devono essere complicate. In effetti, dovresti mirare a una pagina concisa e invitante, piuttosto che complessa e travolgente. Piuttosto che mettere semplicemente un modulo di contatto rigoroso su una pagina, può essere più produttivo prendere in giro un'offerta interessante o una risorsa gratuita in cambio di una piccola quantità di informazioni.

Anche quando sai cosa offri e quali informazioni desideri ricevere da un visitatore, l'idea di creare una pagina di destinazione può comunque scoraggiare.

Se non hai la larghezza di banda per costruire una pagina da solo, hai poca esperienza nel software di progettazione, o hai risorse limitate per assumere un designer, usare un modello pre-progettato potrebbe essere il modo più efficiente per lanciare una pagina dall'aspetto professionale in un breve tempo

Abbiamo creato un elenco di 15 modelli gratuiti e di facile utilizzo che possono guidarti nel processo di creazione della tua prossima pagina di destinazione.

Fai clic qui per apprendere le best practice per ottimizzare le pagine di destinazione e generare più lead.

15 modelli di pagine di destinazione dal design professionale gratuito

1. Royce

Disponibile su Squarespace

Royce è specializzata per prenotazioni di eventi. Non esiste una barra di navigazione, ma il layout presenta un'immagine di sfondo personalizzabile, un titolo e un pulsante di invito all'azione che dice "RSVP".

Pagina di destinazione dell'evento di Royce "width =" 598 "style =" width: 598px; blocco di visualizzazione; margin-left: auto; margin-right: auto; "srcset =" https://blog.hubspot.com/hs-fs/hubfs/Royce%20Event%20Landing%20Page.png?width=299&name=Royce%20Event%20Landing%20Page.png 299w , https://blog.hubspot.com/hs-fs/hubfs/Royce%20Event%20Landing%20Page.png?width=598&name=Royce%20Event%20Landing%20Page.png 598w, https: //blog.hubspot. com / hs-fs / hubfs / Royce% 20Event% 20Landing% 20Page.png? width = 897 & name = Royce% 20Event% 20Landing% 20Page.png 897w, https://blog.hubspot.com/hs-fs/hubfs/Royce % 20Event% 20Landing% 20Page.png? Width = 1196 & name = Royce% 20Event% 20Landing% 20Page.png 1196w, https://blog.hubspot.com/hs-fs/hubfs/Royce%20Event%20Landing%20Page.png? width = 1495 & name = Royce% 20Event% 20Landing% 20Page.png 1495w, https://blog.hubspot.com/hs-fs/hubfs/Royce%20Event%20Landing%20Page.png?width=1794&name=Royce%20Event%20Landing % 20Page.png 1794w "sizes =" (larghezza massima: 598px) 100vw, 598px

Per compilare il modulo e prenotare un posto, i visitatori possono fare clic sul pulsante RSVP per visualizzare un modulo o scorrere verso il basso sotto la piega per visualizzare un modulo di prenotazione statico. Questo è un modello interessante perché amplifica la grafica e semplifica il layout offrendo ai visitatori due modi di convertire.

Modulo di invio Royce RSVP sulla pagina di destinazione Royce "width =" 598 "style =" width: 598px; blocco di visualizzazione; margin-left: auto; margin-right: auto; "srcset =" https://blog.hubspot.com/hs-fs/hubfs/Royce%20RSVP%20Form.jpg?width=299&name=Royce%20RSVP%20Form.jpg 299w, https: / /blog.hubspot.com/hs-fs/hubfs/Royce%20RSVP%20Form.jpg?width=598&name=Royce%20RSVP%20Form.jpg 598w, https://blog.hubspot.com/hs-fs/hubfs/ Royce% 20RSVP% 20Form.jpg? Width = 897 & name = Royce% 20RSVP% 20Form.jpg 897w, https://blog.hubspot.com/hs-fs/hubfs/Royce%20RSVP%20Form.jpg?width=1196&name=Royce % 20RSVP% 20Form.jpg 1196w, https://blog.hubspot.com/hs-fs/hubfs/Royce%20RSVP%20Form.jpg?width=1495&name=Royce%20RSVP%20Form.jpg 1495w, https: // blog .hubspot.com / hs-fs / hubfs / Royce% 20RSVP% 20Form.jpg? width = 1794 & name = Royce% 20RSVP% 20Form.jpg 1794w "sizes =" (larghezza massima: 598px) 100vw, 598px

2. Investire

Disponibile su HubSpot

Questo design include una foto, testo personalizzabile, nessuna navigazione (per mantenere i visitatori concentrati sulla tua offerta) e un breve modulo. Gli utenti possono inoltre personalizzare e aggiungere altri elementi come le icone visualizzate nella parte inferiore dell'immagine. Sotto la piega, gli utenti possono anche aggiungere ulteriori informazioni sull'offerta o sulla società.

Investi il ​​modello di pagina di destinazione da "style =" display di Hubspot: block; margin-left: auto; margin-right: auto;

3. Hubstrap

Disponibile su HubSpot

Il modello Hubstrap ha un aspetto semplicistico ma dedica un po 'più spazio al testo. Questa potrebbe essere una buona opzione se la tua offerta di contenuti ha meno immagini per utilizzarla. Ad esempio, è possibile utilizzare questa pagina per descrivere un'offerta o un lungo white paper su un argomento correlato al proprio settore. Gli utenti possono personalizzare in modo simile il design e aggiungere sezioni drag-and-drop alla pagina.

A differenza delle pagine di destinazione sopra, questo esempio include la navigazione. Tuttavia, è abbastanza semplice da non sminuire l'offerta.

Pagina di destinazione di Hubstrap "width =" 485 "style =" width: 485px; blocco di visualizzazione; margin-left: auto; margin-right: auto; "srcset =" https://blog.hubspot.com/hs-fs/hubfs/Hubstrap%20Landing%20Page.jpg?width=243&name=Hubstrap%20Landing%20Page.jpg 243w, https: / /blog.hubspot.com/hs-fs/hubfs/Hubstrap%20Landing%20Page.jpg?width=485&name=Hubstrap%20Landing%20Page.jpg 485w, https://blog.hubspot.com/hs-fs/hubfs/ Hubstrap% 20Landing% 20Page.jpg? Width = 728 & name = Hubstrap% 20Landing% 20Page.jpg 728w, https://blog.hubspot.com/hs-fs/hubfs/Hubstrap%20Landing%20Page.jpg?width=970&name=Hubstrap % 20Landing% 20Page.jpg 970w, https://blog.hubspot.com/hs-fs/hubfs/Hubstrap%20Landing%20Page.jpg?width=1213&name=Hubstrap%20Landing%20Page.jpg 1213w, https: // blog .hubspot.com / hs-fs / hubfs / Hubstrap% 20Landing% 20Page.jpg? width = 1455 & name = Hubstrap% 20Landing% 20Page.jpg 1455w "sizes =" (larghezza massima: 485 px) 100vw, 485 px

4. Forma di sbarco

Disponibile su HubSpot

Questo modello include un'immagine di sfondo con una sovrapposizione scura, un titolo, testo, pulsanti di invito all'azione chiari e un modulo. Elimina la barra di navigazione ma include un pulsante nella parte superiore della pagina. L'immagine ha anche una sovrapposizione scura per tenerla visibile, ma meno distraente. Mentre scorri sotto la piega, questo modello include anche punti per ulteriori immagini e dettagli che potrebbero riguardare il prodotto o l'offerta.

Landing Form Landing Page Template da Hubspot "style =" display: block; margin-left: auto; margin-right: auto;

5. Gradiente

Disponibile su HubSpot

Gradient è elegantemente progettato per un'offerta basata sui contenuti. Ha un layout semplice con un modulo, titolo, testo di descrizione, foto e logo, ma continua il tema della mancata navigazione. Come gli altri modelli HubSpot, gli utenti possono aggiungere una foto o una foto di prodotto, un'immagine di sfondo che appare dietro un colore sfumato e un testo descrittivo. Possono anche regolare o modificare il colore dello sfondo sfumato.

Modello di pagina di destinazione con gradiente da Hubspot

6. Università

Disponibile su Wix

Questo layout può essere utile per chi cerca lead per un evento educativo, un corso o un servizio simile. Il modulo è più dettagliato, ma il layout stesso consente anche spazio per più testo e immagini. Sopra le pieghe, puoi vedere un titolo, immagini di supporto e un modulo. Se continui a scorrere, ci sono sezioni aggiuntive in cui è possibile inserire più testo e immagini.

Modello di pagina di destinazione per università di Wix "style =" display: block; margin-left: auto; margin-right: auto; width: 598px; "width =" 598

7. Skyline

Disponibile su Wix

Questo modello può essere utile per un'azienda o un individuo che non ha ancora lanciato un sito Web o un prodotto, ma nel frattempo desidera comunque ottenere i primi contatti. Sopra le pieghe, c'è una gigantesca area del titolo, dove il modello ha stampato "Coming Soon".

Quando scorri verso il basso, puoi vedere una breve descrizione dell'azienda e una casella in cui i visitatori possono aggiungere la loro email. Gli utenti possono anche aggiungere una foto o un video allo sfondo.

Modello di pagina di destinazione Skyline da Wix "width =" 598 "style =" width: 598px; margine: 0px auto;
Sotto la piega di Skyline Landing Page da Wix "width =" 598 "style =" width: 598px; blocco di visualizzazione; margin-left: auto; margin-right: auto;

8. Negozio online disponibile a breve

Disponibile su Wix

Questo modello è molto semplice. Come il precedente modello "Coming Soon", il testo potrebbe essere modificato per utilizzare questo layout per uno scopo diverso. Non c'è navigazione e qualsiasi informazione sulla compagnia è agli angoli. Questa disposizione consente lo spazio per un colpo di prodotto chiaro, come si vede con le scarpe. Intestazione del testo, una piccola quantità di testo descrittivo, una casella di posta elettronica e un pulsante sono pre-progettati nel layout. Gli utenti possono anche collegare i loro account di social media alle icone sotto il pulsante "Avvisami".

Il modello "Negozio online prossimamente" di Wix. "Width =" 600 "style =" width: 600px; blocco di visualizzazione; margine: 0px auto;

9. Pagina di destinazione di Lead-Gen

Disponibile su Wix

Questo modello sembra specializzato per i prodotti B2B. Permette agli utenti di modificare e personalizzare il testo e le immagini tramite Wix. Gli utenti possono anche inserire video di sfondo nel layout. La pagina è progettata per essere lunga, con il modulo e l'invito all'azione above the fold seguiti da sezioni che descrivono aspetti diversi di un'azienda o di un'azienda, come le informazioni sullo staff.

Pagina di destinazione di Lead-Gen da Wix "style =" display: block; margin-left: auto; margin-right: auto; width: 598px; "width =" 598

10. Fagri

Disponibile su WordPress.org

Fagri è stato progettato per scopi e settori multipli. Secondo la sua descrizione, i widget del tema, come il modulo di contatto, sono personalizzabili. Gli utenti possono anche modificare il testo e le immagini. Sebbene esista una barra di navigazione, il design del layout attira ancora l'attenzione sul testo, i pulsanti di invito all'azione e il modulo di contatto.

Pagina di destinazione Fagri da Wordpress "width =" 598 "style =" width: 598px; blocco di visualizzazione; margin-left: auto; margin-right: auto; "srcset =" https://blog.hubspot.com/hs-fs/hubfs/Fagri%20landing%20page%20from%20Wordpress.jpg?width=299&name=Fagri%20landing%20page%20from% 20Wordpress.jpg 299w, https://blog.hubspot.com/hs-fs/hubfs/Fagri%20landing%20page%20from%20Wordpress.jpg?width=598&name=Fagri%20landing%20page%20from%20Wordpress.jpg 598w, https://blog.hubspot.com/hs-fs/hubfs/Fagri%20landing%20page%20from%20Wordpress.jpg?width=897&name=Fagri%20landing%20page%20from%20Wordpress.jpg 897w, https: // blog .hubspot.com / hs-fs / hubfs / Fagri% 20landing% 20page% 20da% 20Wordpress.jpg? width = 1196 & name = Fagri% 20landing% 20page% 20from% 20Wordpress.jpg 1196w, https://blog.hubspot.com/ hs-fs / hubfs / Fagri% 20landing% 20page% 20da% 20Wordpress.jpg? width = 1495 & name = Fagri% 20landing% 20page% 20da% 20Wordpress.jpg 1495w, https://blog.hubspot.com/hs-fs/hubfs /Fagri%20landing%20page%20from%20Wordpress.jpg?width=1794&name=Fagri%20landing%20page%20from%20Wordpress.jpg 1794w "sizes =" (larghezza massima: 598px) 100vw, 598px

11. Pagina di atterraggio immobiliare

Disponibile su Wix

Sebbene questo modello non offra una risorsa per le informazioni, può essere modificato e personalizzato per includere un'offerta. Mentre scorri verso il basso la pagina, l'immagine di sfondo può rimanere statica. Con il design della pagina corrente, c'è spazio per aggiungere informazioni sulla società below the fold. C'è anche un secondo modulo in fondo così i visitatori avranno un'altra possibilità di convertire.

Pagina di destinazione immobiliare "width =" 598 "style =" width: 598px; blocco di visualizzazione; margin-left: auto; margin-right: auto; "srcset =" https://blog.hubspot.com/hs-fs/hubfs/Real%20Estate%20Landing%20Page.jpg?width=299&name=Real%20Estate%20Landing%20Page.jpg 299w , https://blog.hubspot.com/hs-fs/hubfs/Real%20Estate%20Landing%20Page.jpg?width=598&name=Real%20Estate%20Landing%20Page.jpg 598w, https: //blog.hubspot. com / hs-fs / hubfs / Real% 20Estate% 20Landing% 20Page.jpg? width = 897 & name = Real% 20Estate% 20Landing% 20Page.jpg 897w, https://blog.hubspot.com/hs-fs/hubfs/Real % 20Estate% 20Landing% 20Page.jpg? Width = 1196 e name = Real% 20Estate% 20Landing% 20Page.jpg 1196w, https://blog.hubspot.com/hs-fs/hubfs/Real%20Estate%20Landing%20Page.jpg? width = 1495 & name = Real% 20Estate% 20Landing% 20Page.jpg 1495w, https://blog.hubspot.com/hs-fs/hubfs/Real%20Estate%20Landing%20Page.jpg?width=1794&name=Real%20Estate%20Landing % 20Page.jpg 1794w "sizes =" (larghezza massima: 598px) 100vw, 598px

12. Pagine di destinazione per la costruzione e l'avvocato

Entrambi disponibili su WordPress.org

Wordpress offre anche due simili Pagina di destinazione dell'avvocato e Atterraggio di costruzione Pagina modelli. Sebbene i design originali siano mirati ai due campi di lavoro, possono essere personalizzati per adattarsi ad altri marchi e settori. Entrambi hanno un'immagine di intestazione, testo sovrapposto e una freccia che punta a un modulo di dimensioni decenti above the fold. Inoltre offrono entrambi al visitatore un preventivo gratuito.

13. Gardenhouse

Disponibile su MailChimp

Pagina di destinazione da Gardenhouse da MailChimp "width =" 600 "style =" width: 600px; blocco di visualizzazione; margine: 0px auto;

Questo modello non include una barra di navigazione, che costringe un visitatore a concentrarsi sull'offerta data. Verso il fondo della pagina, può essere personalizzato per includere loghi o altre informazioni aziendali. Come tutti i temi della pagina di destinazione MailChimp, questo layout è ottimizzato per i dispositivi mobili e si adatta automaticamente alle diverse dimensioni dello schermo.

14. Bandmates

Disponibile su MailChimp

Questo modello è anche abbastanza semplice con spazio per la personalizzazione. Rimuove allo stesso modo la navigazione e mantiene il logo aziendale, la descrizione del testo e un modulo di iscrizione above the fold.

Gli utenti possono anche trascinare più elementi, come caselle di testo o di forma, nel disegno. Appena sotto il modulo, gli utenti possono includere una foto del prodotto o un'altra immagine. Lo sfondo blu consente di far apparire il modulo e il pulsante di invito all'azione, ma questi colori possono anche essere personalizzati per adattarsi al tuo marchio.

Bandmates Landing Page from Mailchimp "width =" 598 "style =" width: 598px; blocco di visualizzazione; margine: 0px auto;

15. O-Book

Disponibile su Unbounce

I layout Unbounce sono inclusi nell'abbonamento, ma ecco una delle pagine di destinazione che puoi testare con una prova gratuita di 14 giorni. Questo modello si concentra sulla generazione di lead specifici del libro. C'è un punto chiaro per un'immagine del prodotto, titoli, testo descrittivo dettagliato e una casella del modulo.

La navigazione in alto è minima, ma include i pulsanti dei social media. Poiché questo layout è gratuito solo per un periodo di prova, questa potrebbe essere un'opzione migliore per un'azienda che ha già ottenuto entrate dalle pagine di destinazione e sta cercando di testare un design più dettagliato, ma accessibile.

O-Book Landing Page da Unbounce "style =" display: block; margin-left: auto; margin-right: auto; width: 598px; "width =" 598

Migliori pratiche della pagina di destinazione

I modelli sopra riportati seguono già alcune best practice sulla pagina di destinazione. Ad esempio, molti di essi escludono una barra di navigazione, che potrebbe distogliere l'attenzione o i clic dall'offerta sulla pagina. La maggior parte di loro lascia spazio anche per una foto o un video. Anche se le foto offrono un prodotto interessante, anche i video hanno aumentato le conversioni dell'86%.

Per ulteriori informazioni su altre best practice sulla pagina di destinazione, consulta questa guida.

Nuovo invito all'azione

Previous Post

Un mercato in cui i clienti acquistano all'estero (2019)

Next Post

Come aumentare la partecipazione al tuo prossimo evento

Next Post

Come aumentare la partecipazione al tuo prossimo evento

Ultimi articoli

Elon Musk fornisce aggiornamenti su chi manterrà il segno di spunta blu, prima dell’imminente rollback della verifica di Twitter

by megamarketing
Marzo 25, 2023
0

Come creare un manifesto del marchio [Guide + 10 Examples]

by megamarketing
Marzo 25, 2023
0

News, guide, info su marketing, copywriting, psicologia applicata, business

  • Centro Privacy
  • Informativa sulla privacy
Menu
  • Centro Privacy
  • Informativa sulla privacy

Made with ❤ by megamarketing.it

Utilizziamo i cookie per offrirti la migliore esperienza online. Cliccando su Accetto, accetti la nostra politica sui cookie.

Accetto My Preferences Rifiuto
Centro privacy IMPOSTAZIONI DELLA PRIVACY Ulteriori info sulla Cookie Policy