6 Tendințe de design web care schimbă aspectul marketingului

Multe evenimente semnificative s-au întâmplat în 2010.

Cea mai înaltă clădire din lume a fost deschisă oficial în Dubai, Space X a lansat cu succes Dragon Capsule, Apple a lansat iPad-ul, iar Ethan Marcotte a creat un design web receptiv.

Am parcurs un drum lung de la paginile web al căror unic scop de proiectare a fost să uimească vizitatorii cu un afișaj colorat de imagini, astfel:

Designul web se concentrează acum pe funcționalitate și experiența utilizatorului. Și de ce nu ar fi atunci când 46,1% dintre oameni consideră proiectarea drept un criteriu de top pentru a determina credibilitatea afacerii.

designul paginii de destinație după clic are aceeași putere. De fapt, Numara Software a reușit să îmbunătățească rata de conversie a formularelor cu un impresionant 133%, doar schimbând fontul paginii.

Standardele de proiectare mai noi nu se mai concentrează pe utilizarea elementelor vizuale strălucitoare, în față, cum ar fi fonturile de culoare roșie și pasajele evidențiate galben pentru a ghida vizitatorul către un buton de îndemn intermitent. Deci, nu trebuie să vă uitați la pagini care arată astfel:

În trecut, am discutat despre tendințele paginii de destinație post-clic, care au fost fierbinți în 2018. Astăzi vom analiza tendințele de design web care vă vor ajuta să vă creșteți ratele de conversie în viitor.

1. Aspect bazat pe card

Interfonul prezice că proiectarea bazată pe carduri va fi viitorul web, deoarece vă oferă posibilitatea de a prezenta cantități mari de copii sau imagini într-un mod mai organizat și de a vă spune povestea mai repede.

Un aspect al paginii bazat pe carduri asigură existența unor puncte de întrerupere vizuale între elementele paginii. În plus, abordarea elimină dezordinea - indiferent de cantitatea de copii și imagini pe care le plasați pe pagină. Mai mult, designul bazat pe carduri este un înlocuitor excelent pentru glisorul de pagină tradițional.

Pagina principală Essentials folosește un aspect de pagină bazat pe carduri pentru a prezenta imagini organizate de un grup de reclame globale:

2. pagini cu derulare lungă

Obținerea tuturor informațiilor vitale deasupra „foldului” a fost un principiu de proiectare pe care mulți specialiști în marketing s-au agățat anterior să creadă că, dacă un vizitator nu ar putea vedea butonul CTA, nu ar converti niciodată interacțiunea cu dvs. sau ar cumpăra.

Această practică este moartă. Paginile web „scurte” care conțin toate informațiile importante de mai sus nu mai sunt considerate norma pentru rate de conversie mai mari. Utilizatorii web de astăzi se așteaptă să deruleze. Ei doresc mai multe informații, indiferent dacă acestea sunt sub formă de postări de blog de 10 ori pagini de destinație lungi după clic.

Pagina cu derulare lungă vă permite să vizitați vizitatorii într-un tur vizual al ofertei dvs., oferind răspunsuri la orice întrebări pe care le pot avea înainte de a lua măsuri pe pagină.

O pagină web sau o pagină de destinație post-clic care solicită utilizatorului să deruleze oferta dvs. calmează îndoielile și vă oferă posibilitatea de a spune o poveste mai detaliată.

Un meniu de defilare lipicios îmbunătățește experiența de navigare pentru vizitator, deoarece aceștia sunt responsabili de locul unde să se deplaseze pe pagină. Vizitatorul este întotdeauna responsabil de locul în care dorește să navigheze, datorită meniului derulant.

Iată ce face Mugs cu pagina sa:

3. Tipografia dramatică

Accesul mai mare la rezoluții mai bune ale dispozitivelor, viteze mai mari la internet și o gamă întreagă de fonturi creative (datorită Google Fonts și Adobe Typekit) fac din tipografia dramatică pe paginile web și pe paginile de destinație post-clic o tranziție naturală. Tipografia dramatică vă permite să vă stabiliți identitatea de marcă și vă oferă șansa de a îmbunătăți experiența de conținut pentru vizitatorii dvs.

Fii aventuros cu alegerile tale de tipografie. Cu toate acestea, amintiți-vă că lizibilitatea ar trebui să fie prioritatea dvs., deoarece dacă fontul nu este lizibil, nu are rost să îl includeți pe nicio pagină web.

Încercați să măriți dimensiunea fontului pentru a obține un efect dramatic sau contrastați culoarea fontului cu cea din împrejurimile sale. De regulă, limitați fonturile la două tipuri pe pagină web pentru a nu distrage vizitatorii de la obiectivul de conversie.

De exemplu, Outbrain folosește fonturi mari pe pagina de destinație post-clic care atrag atenția imediată de îndată ce ajungeți la pagină:

4. Micro-interacțiuni

Micro-interacțiunile apar între interacțiuni mai mari și îmbunătățesc experiența paginii mobile pentru vizitatori, comunicându-le că au efectuat deja o anumită acțiune. De exemplu, făcând clic pe un buton și asistând la schimbarea culorii sau auzind un anumit sunet după ce efectuați o acțiune specifică.

Aceste interacțiuni mai mici îi ajută pe vizitatori să vizualizeze rezultatele acțiunilor lor, ca aceasta de la Nike:

Micro-interacțiunile pot ajuta, de asemenea, vizitatorii să înțeleagă aspectele non-standard, cum ar fi ecranele separate verticale sau un aspect bazat pe carduri, și pot încuraja vizitatorii să facă clic pe un îndemn:

Un alt mod în care puteți utiliza micro-interacțiunile pe paginile dvs. mobile este oferind un tutorial animat despre modul în care funcționează produsul dvs. (și având puncte de navigare în partea de jos pentru a le arăta vizitatorilor ce etapă vizionează):

5. Blocarea culorilor

Blocarea culorilor implică utilizarea diferitelor culori pentru a crea un mozaic. Puteți utiliza blocarea culorilor pe pagini web de conținut sau imagini grele pentru a sparge elementele și a le oferi spațiu de respirație.

Iată ce face pagina de pornire Wrist:

De asemenea, puteți asocia tehnica de proiectare a blocării culorilor cu stările de deplasare și puteți provoca schimbarea culorii blocurilor de culoare atunci când vizitatorii își deplasează cursorii peste bloc.

Pentru a demonstra, pagina de start Barn + Co utilizează blocarea culorilor și starea de plutire simultan:

Deși nu este o pagină de destinație după clic, Barn + Co arată că sunt înaintea curbei în implementarea noilor tendințe de design pe site-ul lor web. Aceste tipuri de elemente interactive ajută la îmbunătățirea experienței utilizatorului și a implicării generale cu marca lor.

6. Utilizarea ecranelor ca pagini

V-ați străduit vreodată să determinați aspectul de pagină cel mai potrivit pentru o pagină de vânzare cu formă lungă? Nu te mai lupta; această tendință este pentru tine. Utilizarea ecranelor ca pagini oferă un nou sens defilării paginilor web.

Când utilizați ecranele ca pagini, configurați în principal fiecare ecran într-un dosar pentru a acționa ca o pagină separată - care are propria imagine, titlu etc.

Dacă paginile cu defilare lungă nu sunt pentru dvs. sau pentru vizitatorii dvs., ecranele ca pagini pot fi o alternativă excelentă pentru a menține totul organizat oferind în același timp informațiile necesare.

Aplicația Google folosește ecrane ca pagini:

Puteți comuta între ecran din antetul de navigare, derulând cu mouse-ul sau folosind tastele săgeată.

Reinventați roata de derulare a paginii utilizând ecranele ca pagini.

Ce stiluri de design web se potrivesc cel mai mult mărcii dvs.?

Proiectarea paginilor web ar trebui să se concentreze pe experiența și funcționalitatea utilizatorului. Fiecare element pe care îl includeți trebuie să se adauge la obiectivul dvs. de conversie și să îndeplinească un scop individual.

Crezi că vizitatorii tăi preferă o experiență vizuală? Utilizați un design bazat pe carduri. Aveți o ofertă destul de complicată de promovat? Utilizați o pagină lungă de derulare pentru a explica fiecare detaliu mic pentru a convinge vizitatorii să convertească la obiectivul dvs.

Ce tendință de proiectare credeți că se potrivește cel mai mult cu paginile dvs. web? Vă rugăm să comentați mai jos și să ne anunțați.

Încă nu ați început să creați pagini de destinație după clic? Proiectați pagini de destinație post-clic de înaltă calitate, înscrieți-vă astăzi la o demonstrație Enterprise.