Abbiamo già discusso di cosa pagina di destinazione a cosa servono e su quali principi di base si basano. Ma nonostante il fatto che esistano una serie di regole e tecniche che garantiranno il successo del tuo sito, è sbagliato pensare che lo sviluppo della pagina di destinazione sia un lavoro basato su modelli e che una pagina ben funzionante possa essere realizzata in 5 minuti, sappi solo sostituisci tu stesso le immagini e modifica i testi. Naturalmente, questo è un processo creativo e la fantasia, supportata dalla comprensione del comportamento del pubblico di destinazione, è solo incoraggiata. Di seguito presenteremo una dozzina di esempi di atterraggi non banali, nonché pagine che forniscono un'elevata conversione.
1. Termostato Nest
Un pianerottolo dal design molto interessante dedicato alla vendita di un termostato ambiente. Nonostante la presenza di tutti i tipi di dati tecnici e descrizioni di funzionalità convenienti, la pagina di destinazione è focalizzata sulla componente visiva: diverse foto degli interni, nonché un'animazione al centro della pagina, brillante nel concetto e nell'esecuzione, rendono senti che dopo aver acquistato questo dispositivo, la tua casa non peggiorerà, rispetto alle immagini su Internet. Così, il pianerottolo non vende il termostato, ma il comfort in casa, che è l'esigenza ultima del cliente.
2. Ragazzo timido
Sito web di uno studio di design, dopo il quale è improbabile che tu voglia anche cercare offerte dalla concorrenza. Un approdo a quattro schermi è in grado di convincerti a rivolgerti a questi ragazzi, anche se non leggi alcuna recensione o un elenco di aziende con cui lo studio ha collaborato. Molto probabilmente, scorrerai semplicemente, ammirando l'effetto di parallasse e non lo noterai tu stesso, mentre inizi a inserire i tuoi dati in un bel modulo di feedback. 
http://boy-coy.com
3. Vodka "Valenki"
Un altro esempio di una bellissima pagina di destinazione con un effetto di parallasse. Una pagina puramente di immagine che non obbliga a fare subito un acquisto, ma crea un'immagine positiva per il target di riferimento. Si noti che le informazioni sulla qualità del prodotto sono presentate in un volume sufficiente, ma possono essere perse osservando quanto galleggiano magnificamente i cubetti di ghiaccio. Tuttavia, l'effetto desiderato è già stato raggiunto. Questo sito è troppo bello per offrire qualcosa di scarsa qualità: una tale conclusione subconscia sorgerà in ogni visitatore di qualsiasi sito di buon gusto. 
http://www.valenkivodka.com
4. Negozio online di orsacchiotti
Atterraggi davvero interessanti possono attirare l'attenzione anche di persone lontane dal pubblico di destinazione. Guarda l'esempio di un negozio che vende enormi orsacchiotti. Il sito è letteralmente pieno di spunti interessanti e sembra dialogare con il visitatore, che alla fine, con molta probabilità, significa un acquisto. 
http://medvedy.com
5. Progresso intelligente
Bella landing page di un popolare servizio per la definizione e il raggiungimento degli obiettivi. In primo luogo, vai a vedere come funziona e, in secondo luogo, valuta il design che incarna il movimento verso l'obiettivo. Insieme a un riempimento molto competente dei blocchi, motiva davvero a fare tutto ciò che è stato pianificato, ma è stato rimandato a tempo indeterminato. 
https://smartprogress.do
Esempi di vendita di pagine di destinazione ad alta conversione
1. Produzione e installazione di finestre in legno
Come sai, una landing page non deve sovraccaricare il visitatore, ma dargli subito qualcosa a cui aggrapparsi e compilare una domanda. Non discuteremo, ma alcuni prodotti richiedono un'attenta selezione e non te la caverai con uno o due blocchi. La pagina di destinazione di questo produttore di finestre è andata secondo il programma al massimo e ha toccato tali dettagli a cui non pensiamo nemmeno quando scegliamo le finestre. E sebbene in un paio di blocchi, come ci sembra, ci sia stato un sovraccarico di informazioni, questa pagina è ancora un buon esempio di un grande atterraggio. 
http://goodwin-nnov.ru/
2. Assicurazione CASCO
Un'altra pagina di destinazione ad alta conversione. Il principio di convertire un visitatore in un lead viene utilizzato qui in modo simile all'esempio precedente: una calcolatrice. Offriamo di valutare quanti parametri è possibile stabilire per la selezione di una polizza e con quanta facilità ciò viene fatto. Lo stesso si può dire del resto del contenuto del pianerottolo: è estremamente semplice e comprensibile, mentre vengono descritti tutti i vantaggi che il proprietario dell'auto desidera ottenere assicurando la propria auto.
http://prostokasko.rf
3. Franchising di acquari di intrattenimento automatizzato
Un buon esempio di landing page di vendita che fornisce un'elevata conversione perché spiega chiaramente i vantaggi a un potenziale cliente, ma lascia anche l'intrigo, il desiderio di scoprire i dettagli di un business plan che promette entrate passive. Il designer è il nostro elogio speciale. 
http://morewishes.ru
4. Riparazione del computer portatile
Un buon esempio di una pagina di destinazione dove relativamente un gran numero di il testo (compreso lo spazio che occupa nella schermata principale) non crea alcuna difficoltà per il visitatore, ma al contrario sembra organico e dipinge con successo tutti i vantaggi dell'organizzazione di riparazione. I servizi di riparazione dei laptop sono urgenti, quindi i potenziali clienti non dovrebbero fornire informazioni oltre misura: bastano pochi blocchi, ma elaborati nel modo più bello e informativo possibile, il che ispira fiducia.
Vittoria Kuchinova
Il problema principale con la maggior parte delle landing page moderne è che sembrano tutte realizzate in copia carbone. E dov'è la creatività, il fuoco, dov'è la frenesia progettuale?
In questa raccolta ho raccolto chip interessanti ed effetti insoliti. Alcuni di questi sono stati realizzati da sviluppatori e web designer di Texterra, altri sono stati trovati su Runet. Non senza esempi di design disgustoso e vero e proprio shiza: alla fine dell'articolo troverai una conoscenza con un criceto assassino e una fanciulla di neve con un secchio.
Guarda, lasciati ispirare, metti in pratica le idee che ti piacciono, mescolale con le tue e non dimenticare di fare il test A/B: questa è l'unica ricetta giusta per creare landing page eccezionali.
E, soprattutto, ricorda che una landing page non è uno strumento autosufficiente. Per conversioni, lead e vendite, hai bisogno di traffico di alta qualità. Ed è difficile ottenerlo senza una promozione completa.
Forma estesa
Di solito, i single-pager utilizzano un modulo di domanda standard con diversi campi. Molto spesso, il cliente deve fornire informazioni di contatto: nome, cognome, posta o numero di telefono. Ma in alcune aree complesse è meglio trattare l'argomento in modo più dettagliato. Ecco come l'hanno fatto in Texterra: sotto forma di una pagina di destinazione dellservers.ru, il cliente può selezionare un modulo, parametri e attività del server. Può ripristinare i valori se qualcosa è andato storto.
Cosa serve? In ogni caso, il proprietario della pagina di destinazione riceverà i propri contatti, anche se nel modulo sono presenti solo due o tre campi. Ma qui sarà interessante per il cliente scavare più a fondo. Non solo per ordinare, ma per scegliere la tua opzione.
Due pulsanti STA
Sulla pagina di destinazione del pianificatore di attività su wunderlist.com/ru, ci sono due inviti all'azione contemporaneamente, che si rafforzano a vicenda: "Crea un account' e 'Scarica Wunderlist'. Gli utenti fanno clic su entrambi i collegamenti, la conversione aumenta e la pagina di destinazione svolge perfettamente il suo lavoro.
Dati specifici (risultati)
Non è nuovo, ma funziona ancora. Mostra ai clienti ciò che hai realizzato in numeri: questo è più chiaro delle frasi astratte "siamo i migliori", "abbiamo centinaia di progetti completati" e così via. Guarda la landing page di smartprogress.do: puoi vedere subito quante persone hanno già aderito al progetto, quanti obiettivi sono stati fissati, quanti traguardi sono stati raggiunti.
Personalizzazione
Pagine di destinazione modello senza volto - br-r, cosa potrebbe esserci di più noioso! Ravviva il tuo one-pager, aggiungi fuoco, interessa un potenziale cliente. Ad esempio, sulla pagina dei servizi Texterra per la creazione di siti Web, sono presenti foto di dipendenti direttamente coinvolti in questo. Il visitatore entra e vede: sì, non sviluppatori astratti, ma Svyatoslav, Polina, Artem e altri abbastanza viventi si occuperanno della mia risorsa.
Comodo modulo di risposta
Su molte pagine di destinazione e siti Web, puoi porre una domanda solo tramite un modulo. E questo significa che devi indicare il nome e il cognome, lasciare il numero di telefono e e-mail. A volte devi persino inserire captcha e codici: orrore! È chiaro che questo viene fatto per ottenere contatti. Ma c'è un'altra opzione, come nella landing page di Cerebro Target. Se sei registrato su VKontakte, non è necessario compilare nulla: prendilo e scrivi. Sia il cliente è a suo agio che il proprietario sta bene: il contatto è rimasto, puoi continuare a lavorare.
recensioni dei clienti
Puoi chiedere ai clienti di raccontare le loro esperienze e pubblicare i testi ricevuti sulla landing page. Ma il problema è che il visitatore non verificherà in alcun modo se si tratta di recensioni reali o false. È meglio andare oltre e convincere i visitatori di questo. La pagina di destinazione huskypark.info, sviluppata da Texterra, cita le parole dei clienti di Instagram con collegamenti ai loro account. Tutto è giusto - vieni a vedere.
Dimostrazione dei risultati
Grafica 3D e realtà aumentata
La pagina di destinazione è stata creata per l'app Qubi. Questo è un gioco per bambini dai 3 anni in su e adulti. L'essenza del gioco è semplice. Al primo passaggio, l'utente, secondo lo schema proposto, incolla un vero cubo di carta, cartone o legno.
Quindi installa l'applicazione, la apre sul suo smartphone e "guarda" il cubo attraverso la fotocamera del dispositivo.
Sullo schermo di uno smartphone o tablet, il cubo prende vita. L'utente riproduce una versione tridimensionale di "Snake", "2048", "Labyrinth". In questo caso, devi controllare il gioco usando un vero cubo. Per controllare il cubo con due mani, devi utilizzare un supporto speciale per il tuo smartphone, che puoi assemblare da solo.
Il modello tridimensionale del cubo è visibile nell'illustrazione (gif).
Cosa voleva il cliente
Il cliente ha chiesto di realizzare una landing page che enfatizzasse la caratteristica del gioco: l'utilizzo della realtà aumentata 3D. In particolare, voleva vedere l'effetto delle facce in movimento di un cubo tridimensionale, la cui faccia attiva è inscritta sullo schermo del dispositivo del visitatore.
Cosa abbiamo fatto
Abbiamo implementato il 3D utilizzando le trasformazioni 3D CSS3. Le transizioni tra le facce del cubo vengono eseguite utilizzando puro JavaScript con tracciamento degli eventi di trascinamento e tocco. Grazie a transizioni insolite tra gli schermi, l'utente crea una sensazione di tridimensionalità dello schermo. Ciò è particolarmente pronunciato nella versione funzionante della pagina di destinazione.
Per la versione finale della pagina di destinazione, abbiamo realizzato una versione più realistica del cubo. A differenza della versione funzionante, nella versione finale la rotazione del cubo avviene dall'esterno, non dall'interno. La sensazione 3D è migliorata dalle animazioni dei titoli.
La pagina di destinazione è completamente reattiva.
Selezione interattiva dei colori degli interni e dei mobili
La particolarità della landing page DSK.Color è la possibilità di scegliere autonomamente il colore dei mobili e degli oggetti interni utilizzando una tavolozza interattiva.
L'azienda DSK.Color dipinge qualsiasi superficie in diversi colori. Puoi ordinare la colorazione dei mobili, elettrodomestici, biciclette, strumenti musicali e altri oggetti. Il cliente può scegliere qualsiasi colore.
Il servizio più richiesto è la verniciatura di mobili e complementi d'arredo. Rappresenta circa l'80% del lavoro del cliente.
Cosa voleva il cliente
Il cliente ha chiesto di realizzare un atterraggio luminoso e memorabile "con un invito a colorare tutto intorno". Aveva idee per realizzare rappresentazioni 3D dei mobili in modo che il visitatore "potesse girare e vedere l'oggetto dipinto da diverse angolazioni".
Cosa abbiamo fatto
Abbiamo offerto al cliente un'idea: dare al visitatore la possibilità di scegliere autonomamente il colore dei mobili e degli oggetti interni.
Per fare ciò, la pagina di destinazione ha offerto l'immagine di una stanza in cui il visitatore può dipingere gli oggetti principali utilizzando una tavolozza che si apre al clic. In base ai colori e agli articoli selezionati, l'utente può calcolare il costo dei servizi. Il primo prototipo era così.
L'idea è piaciuta molto al cliente, quindi abbiamo realizzato un prototipo funzionante della pagina di destinazione. Su di esso, la parte principale sembrava già così.
Abbiamo concordato con il cliente di lasciare la possibilità di verniciare il tavolo, le sedie, la porta e il blocco cucina. Questi sono gli elementi principali che l'azienda dipinge.
Dopo l'approvazione del prototipo, il progettista e il progettista del layout sono stati coinvolti nel lavoro. Il primo ha disegnato tutti gli elementi in svg (questo è un formato grafico). Il secondo ha creato e aggiunto una tavolozza di colori alle aree svg. Successivamente, è stata implementata una finestra modale. Con esso, l'utente può ricontrollare colori e articoli e inviare una richiesta per un servizio.
Precaricatori insoliti e ordinari
Con l'aiuto di un preloader o di uno spinner, puoi rendere qualsiasi pagina di destinazione più comoda e visivamente attraente. In questa sezione parleremo di preloader e vedremo esempi di questi elementi creati dagli specialisti di Texterra.
Cos'è un preloader e quali compiti risolve
Un preloader o spinner è un segno che appare sullo schermo prima che la pagina venga caricata. Vedi questi elementi ogni giorno quando usi Internet. Di seguito è riportato un esempio di preloader.
Il preloader risolve un problema pratico: informa l'utente che la pagina si sta caricando e sostituisce anche l'immagine di caricamento visivamente poco attraente. Questo deve essere spiegato.
Per colpa di caratteristiche tecniche il lavoro dei browser le pagine dei siti vengono caricate in modo non uniforme. Durante il caricamento, il layout potrebbe "fluttuare". Se la pagina viene caricata in pochi secondi, anziché in una frazione di secondo, l'utente osserva un'immagine poco attraente per un po' di tempo.
I preloader vengono implementati utilizzando strumenti di sviluppo front-end standard: HTML, CSS, JavaScript e librerie e framework aggiuntivi, come jQuery, React.
Come miglioriamo le pagine di destinazione con i precaricatori
Creiamo preloader unici, inclusi quelli animati. Ecco alcuni dei nostri lavori.
- Qubi
Per la landing page di Qubi, abbiamo creato un preloader che imita il menu di navigazione. Ciò consente all'utente di capire come viene gestita la pagina prima che venga caricata.
- livellare
Sul sito Web di Levellen Interiors, abbiamo utilizzato un preloader sotto forma di logo aziendale. Questo elemento aggiuntivo marchio del sito.
La pagina di destinazione fornisce informazioni sull'affitto dei locali nel business center. Il segreto principale della landing page è nella sezione "Uffici". Qui l'utente può vedere la disponibilità di uffici liberi su ogni piano dell'edificio.
Quando passi con il mouse su un ufficio libero, viene visualizzato il pulsante "Dettagli".
La pressione del pulsante indirizza l'utente a una pagina con informazioni sull'ufficio e le sue foto. Da questa pagina è possibile lasciare una richiesta per l'affitto di una stanza.
Funzionalità di implementazione
Il nostro designer ha disegnato le forme dello spazio ufficio, i disegni sono in formato svg. Questi disegni sono sovrapposti alle planimetrie. Quando l'amministratore del sito nel pannello di controllo rileva che l'ufficio è libero, lo script attiva la visualizzazione dell'immagine sulla planimetria e la possibilità di accedere alla pagina con le informazioni e il modulo d'ordine. Quando l'amministratore rileva che l'ufficio è occupato, lo script disattiva l'immagine sulla planimetria.
Proprio design
In questo esempio, non ci sono complessi trucchi tecnici ed effetti di design: l'intero atterraggio viene eliminato Bella foto: sfondo, colori, foto appetitose del caviale di Astrakhan. una pagina www.astrahancaviar.ruè un buon esempio di come un designer ti fa venire voglia di acquistare un prodotto. E mangia subito!
Infine, riguardo al doloroso: alcuni esempi di atterraggi terribili. Per contrasto, facepalm, agonia impotente e tutto il resto. Non descriverò cosa c'è di sbagliato in loro: ti suggerisco di risolvere questi problemi da solo. It-a-ak...
Siti di vendita. Cos'è? Una persona su due dirà: "Certo, queste sono pagine di destinazione!". Sono one-pager, sono anche pagine di destinazione, sono anche pagine di vendita.
Non vi convincerò del contrario, perché c'è molta verità in queste parole. Pertanto, in questo articolo analizzeremo quali pagine di destinazione possono essere definite le migliori e perché.
Una volta ho iniziato a cercare i siti più venduti, dove vedere i loro esempi, valutazioni e come valutarli in generale. Dopotutto, inizialmente è stato inventato un sito di una pagina per aumentare le vendite dell'azienda.
Di recente, molto è cambiato. Quelli che erano rilevanti prima sono spariti, i siti hanno cominciato a essere migliorati, più belli, con molte animazioni, immagini e varie caratteristiche allettanti.
Criteri di valutazione
Su che base valutare? Cosa prendere come base? Come classificare i siti TOP-10? Dove portare i siti per la competizione? Tutto ciò complica la situazione nella creazione di una classifica reale e onesta dei migliori siti.
Inoltre, non sappiamo quante società di vendita guadagnino attraverso tali siti. Non puoi chiamarli e chiedere: "Qual è il tuo?" o "Da quante applicazioni ricevi?".
Sono sicuro che nessuno risponderà a una domanda del genere, perché o nessuno pensa o dirà che si tratta di informazioni riservate.
Sì, sognando! Quindi l'ho reso più facile. Ho iniziato a cercare e visualizzare valutazioni e selezioni dei migliori atterraggi. E tu sai cosa?
La valutazione, ovviamente, è soggettiva, poiché non disponiamo di indicatori di tutte le pagine e non possiamo esaminare fisicamente tutti i siti Internet. Facciamo affidamento sulla nostra esperienza e su quei siti che incontriamo sul World Wide Web da 5 anni.
SIAMO GIÀ PIÙ DI 29.000 persone.
ACCENDERE
I 10 migliori siti di una pagina
Non prendere la numerazione come distribuzione dei premi. Poiché tutte le pagine di destinazione hanno compiti diversi, il che significa che confrontarle tra loro non è solo poco professionale, ma anche stupido. Quindi goditi il lavoro.
1. Complesso residenziale “Parco Flora”
Il sito è una delizia totale. È subito chiaro che un designer cool e un top marketer hanno avuto una mano. Guardi e vuoi venire a vedere tutto da solo.
Inoltre, sul sito completa assenza, non c'è nessun modulo da compilare, solo un numero di telefono. E questo è corretto nel loro caso, anche se per molti può sembrare strano.
Complesso residenziale “Parco Flora” L'unico aspetto negativo è il progettista di layout per animazioni scarsamente ottimizzate e file .
Il caricamento del sito richiede molto tempo e questo può influire notevolmente sulla frequenza di rimbalzo. Alla gente non piace aspettare e lo lascerà più velocemente di quanto veda l'offerta.
2. Laboratorio “Dinero”
Questo non è un sito Web, ma un intero film su un "personaggio": un portafoglio di legno. Se costasse 1.000-2.000 rubli, il sito fallirebbe, poiché non ce ne sono di ovvi: offerta, descrizione, modulo di acquisizione, ecc. Ma nel segmento Luxur, tutto funziona in modo diverso e questa pagina ne è la prova.
Il principale svantaggio di questo sito è il tentativo, come si suol dire, di sedersi su due sedie, ovvero su una pagina per vendere merci sia al dettaglio che all'ingrosso.
È necessario cercare rivenditori su un sito separato, poiché gli acquirenti al dettaglio e all'ingrosso hanno criteri di selezione diversi, il che significa che devono mostrare immagini e vantaggi diversi in una sequenza diversa.
Laboratorio “Dinero” 3. Posti vacanti Alfa-Bank
Questa banca rossa e bianca è il nostro partner. Siamo gli autori del loro blog per il club dei clienti.
Ma il loro sito non è qui per "legami familiari", hanno davvero preso una buona decisione per trovare dipendenti per la loro azienda. E lo hanno fatto in un modo molto originale.
Posti vacanti Alfa-Bank L'unica cosa da dire loro (e lo faremo) è di non allontanare il cliente da questo sito e di fare tutta l'interazione al suo interno. Pertanto, una persona sarà più disposta a lasciare una richiesta a causa della consueta disposizione degli elementi e di una catena logica di azioni.
4. Corsetto sportivo "Loni-corsetto"
Questo sito è stato sviluppato da noi, ed è un po' stupido fare una valutazione e non dire che consideriamo i nostri siti interessanti.
Inoltre, tutti i nostri siti sono al loro meglio, puoi vederlo qui —> . Ma poiché la maggior parte del pubblico di questa pagina è costituita da uomini, abbiamo deciso di mostrare il sito con le ragazze 🙂
Corsetto sportivo "Loni-corsetto" Il sito ha funzionato per 4+. L'unico blocco che non siamo riusciti ad aggiungere è stata la prova sociale dell'esistenza dell'azienda di invio.
Il cliente ha scelto di non mostrare queste informazioni. Pertanto, diciamo con coraggio che il risultato potrebbe essere più alto se gli acquirenti vedessero il magazzino, il team, l'ufficio e altri. Ma ciò che è, è.
5. Approvazione dell'OAD “Gralnik Licensing”
A prima vista, questo sito dovrebbe farti chiedere perché è nella lista in alto. Non c'è niente di speciale in esso: design semplice, blocchi ordinari, testi tipici.
MA! Fidati di me, quando sarai il loro cliente target, ti renderai conto che questo è un ottimo sito completamente costruito per il cliente. E anche uno semplice è fatto per un motivo così ordinario.
Approvazione dell'SRO "Gralnik Licensing" Certo che hanno spazio per crescere. Il loro layout fluttua in alcuni blocchi e ce ne sono, tra l'altro, 15. Inoltre, hanno una sillabazione delle parole errata e gli elementi principali sono scarsamente evidenziati.
Ma tutte queste sono sciocchezze, perché fondamentalmente tutto è fatto correttamente e scritto dal punto di vista.
6. Progetto “Big Drying”
La maggior parte delle donne (il loro pubblico di riferimento) ha sentito parlare del progetto Crazy Drying. I loro annunci di lancio sono su Internet. E questo non sorprende quando milioni vengono investiti nel traffico.
Ma senza un buon sito, non sarai in grado di ottenere decine di milioni di entrate, quindi anche il loro sito è incluso nel nostro TOP.
Progetto “Grande Asciugatura” Si può vedere che la creazione è stata affrontata a fondo, cosa che vale solo per alcuni testi. Ma hanno commesso un grosso errore: non hanno premuto il pulsante di chiamata alla fine. Ciò influisce notevolmente sul deflusso dei visitatori, in quanto non vedono la chiusura logica dell'intera storia.
7.
Noi stessi utilizziamo il sistema di relazione con i clienti di Bitrix24. Ma poiché il nostro argomento non è " ", il sito Web del sistema Megaplan ha superato tutte le aspettative.
Attraverso di esso, hanno trasmesso tutti i punti principali del loro sistema, dopodiché capisci che questa è la cosa migliore per gli affari.
CRM "Megapiano"
Uno dei nostri desideri di miglioramento è aggiungere una recensione video del sistema, poiché tutti i concorrenti diretti ce l'hanno. E anche effettuare chiamate più comprensibili, ovvero sostituire i titoli (non i pulsanti) con "Inizia gratuitamente" o qualcosa del genere.
A proposito! Se vuoi usarlo come sistema CRM, allora ti consiglio di non dimenticare il codice promozionale "Megastart". Quindi riceverai uno sconto del 10% sul tuo primo acquisto e 14 giorni di utilizzo gratuito.
8. Banca per imprenditori “Tochka”
Questa landing page della banca riceve un premio per la sua originalità. Questa pagina viene inviata ai tuoi amici come link di riferimento.
Per migliorare l'effetto, aggiungeremmo altri blocchi che mettessero sotto pressione la logica. Ora il sito è più focalizzato sulle emozioni, e in alcuni casi questa potrebbe essere la decisione giusta. Ma abbiamo ancora la scelta di una banca e le emozioni da sole non possono bastare qui.
Banca per imprenditori "Tochka" 9. Attrezzatura da palestra Goodfit
Un'interessante transizione del sito dal nero al bianco con il blu. Ma oltre alla soluzione progettuale originale, questo pianerottolo utilizza un eccellente gioco di intestazioni. Qui non sono un eyeliner per il blocco, ma elementi indipendenti, dopo aver letto quale, puoi già creare un'immagine completa.
Per un pacchetto completo, non c'è abbastanza presentazione video per conto del CEO. Deve essere in ottima forma fisica.
A tutto questo, sarebbe bello aggiungere numeri ai casi. Cioè, quanto costa la sala che il cliente ha ricevuto. Questo non è fondamentale, ma semplicemente desiderabile, perché la specificità aggiunge credibilità ed è semplicemente conveniente per i visitatori.
Attrezzatura da palestra “Goodfit” 10. Centro commerciale "METROPOLIS"
Sicuramente la pagina di destinazione del centro commerciale più bella che abbia mai visto. I colori sono scelti magnificamente, il significato principale è trasmesso, l'eccellente usabilità è immediatamente visibile quando si accede a questa pagina di destinazione. Quindi fai clic ed esplora.
Ma metterò comunque i miei 5 centesimi. Certo, capisco che le persone che hanno familiarità con questo centro dovrebbero accedere a questo sito. Ma oltre a loro, chi lo vede per la prima volta ci casca sopra.
Pertanto, era logico fare una piccola descrizione (una descrizione in poche parole dell'azienda) in modo che il visitatore sapesse immediatamente dove si trovava e cosa lo attende lì.
Centro commerciale “METROPOLIS” Perché solo i siti Runet
Sì, nella mia recensione, mi sono concentrato principalmente sui migliori siti di una pagina in RuNet, sebbene ci siano molte opzioni decenti al mondo.
E, cosa più importante (ed è la cosa più sorprendente), la landing page nella borghesia utilizza non solo piccole, ma anche grandi usure.
Ad esempio, uno dei servizi di taxi più famosi al mondo, Uber, ha scelto come sito principale la seguente opzione: una landing page multifunzionale o, come si suol dire, una landing page multipagina.
Questo è un sito Web con molte pagine di destinazione. Quasi un sito multipagina, ma pur sempre una landing page.
Ma deliberatamente non ho pubblicato la loro pagina di destinazione qui, perché sono diverse. Diciamo a tutti che ripetiamo tutto dopo l'Occidente, ma in questo caso la penso diversamente.
Noi russi siamo diversi. Abbiamo un diverso tipo di pensiero perché viviamo in un paese diverso. Ad esempio, un americano non ha quasi paura nella sua testa che la società prenda i soldi e si dissolva. Dal momento che hanno tutto protetto da dieci file, quel solo PayPal costa.
Qui, in Russia, questa paura è in prima linea. Pertanto, hanno pochi blocchi convincenti sul loro sito Web per fidarsi dell'azienda e ne abbiamo molti.
Posso fornire dozzine di argomenti in più sul fatto che avremo diverse migliori pagine di destinazione con loro. Pertanto, mi scuso, ma le loro opzioni non saranno qui.
Goditi meglio le nostre soluzioni russe, modella i nostri testi e blocchi. E nei siti stranieri, prendi solo buone idee per il design.
Brevemente sul principale
Ora che hai esaminato tutti i candidati, non ti esorto a concentrarti ciecamente su di loro, ma vale sicuramente la pena guardare le migliori pagine di destinazione per un esempio.
Come minimo, puoi prendere l'idea di un'animazione realizzata in modo interessante da qualcuno. Oppure, ad esempio, uno dei creatori conosce perfettamente il proprio e lo utilizza durante l'intero pianerottolo. In generale, vale la pena studiare, trarre conclusioni e adottare.
E a proposito, se stai cercando idee per la tua prima landing page, puoi provare a crearla tu stesso. Quindi capirai di cosa hai bisogno e che non è così semplice come sembra a prima vista.
Utilizzare per questo, ad esempio, PlatformaLP , Tilde , Bloxy. E solo allora, stiamo aspettando che tu ci visiti per lo sviluppo congiunto.
La particolarità di questo design è che tutti gli elementi sono visibili, ma allo stesso tempo disposti in modo molto ordinato. Anche una presentazione semplice ma bella attira l'attenzione.
Design semplice ma carino. Il vantaggio è che puoi entrare nel sito tramite Facebook senza perdere tempo con la registrazione.
Un eccellente esempio di dimostrazione del prodotto dell'azienda. Ogni mese l'azienda aggiorna l'elenco dei prodotti presenti nella pagina.
Capire cosa viene venduto sul sito non è un problema grazie a contenuti ben strutturati, belle diapositive e cartellini dei prezzi elevati.
Le pagine di vendita di maggior successo contengono necessariamente esempi di prodotti chiari e di facile comprensione.
Il segno distintivo di questo design è la semplicità. Un menu semplice e un cursore luminoso vanno bene insieme.
La pagina è ben visualizzata in diverse sezioni. Per più informazioni dettagliate Basta fare clic sull'immagine che ti piace.
Il design non è sovraccarico di elementi inutili, puoi vedere immediatamente tutte le caratteristiche e i prezzi del prodotto.
siti di intrattenimento
Semplice e di buon gusto. Lo scopo della pagina è immediatamente chiaro: visualizzare un video documentario.
Il design della pagina è molto curato, affascina e letteralmente ipnotizza. Ottima combinazione di colori e forme.
Questo sito è di prim'ordine. Il design brillantemente studiato e l'abbondanza di elementi interattivi non lasceranno nessuno indifferente.
Questa pagina per il franchise di Harry Potter presenta colori, frasi e nomi familiari per i fan.
Questa pagina non solo ha un bell'aspetto, ma è anche molto funzionale: molti elementi interattivi, integrazione con Google Maps, utilizzo delle schede.
Anche dopo la riprogettazione, Uncrate non cambia la sua tradizione di collocare tutte le sezioni del sito in un comodo menu di navigazione in alto.
Questo sito mette in mostra il potere del design grafico e dello sviluppo web. È meglio visitarlo e vedere di persona.
Un ottimo esempio di design "tile" che consente di organizzare con stile un gran numero di blocchi di contenuti.
La componente visiva di questo sito è sorprendente. Le immagini vivide catturano istantaneamente l'attenzione degli utenti.
Jay-Z sa esattamente come divertirsi. Sul suo sito, articoli, immagini e altri contenuti sono presentati come tessere interattive.
Questo design utilizza toni naturali che ben si sposano con le principali questioni sollevate sul sito.
Pagine di destinazione del portafoglio
Questa pagina è ancora una volta dominata da immagini che prendono letteralmente vita al passaggio del mouse.
Questo esempio ha una combinazione di colori molto interessante. Inoltre, tutti gli elementi della pagina utilizzano la stessa struttura di sfondo, come un albero.
Lo stile "vecchia scuola" è utilizzato con grande successo qui, il design di ogni elemento è pensato nei minimi dettagli ed è unico. Grazie allo scorrimento infinito su questo sito, puoi goderti tanta bellezza per molto tempo.
Un design chiaro e ponderato aiuta la pagina a comunicare nel modo più efficace. informazione principale ai visitatori. La combinazione di colori corrisponde al marchio e mostra lo stile del designer in azione.
La pagina è un'ottima presentazione. Ogni banner è dedicato a un progetto separato.
Un esempio di un insolito design di piastrelle.
Questa pagina è dominata dalla tipografia. L'uso di caratteri diversi aiuta a trasmettere idee.
Il design è conciso e conciso. Nella pagina possiamo vedere tutto ciò di cui abbiamo bisogno: sia il portfolio che i collegamenti ad altre sezioni.
Icone e nient'altro. Un buon esempio di design minimalista.
La pagina del portfolio mostra la cosa più importante: esempi di lavoro.
Vedere al dettaglio
La pagina contiene molte foto degli utenti, che possono essere facilmente sfogliate con l'aiuto dello scorrimento e del passaggio del mouse.
Grandi foto luminose del prodotto dell'azienda ti fanno venire voglia di bere una lattina di birra fredda.
Nulla distoglie il visitatore dalla contemplazione delle ore più belle.
Il clou di questo sito è la presentazione nella parte superiore della pagina, che mette in mostra capolavori culinari da leccarsi i baffi.
Il carattere e la grafica sono perfettamente combinati, creando una percezione unificata del sito. Ci sono solo tre voci di menu ed è impossibile non notarle.
Stile elegante, immagini di alta qualità, ottima presentazione. Niente distrae dagli elementi principali.
Toyota ha creato un sito in stile Pinterest per gli amanti di Camry. Qui puoi trovare molte foto, articoli, statistiche.
Nonostante questa pagina abbia l'altezza di uno schermo, ha molti elementi interattivi interessanti e dettagli insoliti.
Il design della pagina rispecchia in pieno lo stile del brand: colori, font, immagini vengono immediatamente associati a questa particolare azienda.
Il design è realizzato in rilassanti colori chiari, questa combinazione di colori è ideale per il prodotto proposto.
Questo sito è come un libro che cattura la tua attenzione con una trama e illustrazioni insolite.
Il pulsante rosso mobile al centro dello schermo fa il suo lavoro: vuoi davvero cliccarci sopra.
Questa pagina di destinazione utilizza un effetto di parallasse durante lo scorrimento, che delizia i visitatori.
Il design è disegnato nel colore del marchio, il pulsante CTA sul banner principale risalta perfettamente, il che fa venire voglia di fare clic.
Lo striscione principale in stile poster del film è decisamente accattivante. Anche se non sai cosa fa questa compagnia, rimarrai incuriosito dal Capitano Dash nel poster.
L'insolita griglia di questa pagina consente ai visitatori di vedere molti contenuti contemporaneamente in un modo di facile comprensione.
Questa azienda ha scelto un design molto creativo per il suo sito web. Cliccando sugli elementi della finestra con i titoli, possiamo arrivare alla sezione corrispondente.
Un design della pagina di alta qualità indica che questa azienda può essere considerata attendibile.
Questa è la pagina di un fotografo professionista e il suo design ci aiuta a vedere la cosa più importante: le foto. Anche il menu è nascosto nell '"hamburger".
Gli elementi luminosi rendono questa pagina molto attraente, ma allo stesso tempo sono discreti e non distraggono dal contenuto principale.
Questo design utilizza uno stile di sfondo coerente da un blocco all'altro per creare l'integrità della pagina e rendere le informazioni più facili da leggere.
Conclusione
Abbiamo esaminato più di 50 design completamente diversi, ma ognuno di essi è buono a modo suo ed esprime con competenza l'offerta unica dell'azienda. Quando sviluppi una pagina di destinazione, è molto importante che la pagina corrisponda al tuo marchio e sia interessante per il tuo pubblico di destinazione.
Landing può essere chiamato qualsiasi sito di una pagina che contiene un invito all'azione. Di norma, i collegamenti a tali pagine sono contenuti negli annunci pubblicitari, quindi dopo la transizione di un potenziale cliente, avrai solo pochi secondi per convincerlo ad acquistare, connettersi, registrarsi, iscriversi a una newsletter, partecipare a un evento o fare qualcos'altro. Pertanto, tali siti sono costituiti da 1 pagina: il contenuto non può essere distribuito su più pagine. L'obiettivo è interessare e correggere rapidamente l'esecuzione dell'azione, ovvero convertire il traffico in un risultato. Cioè, la pagina dovrebbe trovare acquirenti tra i visitatori.
La differenza tra landing page e altri tipi di siti è che contengono solo un'offerta principale (potrebbero esserci regali, sconti, bonus successivi, ma l'obiettivo principale della pagina è sempre lo stesso). Ne consegue una semplice conclusione: l'uso di una pagina è appropriato quando l'offerta si inserisce in un pulsante di invito all'azione. La proposta dovrebbe essere semplice e lineare. La cosa più importante per una pagina di destinazione è il traffico e lo stesso pulsante. Il resto fa da cornice. Una pagina consente di controllare l'ordine in cui le informazioni vengono ricevute, quindi è importante costruire una sequenza efficace di sezioni.
Esempi di atterraggi di una pagina:
1. Casa sul viale - complesso residenziale
Vib-dom.ru è una pagina di destinazione competente e ben progettata di un'agenzia immobiliare, volta a raccogliere domande per l'acquisto di alloggi in un nuovo edificio. È interessante notare che non ci sono pulsanti come "richiama" o "lascia una richiesta" sulla pagina. La pagina descrive in modo convincente i vantaggi del complesso residenziale, fornisce una serie di collegamenti a copie digitali di permessi, rapporti e altri tipi di documenti che confermano l'affidabilità delle prospettive dell'area residenziale e condivide generosamente le informazioni di contatto. L'atterraggio è pensato affinché il cliente, dopo aver familiarizzato con le caratteristiche del progetto, chiami lui stesso l'ufficio commerciale o visiti uno degli uffici dell'azienda. Cioè, la chiamata in appello è discreta, la descrizione del complesso è un motivo naturale di interesse.
Il design della pagina è fantastico. I piacevoli colori pastello sono associati al comfort e, a proposito, corrispondono approssimativamente alla combinazione di colori del complesso residenziale, a giudicare dalla foto. Armoniosamente rivelato, tutto è dentro stile uniforme. Le fotografie sono eccellenti, danno un posizionamento vantaggioso del progetto. Le descrizioni dei layout degli appartamenti sono chiare e comprensibili. Gli argomenti a favore dei vantaggi sono pesanti, il testo è conciso e di alta qualità. Senza acqua e lunghe dichiarazioni, ogni frase porta informazioni utili a un potenziale cliente. La pagina esiste da circa 2 anni: davanti a te c'è una landing page di lunga durata. Ciò è dovuto alle specificità della nicchia: hanno iniziato ad attrarre clienti all'inizio dello sviluppo. Interessante battuta.
2. Viaresto - apparecchiature digitali per bar e ristoranti
Viaresto.ru è una pagina ottimamente progettata di un'azienda che fornisce, installa e mantiene apparecchiature digitali per videosorveglianza, suono, registratori di cassa, Wi-Fi e altre cose in varie istituzioni pubbliche. Contenuto informativo estremo, argomenti di persuasione accuratamente selezionati, presentazione testuale e strutturale competente, eccellente supporto grafico per le descrizioni: tutto questo insieme fa una forte impressione. Nonostante la grande quantità di informazioni ed elementi, la pagina di destinazione non sembra sovraccarica, è interessante da leggere, perché tutto è presentato in dettaglio e al punto.
Il design è piuttosto complesso, viene utilizzato un gran numero di sfumature di colore ed elementi grafici. Non tutti sono omogenei, però la pagina si percepisce nel suo insieme, ha una trama. Mentre scorri, cambiano i “luoghi” semantici, e con essi gli approcci al design. Strutturalmente, tutto è logico, chiaramente costruito e aromatizzato con diversi effetti di animazione. Descrizioni delle caratteristiche principali dei servizi, sequenza di azioni in collaborazione, prezzi, recensioni dei clienti, portafoglio di clienti e partner, oltre a contatti dettagliati con un modulo per ordinare una consulenza come trigger per un invito all'azione. Il piè di pagina riassume brevemente il contenuto della pagina di destinazione, che, tra l'altro, ha già 4 anni, un altro fegato lungo di alta qualità.
3. Re: contenuto - pagina web studio
Recontent.ru è una landing page per la raccolta di applicazioni per la creazione di siti web. Utilizza una struttura semplice ed efficiente. A causa delle peculiarità della nicchia, lo sviluppatore ha deciso di interessare i clienti solo dimostrando esempi di lavoro finito. Argomentazione abbastanza sufficiente: secondo questi esempi, tutto è perfettamente chiaro, non è necessario spiegare ulteriormente nulla. L'intera pagina è composta da sezioni che contengono screenshot di siti con una semplice animazione di zoom al passaggio del mouse, una breve descrizione del progetto e un link ad esso. Tutto questo per cambiare è racchiuso in blocchi multicolori. Sembra buono, ma niente di più.
Il design è adattivo e, per la struttura scelta, estremamente semplice. L'intestazione contiene i contatti, il logo originale dello studio e un trigger di invito all'azione sotto forma di un brief per ordinare il sito. C'è un altro tipo di pulsante sulla pagina con un collegamento a un breve modulo per ordinare il feedback. Cioè, otteniamo 2 pulsanti con forme diverse, ma quasi lo stesso significato. L'adattabilità è indicata come l'unico argomento di vantaggio e vengono fornite miniature di versioni mobili di siti già pronti. Di seguito, viene ripetuto il modulo d'ordine di richiamata e vengono aggiunte informazioni di contatto dettagliate. Un atterraggio normale, in cui quasi l'intero carico semantico è stato spostato su esempi di lavoro. Ma non c'erano vantaggi del modello.
4. Pechatnikov - pagina di destinazione della casa di stampa
Pechatnikov.rf - una pagina tipografica ben progettata. Un logo caratteristico con un riferimento ai pionieri dell'antico slavo, che suggerisce l'autenticità del mestiere e ne aumenta il significato nella nostra era digitale. Il cappello ha un aspetto suggestivo, sebbene gli elementi in esso contenuti siano disposti in modo asimmetrico. IN versione mobile questo non è visibile. C'è un menu per la navigazione rapida attraverso le sezioni. A proposito, questo atterraggio è multipagina: le icone con le immagini dei servizi contengono collegamenti alle pagine con le loro descrizioni. Questo non contraddice l'idea di landing page, possono essere anche multipagina. L'essenza dell'offerta è contattare la tipografia. Non puoi pubblicare due dozzine di servizi su una pagina: risulterà troppo lungo, non finiranno di leggerlo. Pertanto, la creazione di pagine statiche aggiuntive è pienamente giustificata qui.
Il design del sito è adattivo, attraente, sebbene strutturalmente semplice. La varietà della presentazione si ottiene attraverso l'uso di molte icone uniche. C'è un elenco di servizi, che di per sé è comprensibile dal nome dei nomi. Attenzione speciale pagato ai contatti nell'area del piè di pagina: sono grandi, chiaramente leggibili, c'è una mappa. La pagina pubblicizza anche un partner: una cartoleria. Molto probabilmente, questo è un ufficio. Si scopre un paio di pubblicità - abbastanza redditizie. Non ci sono pulsanti di invito all'azione qui, il loro ruolo è svolto da blocchi di contatto espressivi nell'intestazione e nel piè di pagina, che incorniciano l'elenco dei servizi forniti. Buon atterraggio.
5. Sito Web del produttore di cabine per interpreti
Sinhro-kabina.ru - una landing page per la raccolta di domande per l'acquisto di attrezzature molto specifiche - vari modelli di cabine progettate per la traduzione simultanea. Il testo sull'azienda afferma che l'azienda è la prima e unica nel suo genere. Molto probabilmente non mentono, è un prodotto dal profilo molto ristretto. Puoi capire dall'immagine nell'intestazione di cosa si tratta, sebbene sia di qualità piuttosto scadente. Probabilmente, tali foto sono difficili da ottenere.
La struttura della pagina è estremamente semplice: sezioni alternate con descrizioni di vari modelli di sincronizzatori. Le caratteristiche sono quasi le stesse ovunque, è difficile capire le differenze tra i modelli, ma si possono notare diverse proprietà utili. Tuttavia, non sono informativi. Il messaggio principale della pagina è che esiste un'azienda che produce un prodotto così specifico, ha un indirizzo, numero di telefono, posta e persino un profilo VK. Puoi chiamare e saperne di più.
Riassumendo
Le landing page sono efficaci se le sezioni sono disposte correttamente e l'offerta è presentata in modo di qualità. Il loro design deve essere adattivo, poiché molti passeranno a loro dai social network dagli smartphone. Un bel design è desiderabile ma non richiesto. La cosa principale è il contenuto informativo e la persuasività. Ebbene, un pulsante, contatti, social network: è necessario che una persona capisca immediatamente dove si trova e dove scrivere o chiamare se interessati.
Le landing page non trasformano i visitatori in acquirenti, ma cercano tra il pubblico chi ha la predisposizione e le risorse per compiere l'azione indicata nella pagina. La linea di fondo è che la pagina di destinazione contiene un'offerta già pronta, a causa della quale priva il tormento della scelta. Resta solo da convincere il potenziale cliente che questa scelta è quella giusta. Più dettagliate formulate le argomentazioni a favore dell'offerta e più brillanti ne mostrate i vantaggi, meglio è.