18 dintre cele mai bune idei de design de site-uri web pentru inspirație în 2020

18 site-ul idei de design cu exemple reale

Utilizați un site web de o pagină

Un site web de o pagină păstrează toate informațiile importante despre compania ta pe o singură pagină, astfel încât utilizatorii pot afla tot ce au nevoie pentru a fără a fi obligați să naviga la diferite părți ale site-ului., Una dintre cele mai bune moduri de a realiza acest lucru este prin plasarea toate informațiile de pe un slider full-screen ca Galion și Caravan-ul a făcut:

Cel mai important lucru de reținut atunci când se lucrează cu acest tip de design este pe care doriți, pentru a evita aglomerarea pagina cu prea multe informații.,

cum se creează un site web cu o singură pagină

idei de design de site web pentru video

conținutul Video poate fi o componentă eficientă a oricărui site web și este un mod deosebit de puternic de a întâmpina vizitatorii pe pagina dvs. de pornire. Un site care folosește un video bine pe pagina lor este Canadian Agorapulse site-ul:

puteți alege pentru a face un video cu ușurință pot fi redate de pe pagina de start sau chiar a pus-o la autoplay, dar asigurați-vă că nu alegeți autoplay dacă videoclipul include sunet., Mulți oameni preferă navigarea tăcută.

👉 cum să adăugați videoclipuri la WordPress

investiți în ilustrație

ilustrațiile personalizate sunt o modalitate excelentă de a stabili senzația unică a mărcii dvs. și de a oferi vizitatorilor o idee despre cum va fi să lucrați cu compania dvs., Un site care face acest lucru deosebit de bine este Social Media Examiner:

Lor personalizat-a ilustrat banner transmite Social Media Examiner angajamentul de a explora noi aspecte ale mass-media sociale și de abordare prietenoasă ei a lua de a lucra cu clientii.desigur, acest traseu poate deveni scump, așa că doriți să vă concentrați pe două sau trei ilustrații personalizate pentru pagina principală.,un alt mod minunat de a face pagina dvs. unică și de a păstra atenția vizitatorilor este să prezentați animații personalizate. Acestea pot umple întreaga pagină sau să fie folosit ca un accent ca sunt pe site-ul pentru cea Mai bună Zi Vreodată Educație:

Ține-ți animații simple și scurte pentru a găzdui vizitatori atenție de scurtă durată. De asemenea, poate doriți să includeți un apel la acțiune în animația dvs.,unul dintre cele mai bune moduri de a convinge un public să ia măsuri pe site-ul dvs. este de a face distractiv. Zurb a făcut acest lucru deosebit de bine cu un site web care se comportă ca un joc de a alege-your-own-adventure unde puteți utiliza pentru a afla cum puteți lucra cu ei.

Vă puteți crea propria dvs. alege-ți propria-aventură-ul destul de ușor, sau de a lua această strategie la nivelul următor prin crearea de propriul dvs. de moneda si recompensarea utilizatorilor pentru acțiuni specifice.,

adăugați un pop-up

popup – urile pot fi una dintre cele mai enervante tactici de marketing de pe web, dar sunt, de asemenea, una dintre cele mai eficiente: într-un experiment, un singur pop-up opt-in a atras cu 1,375% mai mulți abonați. Cu toate acestea, nu doriți să enervați oamenii cu ferestre pop-up înainte de a citi conținutul dvs.; cel mai eficient moment pentru ca un pop-up să apară este atunci când cineva încearcă să părăsească site-ul dvs. web.,

Social Media Examiner a făcut acest lucru foarte bine, cu mai multe pop-up, folosind diferite efecte vizuale și formulări care să atragă cei mai mulți abonați posibil:

👉 Cum de a adăuga personalizat pop-up de la WordPress

Utilizare un full-size foto

în Loc de regulat fundal alb, luați în considerare utilizarea un full-size fotografia ca fundal pentru pagina de start., Chiar mai bine dacă fotografia folosește o fata, ca fundal de Bluehost pagina de start:

Acest lucru ajută oamenii să se conecteze cu site-ul dvs., și brand-ul, la un nivel mai personal.

idei de design pentru site-ul eCommerce

vindeți produse online? Faceți pagina dvs. de pornire parte din magazinul dvs. de comerț electronic și încurajați oamenii să înceapă să cumpere în momentul în care intră pe site-ul dvs. web., Puteți vedea această idee a executat foarte bine de pe Jeep Oameni site-ul:

desigur, dacă alegeți această cale, de asemenea, doriți să vă asigurați că nu se face nici de comun eCommerce site greșeli de proiectare.

cum să începeți un magazin online

împărțiți pagina dvs. de pornire

aveți mai multe produse, servicii sau alte informații pe care doriți să le partajați pe pagina dvs. de pornire? Luați în considerare împărțirea în secțiuni cu blocuri, separatoare verticale și spațiu alb.,

Un site care face acest lucru deosebit de bine este Etsy:

Web design idei pentru meniuri de navigare

Plutitoare meniuri de navigare stick cu vizitatorii ca ei scroll, făcându-l ușor pentru ei să se mute în alte părți ale site-ul dvs. în orice moment., Multe site-uri au adoptat acest stil de navigare pentru a face vizitatorii lor viața mai ușoară, inclusiv site-uri de companii mai mici ca STEAMLabs:

puteți adăuga cu ușurință un plutitor meniul de navigare folosind gratuit Meniu Lipicios (Sau Orice altceva) Pe Scroll plugin.dacă doriți să vă adresați publicului cu deficiențe de vedere și de mobilitate, trebuie să vă concentrați pe construirea unui site web accesibil., La KidzWish Fundația este un mare exemplu de un site construit cu accesibilitate-în primul rând mă gândesc:

puteți face propriul site-ul dvs. mai accesibile prin utilizarea mare de fonturi și culori contrastante.

idei de design de site-uri web cu comunitatea dvs.

este site-ul dvs. web în primul rând casa unei comunități online? Luați în considerare crearea forumului, a camerei de chat sau a altor mijloace primare de comunicare pagina dvs. de pornire., Puteți vedea această idee folosit bine pe Barista Schimb:

desigur, doriți să vă asigurați că pagina este încă atractiv. Personalizați-vă pagina de pornire cu culori și grafică primitoare pentru a atrage oamenii.

Împărtășește-ți dovada socială

dovada socială este una dintre cele mai valoroase idei de design de site-uri web din setul de instrumente de marketing., Caracteristică cel mai bun marturii vizibil pe pagina dvs. de pornire, așa cum am făcut pe site-ul meu:

puteți amplifica puterea de marturii de lucru le în grafica și construirea unui slider cu cele grafice.

adaugă o funcție de chat

o casetă de chat sau o fereastră pop-up pe pagina ta de pornire permite vizitatorilor să interacționeze cu marca ta și să obțină răspunsuri de bază imediat. Cel mai bine, puteți utiliza un chatbot WordPress pentru a automatiza întregul proces.,

Un site care folosește un chatbot bine este OptinMonster:

lua în Considerare având bot pop-up în colțul din dreapta jos, astfel încât să nu interfereze cu alte foloseste de pagina dvs. de pornire.

👉 cum să adăugați chat live la WordPress

adăugați teste cu apel larg

toată lumea iubește un test distractiv care testează cunoștințele lor sau le arată ceva despre ei înșiși. Probabil că ați petrecut cel puțin câteva ore pe chestionare Buzzfeed-te.,un alt site care face acest lucru foarte bine este site-ul PlayBuzz, care se concentrează în jurul testelor în stil Buzzfeed.

puteți adăuga teste pentru propriul site-ul dvs. cu ușurință cu un WordPress quiz plugin.

👉 Cum de a crea un test pe WordPress

Utilizare brutalistă principii de design

Brutalistă web design este un design axat pe conținut prime, cu puțină considerație pentru design tipic convenții., Puteți vedea acest principiu folosit în mod eficient pe Contur:

Acest principiu nu va funcționa pentru toate marcile, dar poate fi extrem de eficient pentru companiile axate pe arta, cultura tinerilor, sau cultura DIY.

idei de design de site-uri web pentru o pagină de pornire unică cu glitch art

Glitch art folosește glitches digitale sau analogice pentru a crea o estetică hiper futuristă. Unele dintre cele mai comune tehnici utilizate pentru a crea această estetică sunt pixelarea, scurgerile de lumină și expunerea dublă.,

Un site care folosește un glitch de artă pentru a crea un puternic estetic este Activ Teorie:

Utilizare o paleta alb-negru

Uneori, cel mai bun lucru de făcut este de a merge înapoi la elementele de bază, și asta e exact ceea ce o paleta alb-negru te ajută să faci., Un site care face acest lucru deosebit de bine este o agentie de marketing Councl:

puteți folosi alb-negru fotografie sau ilustrație pentru a personaliza și mai mult acest aspect.

Creați-vă site-ul astăzi