Cum să utilizați cele mai tari tendințe de proiectare din 2021 pe paginile dvs. de destinație

Publicat: 2021-07-13

Ai o singură șansă de a face o primă impresie - dacă nu reușești să faci una bună, aceasta dă un ton prost pentru întreaga relație. În marketing, această primă impresie se rezumă la designul paginii dvs. de destinație.

Primul lucru pe care un vizitator îl privește după clicul publicitar este pagina dvs. de destinație și, în fața copiilor, se uită la copie, văd designul paginii. De la culori la tipografie și până la imaginea eroului, totul trebuie să fie atrăgător din punct de vedere vizual, să ofere o experiență perfectă utilizatorului și să-i facă pe vizitatori să dorească să deruleze - și în cele din urmă să facă clic pe butonul CTA.

Aici intervin tendințele de design.

Tendințele fiecărui an vă ajută să vedeți ce funcționează și ce nu, astfel încât să puteți proiecta o pagină care să arate bine, să se simtă relevantă și să atragă vizitatorii.

Tendințe de proiectare a paginilor de destinație în 2021

De ani de zile, tendințele de web design s-au împins tot mai mult în universul SF. Cu toate acestea, tendințele de proiectare din 2021 sunt complet opuse. Tendințele de design web din acest an împărtășesc o temă comună: realismul.

Tendințele actuale combină aspectele digitale și cele din viața reală pentru a prezenta modul în care site-urile web standard au devenit în viața de zi cu zi. Am organizat patru tendințe de proiectare a paginilor de destinație care vor adăuga atracție vizuală paginii dvs., vor crea o conexiune cu vizitatorii și vor ajuta la conversii.

Tendința de proiectare nr. 1: animație Parallax

Animațiile Parallax creează o iluzie optică, astfel încât obiectele din prim-plan par să se miște mai repede decât lucrurile mai îndepărtate. Efectul este similar cu privirea la peisaje trecătoare în timp ce conduceți. Atunci când este utilizată pe paginile de destinație, impactul animației apare simultan ca real și suprarealist.

Cu animația de paralaxă, designerii creează profunzime utilizând prim-planul, fundalul și imersiunea, transformând ecranul computerului în ceva asemănător unei scene de teatru. Pe măsură ce un vizitator navighează pe pagină, animațiile aparent fluide le atrag.

Iată cum arată designul în acțiune:

Animație paralaxă

Cum să utilizați animația de paralaxă pe pagina dvs. de destinație

În loc să utilizați pictograme generice pentru a explica de ce produsul sau serviciul dvs. se potrivește perfect vizitatorilor, creați animații de paralaxă pentru a prezenta caracteristicile produsului și beneficiile utilizatorilor pe paginile dvs. de destinație. Magia animațiilor este mai probabil să atragă vizitatorii și să îi determine să acorde atenție.

Tendința nr. 2: culori liniștitoare

Odată cu utilizarea în creștere a tehnologiei digitale în viața noastră, majoritatea utilizatorilor își petrec cea mai mare parte a timpului uitându-se la ecrane. Din acest motiv, tulpina ochilor este o preocupare predominantă. Tendințele de proiectare a paginii din acest an se învârt în jurul schemelor de culori care pun mai puțin stres pe ochi.

Culorile liniștitoare sunt la un pas de cele două extreme de întuneric și lumină. Paletele de culori moi, cum ar fi verdele subțire, albastru pastel, maro cald și roz deschis, sunt la modă în acest an. Aceste culori dezactivate, primitoare, nu numai că fac site-urile web și paginile de destinație mai puțin discordante decât albul sau negru, dar, de asemenea, induc în mod natural calm și relaxare.

Pagina de pornire a deodorantului Hume este exemplul perfect de culori liniștitoare:

Exemplu de pagină de destinație Hume

Cum să utilizați culori liniștitoare pe pagina dvs. de destinație

Proiectarea paginii dvs. de destinație într-o schemă de culori calmă și liniștitoare face ca vizitatorii să vă vizualizeze pagina mai confortabil și să facă clic pe butonul de îndemn. Pentru a alege culoarea potrivită pentru pagina dvs., consultați acest ghid cuprinzător despre cum să alegeți culoarea perfectă.

Amintiți-vă, toată lumea experimentează culorile în mod diferit, deci nu există o singură modalitate de a încorpora principiile psihologiei culorii pentru toată lumea din lume. Sentimentele evocate de nuanțe specifice se leagă de semnificații adânc înrădăcinate în fiecare cultură - și vă cunoașteți publicul mai bine decât oricine.

Tendința nr. 3: Doodles

Probabil știți deja ce este un doodle - mulți dintre noi au umplut marginile caietelor școlare cu doodles, indiferent dacă am crescut pentru a fi designeri sau nu. Google prezintă frecvent doodle pentru a comemora evenimente și personalități semnificative pe pagina lor de pornire.

În timp ce doodle-urile rămân adesea ascunse în caietul de schițe al designerului, uneori nu prind niciodată viață în designul finit, acest element desenat manual poate injecta deseori cantitatea perfectă de creativitate în interfețele și aspectele paginilor.

Acest stil de design adaugă, de asemenea, personalitate paginii și îi conferă o senzație de originalitate pe care nu o puteți obține doar din animații și efecte digitale. Și, deși doodle-urile nu sunt o nouă tendință în sine, ele revin în acest an emfatic.

Compania de îngrijire a pielii Paloroma combină doodle-uri cu fotografie pentru a atrage utilizatorii. Desenele atrag vizitatorii asupra imaginilor produsului. Marca folosește, de asemenea, doodle animate în partea de jos a paginii pentru a face ca gama de produse să prindă viață.

Exemplu de pagină de destinație Paloroma

Mace & Menter, un studio de cercetare și design, folosește o bandă desenată desenată manual pentru a explica modul în care funcționează serviciul lor:

Mace & Menter

Cum să utilizați doodles pe pagina dvs. de destinație

Doodle-urile fac ca designul paginii dvs. să fie mai centrat pe om și mai accesibil, astfel încât adăugarea câtorva elemente pe pagina dvs. care arată desenat manual ajută vizitatorii să se raporteze la marca dvs. și să aducă la viață produsul sau serviciul.

În timp ce doodle-urile adaugă un capriciu simplist aspectului general al paginii dvs. de destinație, care s-ar putea să nu funcționeze pentru toate mărcile, asta nu este tot ce pot face. Atunci când sunt folosite ca indicii vizuale, doodle-urile simple pot determina vizitatorii să acorde atenție anumitor elemente ale paginii, cum ar fi formularul de captare a potențialului sau butonul de îndemn.

Tendința # 4: Neumorfism

Neumorfismul câștigă încet-încet din anul trecut. În 2021, promite să introducă paginile dvs. în epoca paradoxală a realismului minimalist.

Stilul este un succesor al skeuomorfismului - o abordare de proiectare care încorporează redări de materiale familiare, învechite în designurile actuale. Chiar dacă stilul se referă la skeuomorfism, neumorfismul se concentrează mai degrabă pe paleta de culori decât pe contrastul sau similitudinea dintre lumea reală și cea digitală.

Această tendință de design utilizează culoarea întregului ecran, elemente de stratificare de la fundal la interfață și butoane pentru a oferi o experiență unică de utilizator. Caracteristicile neumorfismului includ design minimal, culori solide, contrast redus, umbre și culori de culoare.

Conceptul web VespaJoy de la designerul Sara Salehi este un exemplu frumos de cum arată neumorfismul în acțiune:

Cum să utilizați neumorfismul pe pagina dvs. de destinație

Deoarece neumorfismul transformă imaginile plate sau icoanele în obiecte 3D realiste, puteți utiliza tehnica de proiectare pentru a crea imagini ale produsului și interfața UI. De exemplu, încercați această abordare actualizată pentru a depune umbre pe elementele de text pe care doriți să le evidențiați, cum ar fi butonul de îndemn.

Începeți să creați pagini de destinație în tendință

Ce tendințe de proiectare doriți să încercați pe paginile dvs. de destinație? Dacă vă simțiți inspirați, puteți găsi, de asemenea, mai multe tendințe de proiectare a paginilor de destinație și exemple pentru 2021 în cartea noastră electronică completă.

Știm că poate fi o provocare să testăm și să implementăm noi elemente de design la scară, așa că suntem aici pentru a vă ajuta să creați pagini mai puternice fără probleme cu Instapage. Înscrieți-vă astăzi pentru o demonstrație Instapage și obțineți acces la șabloane 100% personalizabile, Instablocks ™ și multe altele. Instapage vă permite să vă scalați producția de pagini de destinație mai repede ca niciodată.