Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Landing Pages
Webdesign

5 caratteristiche di una grandiosa Landing Page

by
Length:ShortLanguages:

Italian (Italiano) translation by Cinzia Sgariglia (you can also view the original English article)

Una landing page dà ai visitatori del vostro sito una prima impressione cruciale. Questa impressione potrebbe essere la differenza tra stabilire un contatto o creare un distacco. Perciò, ogni dettaglio conta nell'obiettivo di mantenere l'interesse dell'utente.

Qui ci sono cinque cose da cercare in una grandiosa landing page, insieme a degli esempi che lo fanno bene. Tutti gli esempi che vi mostreremo sono su Envato Elements, un servizio che fornisce ai membri accesso illimitato a una vasta libreria di template, font, componenti aggiunti e risorse per il design – tutto per un'unica quota mensile.

1. Un invito all'azione chiaro (CTA)

L'unica missione di ogni landing page dovrebbe essere di convincere l'utente ad agire. Se quell'azione prende la forma di contattarvi, scaricare un file o fare un acquisto - un invito all'azione semplice, chiaramente definito può aiutarvi a convertire.

Hype è una landing page HTML/CSS che fornisce un invito all'azione attraente e facile da leggere. L'invito è è proprio in cima e consiste di un titolo, pulsanti impressionanti e una bella immagine. Come utente, non vi occorre pensarci due volte su qual è lo scopo della pagina - è tutto lì.

Hype - App Landing Page
Hype - Landing Page per applicazioni

2. Separazione delle sezioni dei contenuti

Ogni sezione di una landing page dovrebbe avere un proprio spazio per respirare. Insieme allo spazio bianco, gli sfondi e le immagini può anche essere usato per fornire una separazione visiva. Ciò aiuta ad assicurare che gli utenti non saranno travolti o distratti durante la loro permanenza. I siti a pagina singola la usano con grande effetto con l'aiuto della navigazione ad ancore, procurando a ogni nuova sezione una chiara separazione dall'ultima.

Il template PURE è un grande esempio in cui si usa una combinazione di spazio bianco, sfondi e foto per far spiccare ogni sezione. Un altro bel tocco è l'uso dei punti di navigazione che lasciano scorrere all'utente verso il basso un'intera sezione alla volta. Questo vi aiuta realmente a mantenere il focus su una sola parte del contenuto. 

PURE - Sublime Coming Soon Template
PURE - un sublime template per prossime uscite

3. Testo pulito e conciso

Più facile è per gli utenti leggere e assimilare il contenuto della vostra landing page, migliori le vostre possibilità di successo. Usate font che siano leggibili con una dose generosa di spazio tra le lettere e altezza della linea. E, si consiglia anche di evitare lunghi blocchi di contenuti di testo. Il contenuto che va subito al punto è più efficace e sembra proprio meglio.

Advent è un template di landing page che fornisce un modello solido per questa filosofia. Presenta una tipografia ben eseguita (sebbene un po' più di contrasto sarebbe stato piacevole - può essere facilmente ritoccato con i CSS) e un contenuto conciso ovunque. Seguendo l'esempio delle sue pagine demo inizierete nella giusta direzione.

Advent Multipurpose Landing Page Template
Advent, template di landing page multiuso

4. Utilizzo delle informazioni visive

Insieme al testo che è sia breve che gradevole, l'uso delle immagini può essere una grande parte per definire il vostro messaggio complessivo. Può venire nella forma di una foto con didascalia, un diagramma, un grafico o un infografica. Gli elementi visivi come questi spesso vanno dritti al punto molto meglio che il testo da solo.

Ex Watch è un esempio eccellente di landing page che utilizza vari elementi per informare visivamente gli utenti. Ci sono foto di prodotti illustrati con un diagramma, icone che richiamano l'attenzione a caratteristiche specifiche e un uso esperto dell'animazione. È visivamente invitante e racconta una storia, al contrario del solo mostrare semplicemente le informazioni.

Ex Watch - Single Product eCommerce HTML
Ex Watch - un eCommerce in HTML per un singolo prodotto 

Come bonus, vale la pena notare che ci sono tonnellate di ottime risorse visive come queste disponibili per i membri di Envato Elements. Sfogliate le loro raccolte di infografiche, icone e altre immagini vettoriali per rendervi conto di ciò che è disponibile. Possono essere molto utili per creare l'aspetto e il messaggio esatto che state cercando.

5. Schemi di colori accattivanti

L'uso del colore è certamente una questione soggettiva di gusto personale. Ma vale la pena far notare che una landing page che usa il colore in un modo amichevole può renderla più facile da usare e capire. La codifica dei colori degli elementi di navigazione e l'uso di rapporti ad alto contrasto sono un modo semplice di promuovere la UX.

Date un'occhiata a Landify, il suo uso dei colori è eccezionale. È piacevole guardare come gli inviti all'azione sono incredibilmente facili da identificare. In qualche modo, l'aspetto è molto semplice, ma è ciò che rende questo template così efficace.

Landify
Landify

Il vostro messaggio è atterrato!

Mentre potrete usare una landing page per un'ampia varietà di argomenti, certi elementi dovrebbero essere comuni ovunque. Vorrete essere sicuri che sia uno spettacolo per gli occhi e facile da usare. Dovrebbe anche raccontare una storia all'utente nel modo più efficace e portarlo ad agire. Con l'aiuto dei template sopra di Envato Elements, sarete proprio sulla strada per raggiungerlo.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.