{"id":3324,"date":"2019-02-01T14:59:28","date_gmt":"2019-02-01T14:59:28","guid":{"rendered":"https:\/\/360advertising.ro\/new\/?p=3324"},"modified":"2019-02-01T14:59:28","modified_gmt":"2019-02-01T14:59:28","slug":"crearea-unui-website-de-succes-in-anul-2019","status":"publish","type":"post","link":"https:\/\/360advertising.ro\/new\/crearea-unui-website-de-succes-in-anul-2019\/","title":{"rendered":"Crearea unui website de succes \u00een anul 2019"},"content":{"rendered":"

\u0218tiai c\u0103 dureaz\u0103 aproximativ <\/span>50 de milisecunde<\/span><\/a> (0,05 secunde) ca utilizatorii <\/span>s\u0103 î\u0219i formeze o opinie <\/strong>în leg\u0103tur\u0103 cu website-ul t\u0103u? În acest timp infim utilizatorul hot\u0103r\u0103\u0219te dac\u0103 va r\u0103mâne pe site-ul t\u0103u web <\/span>sau îl va p\u0103r\u0103si pentru un competitor.<\/strong><\/p>\n

Dac\u0103 site-ul t\u0103u de prezentare nu este optimizat pentru experien\u021ba utilizatorilor \u0219i standardele anului 2019, s-ar putea<\/span> s\u0103 pierzi foarte mul\u021bi clien\u021bi.<\/strong><\/p>\n

Dac\u0103 e\u0219ti interesat s\u0103 î\u021bi îmbun\u0103t\u0103\u021be\u0219ti website-ul anul acesta, atunci cite\u0219te mai jos s\u0103 \u0219tii ce <\/span>elemente de design, func\u021bionalitate \u0219i con\u021binut<\/strong> trebuie s\u0103 incluzi pe site-ul web pentru a avea cât mai multe conversii.<\/span><\/p>\n

1. Website design<\/strong><\/h3>\n

Design-ul ideal pentru website-uri poate fi definit printr-un singur cuvânt: <\/span>simplitate! <\/strong>Cu cât mai simplu, cu atât mai sigur. <\/span><\/em>Simplitatea te va ajuta \u0219i cu alte caracteristici ale site-ului web, precum lizibilitatea, func\u021bionalitatea \u0219i optimizarea pentru motoarele de c\u0103utare.<\/span><\/p>\n

Atât de important\u0103 este simplitatea, încât înc\u0103 din anul 2018 a început o tendin\u021b\u0103 de a crea site-uri de prezentare cu <\/span>„flat design”,<\/strong> fiind deja consacrat\u0103 în anul 2019. Design-ul plat este bazat preponderent pe minimalism, utilizând doar <\/span>elemente simple,<\/strong> precum ilustra\u021bii, culori \u0219i tipografie. Acest tip de design are scopul de a renun\u021ba la „haos” \u0219i complexitate pentru a se axa pe elementele importante ale website-ului.<\/span><\/p>\n

\"\"<\/p>\n

Coca Cola î\u0219i promoveaz\u0103 campania de Cr\u0103ciun prin ilustra\u021bie, culori simple \u0219i text<\/span><\/em><\/p>\n

P.S. Conform <\/span>Adobe<\/span><\/a>, <\/span>39% din persoane vor ie\u0219i de pe un website<\/strong> dac\u0103 imaginile nu se încarc\u0103 sau dureaz\u0103 prea mult s\u0103 se încarce. Din fericire, utilizarea design-ului plat ajut\u0103 \u0219i la înc\u0103rcarea mai rapid\u0103 a site-ului web, datorit\u0103 lipsei elementelor dinamice. <\/span><\/p>\n

Chiar dac\u0103 elementele dinamice au început s\u0103 dispar\u0103 în 2019, fotografiile sunt la fel de esen\u021biale ca \u0219i pân\u0103 acum pentru a transmite mesaje utilizatorului, pentru a-l informa pe acesta despre produsele \u0219i\/sau serviciile companiei, precum \u0219i alte domenii de interes precum echipa sau testimoniale.<\/span><\/p>\n

\"\"<\/p>\n

Fotografie cu Modelul S pe website-ul <\/span><\/em>Tesla<\/span><\/em><\/a><\/p>\n

Totu\u0219i, chiar \u0219i în alegerea fotografiilor exist\u0103 reguli. În primul rând,<\/span> rezolu\u021bia mare a fotografiilor<\/strong> este obligatorie deoarece inspir\u0103 profesionalism. În al doilea rând, trebuie stabilit dac\u0103 fotografiile utilizate vor fi <\/span>imagini stoc sau personale.<\/strong> Bineîn\u021beles, atunci când î\u021bi ar\u0103\u021bi produsele nu po\u021bi utiliza imagini stoc, îns\u0103 acestea pot fi utilizate pe pagina de acas\u0103, pe pagina de contact \u0219i chiar pe blog.<\/span><\/p>\n

Imaginile stoc au avantajul <\/span>rapidit\u0103\u021bii \u0219i u\u0219urin\u021bei<\/strong> cu care pot fi accesate \u0219i inserate în website, îns\u0103 pot fi lipsite de originalitate, mai ales dac\u0103 alt site web cunoscut\/din industrie le utilizeaz\u0103. Fotografiile personale <\/span>garanteaz\u0103 originalitatea<\/strong> website-ului, îns\u0103 adesea acestea consum\u0103 timp \u0219i resurse, pe care compania ar putea s\u0103 nu le aib\u0103.<\/span><\/p>\n

\"\"<\/p>\n

Shutterstock<\/span><\/em><\/a> este un website de pe care se pot achizi\u021biona fotografii stoc<\/span><\/em><\/p>\n

Unul dintre cele mai importante efecte pe care un site de prezentare modern le are este <\/span>contrastul. <\/strong>Acesta ajut\u0103 <\/span>s\u0103 eviden\u021bieze informa\u021biile importante<\/strong> cu scopul de a facilita conversiile (achizi\u021bii, desc\u0103rcarea unei resurse, completarea formularului de contact etc).<\/span><\/p>\n

Îns\u0103, pentru a putea folosi contrastul, trebuie ini\u021bial s\u0103 stabilim o <\/span>ierarhie vizual\u0103<\/strong> a tuturor elementelor care vor ap\u0103rea pe fiecare pagin\u0103 a website-ului. <\/span>Sun\u0103 mai complicat decât este. <\/span><\/em>Trebuie doar s\u0103 stabile\u0219ti care sunt cele mai importante informa\u021bii de pe website (pentru compania ta) \u0219i s\u0103 g\u0103se\u0219ti <\/span>o strategie de pozi\u021bionare pe pagin\u0103<\/strong> în a\u0219a fel încât s\u0103 atrag\u0103 aten\u021bia utilizatorului.<\/span><\/p>\n

\"\"<\/p>\n

Exemple de machete cu ierarhie vizual\u0103<\/span><\/em><\/p>\n

Pentru a p\u0103stra simplitatea, dar \u0219i contrastul, po\u021bi începe prin a alege maxim <\/span>3 culori predominante<\/strong> folosite în design: una pentru fundal, una pentru accente \u0219i ilustra\u021bii \u0219i una pentru butoane \u0219i atragerea aten\u021biei. <\/span><\/p>\n

\"\"<\/p>\n

Site-ul web <\/span><\/em>Telekom<\/span><\/em><\/a> utilizeaz\u0103 cu preponderen\u021b\u0103: magenta, alb \u0219i negru<\/span><\/em><\/p>\n

P.S. Este o regul\u0103 a web design-ului <\/span>s\u0103 nu folose\u0219ti niciodat\u0103 negru pur<\/strong> (#000000) deoarece acesta nu exist\u0103 în natur\u0103 \u0219i are tendin\u021ba de a ar\u0103ta „nelalocul lui”.<\/span><\/p>\n

Spa\u021biul negativ <\/strong>este de asemenea extrem de important pentru crearea website-ului. Acesta ajut\u0103 utilizatorul <\/span>s\u0103 se concentreze pe p\u0103r\u021bile importante<\/strong> ale paginii web, precum con\u021binutul scris, butoanele \u0219i ilustra\u021biile. Spre exemplu, dac\u0103 spa\u021biul negativ pe care îl utilizezi are culoarea alb, scrisul în culoarea de accent (negru, albastru, ro\u0219u, verde etc) va ie\u0219i în eviden\u021b\u0103 \u0219i va îndemna utilizatorul s\u0103 îl citeasc\u0103.<\/span><\/p>\n

\"\"<\/p>\n

Website-ul <\/span><\/em>Apple<\/span><\/em><\/a> utilizeaz\u0103 spa\u021biul negativ pentru a pune în eviden\u021b\u0103 produsele sale<\/span><\/em><\/p>\n

\n 2. Func\u021bionalitate<\/b>
\n<\/h3>\n

Pe când design-ul are rolul de a atrage utilizatorul, func\u021bionalitatea \u0219i con\u021binutul de pe site-ul de prezentare sunt cele care îl re\u021bin mai mult timp pe pagin\u0103. Cea dintâi caracteristic\u0103 se refer\u0103 la func\u021bionarea corespunz\u0103toare a website-ului.<\/span><\/p>\n

În primul rând, în anul 2019 nu ar mai trebui s\u0103 existe site-uri web care nu sunt optimizate pentru dispozitive mobile. Conform <\/span>Google<\/span><\/a>, peste 51% din utilizatorii de smartphone au descoperit o nou\u0103 companie sau produs în timp ce efectuau o c\u0103utare. A\u0219adar, optimizarea site-ului ar trebui s\u0103 fie în topul listei tale de sarcini.<\/span><\/p>\n

\"\"<\/p>\n

Pagina de acas\u0103 a <\/span><\/em>Lidl<\/span><\/em><\/a> v\u0103zut\u0103 pe mobil<\/span><\/em><\/p>\n

În al doilea rând, verific\u0103 rapiditatea cu care se deschide website-ul. <\/span>Cu cât mai rapid, cu atât mai bine!<\/em><\/strong> În 2018, Google a realizat <\/span>un studiu<\/span><\/a> asupra timpului de înc\u0103rcare al paginilor web \u0219i a observat c\u0103 <\/span>dac\u0103 dureaz\u0103 între 1 \u0219i 5 secunde,<\/strong> probabilitatea ca utilizatorul <\/span>s\u0103 p\u0103r\u0103seasc\u0103 site-ul web cre\u0219te cu 90%.<\/strong><\/p>\n

În al treilea rând, <\/span>identitatea m\u0103rcii tale trebuie s\u0103 fie evident\u0103 <\/strong>pe site-ul de prezentare. O practic\u0103 popular\u0103 este de a ad\u0103uga <\/span>logo-ul în col\u021bul din stânga sus a paginii,<\/strong> precum \u0219i introducerea link-ului pentru pagina de acas\u0103 pe el. Astfel, indiferent unde s-ar afla pe website, utilizatorii \u0219tiu c\u0103 dac\u0103 apas\u0103 pe logo-ul t\u0103u, vor ajunge pe pagina de acas\u0103. Nu uita s\u0103 introduci \u0219i alte elemente de identitate, precum culori, fonturi, ilustra\u021bii \u0219i con\u021binut.<\/span><\/p>\n

\"\"<\/p>\n

Carapacea<\/span><\/em><\/a> î\u0219i arat\u0103 elementele de identitate: logo, font, culori<\/span><\/em><\/p>\n

Nu uita s\u0103 verifici func\u021bionalitatea fiec\u0103rui buton, link \u0219i elemente de design care trebuie s\u0103 „r\u0103spund\u0103” atunci când utilizatorul d\u0103 click sau „planeaz\u0103” cu mouse-ul deasupra elementului.<\/span><\/p>\n

3. Con\u021binut<\/h3>\n

Con\u021binutul trebuie s\u0103 fie <\/span>în primul rând lizibil \u0219i pl\u0103cut vizual,<\/strong> înainte de a fi citit. De aceea, asigur\u0103-te c\u0103 textul este u\u0219or de citit incluzând: <\/span>font simplu, texte scurte \u0219i de impact, <\/strong>formatare pe<\/span> titluri, subtitluri \u0219i paragrafe, enumera\u021bii<\/strong> \u0219i <\/span>liste<\/strong> \u0219i <\/span>instigatoare la ac\u021biune<\/strong> (call to action) clare.<\/span><\/p>\n

\"\"<\/p>\n

Starbucks<\/span><\/em><\/a> folose\u0219te texte scurte scrise cu font mare \u0219i u\u0219or de citit<\/span><\/em><\/p>\n

În al doilea rând, trebuie s\u0103 incluzi toate informa\u021biile de care utilizatorii ar putea avea nevoie pentru a se hot\u0103rî s\u0103 apeleze la produsele sau serviciile tale. Câteva exemple ar fi: <\/span>povestea companiei, produsele\/serviciile<\/strong> \u0219i avantajele lor, informa\u021bii despre <\/span>livrare \u0219i retur<\/strong> (dac\u0103 este cazul), <\/span>recomand\u0103ri <\/strong>de la al\u021bi clien\u021bi \u0219i<\/span> informa\u021bii de contact.<\/strong><\/p>\n

Informa\u021biile de contact au chiar mai mult\u0103 importan\u021b\u0103 decât te-ai a\u0219tepta. Conform <\/span>KoMarketing<\/span><\/a>, <\/span>44% din vizitatori vor p\u0103r\u0103si un website<\/strong> dac\u0103 <\/span>nu g\u0103sesc informa\u021bii de contact<\/strong> sau un num\u0103r de telefon. De aceea, este esen\u021bial s\u0103 introduci informa\u021bii de contact – nu numai pentru c\u0103 te ajut\u0103 s\u0103 î\u021bi vinzi produsele\/serviciile, dar \u0219i pentru c\u0103 <\/span>înt\u0103re\u0219te încrederea<\/strong> utilizatorilor în marc\u0103.<\/span><\/p>\n

\"\"<\/p>\n

Informa\u021biile de contact de pe website-ul <\/span><\/em>360advertising<\/span><\/em><\/a><\/p>\n

\n 4. Activit\u0103\u021bi extra
\n<\/h3>\n

Câteva elemente suplimentare pe care recomand\u0103m s\u0103 le introduci în site-ul web sunt:<\/span><\/p>\n