6 tendenze del web design che stanno cambiando l'aspetto del marketing

Nel 2010 sono accaduti molti eventi significativi.

L'edificio più alto del mondo è stato ufficialmente aperto a Dubai, Space X ha lanciato con successo la Dragon Capsule, Apple ha rilasciato l'iPad ed Ethan Marcotte ha creato un web design reattivo.

Abbiamo fatto molta strada dalle pagine web il cui unico scopo progettuale era stupire i visitatori con una visualizzazione colorata di immagini, come questa:

Il web design ora è incentrato sulla funzionalità e sull'esperienza dell'utente. E perché non dovrebbe farlo quando il 46,1% delle persone considera il design come un criterio fondamentale per determinare la credibilità aziendale.

il design della pagina di destinazione post clic esercita lo stesso potere. In effetti, Numara Software è stata in grado di migliorare il tasso di conversione dei moduli di un impressionante 133% semplicemente cambiando il carattere della pagina.

Gli standard di design più recenti non si concentrano più sull'utilizzo di elementi visivi appariscenti e appariscenti come caratteri di colore rosso e passaggi evidenziati in giallo per guidare il visitatore verso un pulsante di invito all'azione lampeggiante. Quindi, non devi guardare pagine che assomigliano a questa:

In passato, abbiamo discusso delle tendenze della pagina di destinazione post clic che erano calde nel 2018. Oggi esamineremo le tendenze del web design che aiuteranno ad aumentare i tassi di conversione in futuro nel 2019.

1. Layout basato su carte

Intercom prevede che il design basato su schede sarà il futuro del web perché ti dà l'opportunità di mostrare grandi quantità di testi o immagini in modo più organizzato e di raccontare la tua storia più velocemente.

Un layout di pagina basato su scheda garantisce la presenza di punti di interruzione visivi tra gli elementi della pagina. Inoltre, l'approccio rimuove il disordine, indipendentemente dalla quantità di copia e immagini che inserisci sulla pagina. Inoltre, il design basato su schede è un eccellente sostituto del tradizionale dispositivo di scorrimento delle pagine.

La home page di Essentials utilizza un layout di pagina basato su schede per mostrare le immagini curate da un gruppo di creativi globali:

2. Pagine a scorrimento lungo

Ottenere tutte le tue informazioni vitali above the "fold" era un principio di progettazione che molti esperti di marketing in precedenza si erano attaccati a credere che se un visitatore non potesse vedere il pulsante CTA, non si sarebbe mai più convertito in contatto con te o acquistato.

Quella pratica è morta. Le pagine web "brevi" che contengono tutte le informazioni importanti above the fold non sono più considerate la norma per tassi di conversione più elevati. Gli utenti web di oggi si aspettano di scorrere. Desiderano più informazioni, che siano sotto forma di post di blog 10x o pagine di destinazione post clic a scorrimento lungo.

La lunga pagina a scorrimento ti consente di portare i visitatori in un tour visivo della tua offerta, fornendo risposte a qualsiasi domanda che potrebbero avere prima di agire sulla pagina.

Una pagina web o una pagina di destinazione post clic che richiede all'utente di scorrere la tua offerta dissipa i dubbi e ti dà l'opportunità di raccontare una storia più dettagliata.

Un menu a scorrimento permanente migliora l'esperienza di navigazione per il visitatore, poiché è incaricato di dove spostarsi nella pagina. Il visitatore è sempre responsabile di dove vuole navigare, grazie al menu a scorrimento permanente.

Questo è ciò che Mugs fa con la sua pagina:

3. Tipografia drammatica

Un maggiore accesso a migliori risoluzioni del dispositivo, velocità Internet più elevate e un'intera gamma di caratteri creativi (grazie a Google Fonts e Adobe Typekit) rendono la tipografia drammatica sulle pagine Web e sulle pagine di destinazione post-clic una transizione naturale. La tipografia drammatica ti consente di stabilire l'identità del tuo marchio e ti dà la possibilità di migliorare l'esperienza dei contenuti per i tuoi visitatori.

Sii avventuroso con le tue scelte tipografiche. Tuttavia, ricorda che la leggibilità dovrebbe essere la tua priorità, perché se il carattere non è leggibile, non ha senso includerlo in qualsiasi pagina web.

Prova ad aumentare la dimensione del carattere per ottenere un effetto drammatico o contrasta il colore del carattere con quello dell'ambiente circostante. Di norma, limita i caratteri a due tipi per pagina web per non distrarre i visitatori dall'obiettivo di conversione.

Ad esempio, Outbrain utilizza caratteri grandi sulla pagina di destinazione post clic che attirano immediatamente l'attenzione non appena arrivi alla pagina:

4. Micro-interazioni

Le micro-interazioni si verificano tra interazioni più ampie e migliorano l'esperienza della pagina mobile per i visitatori facendo loro sapere che hanno già eseguito una determinata azione. Ad esempio, fare clic su un pulsante e assistere al cambiamento di colore o ascoltare un suono particolare dopo aver eseguito un'azione specifica.

Queste interazioni più piccole aiutano i visitatori a visualizzare i risultati delle loro azioni, come questa di Nike:

Le microinterazioni possono anche aiutare i visitatori a comprendere layout non standard come schermi divisi verticalmente o un layout basato su schede e incoraggiare i visitatori a fare clic su un invito all'azione:

Un altro modo per utilizzare le micro-interazioni sulle tue pagine mobili è fornire un tutorial animato su come funziona il tuo prodotto (e avere punti di navigazione in basso per mostrare ai visitatori quale fase stanno visualizzando):

5. Blocco del colore

Il blocco del colore implica l'utilizzo di colori diversi per creare un mosaico. È possibile utilizzare il blocco del colore sui contenuti o sulle pagine Web pesanti di immagini per suddividere gli elementi e dare loro spazio per respirare.

Questo è ciò che fa la homepage di Wrist:

Puoi anche accoppiare la tecnica di progettazione del blocco del colore con gli stati al passaggio del mouse e fare in modo che i blocchi di colore cambino colore quando i visitatori spostano il cursore sul blocco.

Per dimostrare, la homepage di Barn + Co utilizza contemporaneamente il blocco del colore e lo stato al passaggio del mouse:

Sebbene non sia una pagina di destinazione post-clic, Barn + Co mostra di essere all'avanguardia nell'implementazione di nuove tendenze di design nel proprio sito Web. Questi tipi di elementi interattivi aiutano a migliorare l'esperienza dell'utente e il coinvolgimento generale con il proprio marchio.

6. Usare le schermate come pagine

Hai mai faticato a determinare il layout di pagina più appropriato per una pagina di vendita in formato lungo? Non lottare più; questa tendenza è per te. L'uso delle schermate come pagine fornisce un nuovo significato allo scorrimento delle pagine web.

Quando utilizzi gli schermi come pagine, per lo più stai configurando ogni schermo in una piega per agire come una pagina separata, che ha la sua immagine, titolo, ecc.

Se le pagine a scorrimento lungo non sono adatte a te o ai tuoi visitatori, le schermate come pagine possono essere un'ottima alternativa per mantenere tutto organizzato fornendo le informazioni necessarie.

L'app Google utilizza le schermate come pagine:

Puoi passare da una schermata all'altra dall'intestazione di navigazione, scorrendo con il mouse o utilizzando i tasti freccia.

Reinventa la rotella di scorrimento delle pagine utilizzando le schermate come pagine.

Quali stili di web design si adattano di più al tuo marchio?

Il design della pagina Web dovrebbe concentrarsi sull'esperienza e sulla funzionalità dell'utente. Ogni elemento che includi deve essere aggiunto al tuo obiettivo di conversione e servire a uno scopo individuale.

Pensi che i tuoi visitatori preferiscano un'esperienza visiva? Usa un design basato su carte. Hai un'offerta piuttosto complicata da promuovere? Usa una lunga pagina a scorrimento per spiegare ogni piccolo dettaglio per convincere i visitatori a convertire sul tuo obiettivo.

Quale tendenza di design pensi si adatti di più alle tue pagine web? Si prega di commentare qui sotto e fatecelo sapere.

Non hai ancora iniziato a creare landing page post clic? Progetta pagine di destinazione post clic di alta qualità, registrati oggi stesso per una demo Enterprise.