Un proces de proiectare a site-ului web în 6 pași pentru clienți

Înțeleg potențialii dvs. clienți de design web cum funcționează procesul de proiectare a site-ului web? Educarea clienților în procesul de proiectare web este o șansă excelentă de a vă demonstra expertiza, credibilitatea și autoritatea în furnizarea de site-uri web care obțin rezultate. În această postare, vom împărți procesul de proiectare a site-ului web în 6 pași.

Cu toate instrumentele de construire a site-ului web ușor de utilizat disponibile pe piața de astăzi, aproape oricine dorește să construiască un site web poate face acest lucru cu relativă ușurință. Dar un proces de proiectare a site-urilor de calitate presupune mult mai mult decât simpla construire a unui site web.

Proiectanții de site-uri profesioniști știu că este important să aveți o abordare pas cu pas a proiectelor lor de design web. La urma urmei, toate abilitățile și eforturile de creare a site-urilor web din lume nu vor conta dacă procesul nu este raționalizat, eficient și eficient.

Poate că nu v-ați gândit încă la abordarea personală a procesului de proiectare web în acești termeni. Dacă sunteți ca o mulțime de alți proprietari de companii și site-uri web, este posibil să nu luați procesul de proiectare web la fel de serios ca și celelalte practici comerciale.

Acum este momentul să schimbăm acest lucru și urmează să vă arătăm exact cum.

Cum o planificare adecvată construiește un site web mai bun

Dacă sunteți designer web comercial sau independent, luați în considerare crearea unei pagini independente pe site-ul dvs. de portofoliu și direcționați clienți noi către procesul dvs. personal de proiectare web (cel pe care urmează să vi-l arătăm). Majoritatea clienților preferă un plan clar, acționabil pentru proiectul lor de design web, și exact asta ar trebui să le oferiți.

Când vă clarificați complet procesul de proiectare și comunicați bine pe tot parcursul proiectului, veți ajunge la clienți mai mulțumiți, mai puțină muncă și mult mai puține dureri de cap pe măsură ce proiectul progresează. De asemenea, veți ajunge cu un site web mult mai bun. Și nu asta ne dorim cu toții?

Acum, să ne uităm la cei șase pași cheie pentru un proces profesional de proiectare a site-ului web, care va duce la cele mai bune rezultate finale de fiecare dată.

Cei 6 pași ai procesului de proiectare a site-urilor web

Proiectarea web de calitate este mult mai mult decât crearea unui site web și a avea o abordare pas cu pas a proiectelor de design web arată toată munca și abilitățile implicate în dezvoltarea unei prezențe online de succes. Poate că nu v-ați gândit niciodată la abordarea dvs. față de procesul de proiectare web în acești termeni, dar poate schița din această postare vă poate ajuta să vă conturați.

Faceți acești 6 pași, creați o pagină specială pe site-ul dvs. independent și indicați clienților noștri procesul de proiectare web. Majoritatea clienților vor prefera un plan clar și concret pentru proiectul lor de design web, iar clarificarea procesului de proiectare a site-ului dvs. web va ajuta la comunicarea pe tot parcursul proiectului, ducând în cele din urmă la clienți mai fericiți - și la mai puțină muncă (și dureri de cap) pentru dvs.

Pasul 1: Faza de descoperire

Este imposibil să finalizezi un proces de proiectare a site-ului web de succes fără să știi mai întâi care sunt obiectivele proiectului.

Dacă proiectul este pentru propriul dvs. site web, luați ceva timp pentru a scrie informații cercetate pe:

• Compania sau industria în care va trăi site-ul dvs. web
• Piața dvs. țintă și detaliile despre cine sunteți și veți fi clienții dvs.
• Scopul și obiectivul final al construirii site-ului web

Când scrieți specificul obiectivelor proiectului dvs., le faceți mai tangibile și mai acționabile.

Nu permiteți doar obiectivelor dvs. să vă plutească în cap.

Dacă sunteți un designer profesionist de site-uri web care lucrează cu clienții, faza de descoperire a procesului de proiectare web se referă la colectarea de informații. Acest pas este, de asemenea, foarte important pentru a înțelege mai multe despre afacerea și industria clientului dvs., piața și clienții țintă ai acestora și obiectivul / obiectivul final al site-ului web.

Deși este tentant să omiteți fazele de descoperire și planificare și să treceți direct în proiectare, acești doi pași sunt esențiali pentru construirea site-ului web corect pentru nevoile unui client.

În timpul fazelor de descoperire, puneți-vă dvs. sau clientului dvs. următoarea serie de întrebări. Răspunsurile vor începe rapid să direcționeze fluxul viitorului proiect:

1. Ce face afacerea sau organizația dvs.?
2. Ce diferențiază afacerea sau organizația dvs. de concurența dvs.?
3. Cine sunt concurenții tăi?
4. Cine este clientul tău ideal?
5. Descrieți conceptul, proiectul sau serviciul pe care acest site este destinat să îl ofere sau să îl promoveze.
6. Care este scopul site-ului dvs. web?
7. Cine vine pe site-ul dvs.?
8. Care este visul tău pentru acest site?
9. Există un buget strict implicat în obținerea unei prezențe solide pe web sau există o anumită libertate monetară pentru a lucra?

În plus față de aceste întrebări, luați câteva minute pentru a citi articolul intitulat 65 de întrebări de pus în timpul următoarei reuniuni de clienți independenți. Întrebările sugerate în acest articol sunt împărțite în șapte grupe principale:

• Client
• Proiect
• Public
• Marca
• Caracteristici și domeniu de aplicare
• Comerț electronic
• Timp și buget

Fiecare grup oferă zone importante de informații potențiale care vor ajuta la modelarea proiectului general de design web.

Folosind abordarea inclusă în postarea „65 Întrebări”, pasul Discover al procesului de proiectare web seamănă mai degrabă cu o întâlnire inițială de consultare cu un potențial client. În timpul fazei de descoperire, puteți evalua mai bine chimia dintre dvs. și potențialul client, puteți investiga condițiile de lucru pe care le veți avea cu potențialul client și puteți estima scopul proiectului.

Această întâlnire este, de asemenea, atunci când puteți informa potențialul client despre procesul dvs. de dezvoltare web pe care urmează să îl învățați în acest ghid și să sugerați caracteristici suplimentare care pot îndeplini obiectivele clientului.

Acesta este, de asemenea, un moment bun pentru a educa potențialul client cu privire la importanța serviciilor dvs. continue pentru întreținerea site-ului web.

Desigur, dacă construiți un site în scopuri proprii, răspunsul la întrebările prezentate în postarea 65 Întrebări vă va arăta cum să eficientizați procesul și să vă țineți pe drumul cel bun pentru a vă atinge obiectivele.

Pasul 2: Planificare

La fel ca colectarea de informații, etapa de planificare a proiectării site-ului web este o parte critică a lansării unui nou site web.

Dacă vă îndoiți de necesitatea petrecerii timpului în fazele de planificare a procesului de proiectare a site-ului web, gândiți-vă la orice alt proiect care nu are legătură cu web-ul, pe care l-ați făcut vreodată, fie el personal sau de afaceri.

Șansele sunt dacă începeți să construiți o nouă magazie, de exemplu, fără să planificați mai întâi modul în care procesul va fi finalizat de la început până la sfârșit, probabil că rezultatul dvs. final nu va ajunge în picioare pentru foarte mult timp.

În calitate de proprietar de afacere sau proiectant de site-uri web, este extrem de tentant să doriți să treceți direct în etapa de proiectare a construirii unui site web. Acest lucru se datorează în principal faptului că faza de proiectare este evident cea mai creativă (și mai plăcută) parte a unui proiect (pentru majoritatea oamenilor). Cu toate acestea, cercetarea și planificarea adecvate vă vor ajuta să vă clarificați obiectivele pentru site-ul web și să vă ghidați proiectarea.

Din acest motiv, petrecerea unui timp generos în această etapă a procesului este esențială pentru succesul proiectului.

Ați auzit vreodată vechea zicală: „Măsurați de două ori, tăiați o dată?” Acest concept este valabil și pentru proiectarea site-urilor web. Petrecerea timpului pe planificarea site-ului web este o investiție bună care, în cele din urmă, vă va economisi timp și chiar bani pe termen lung.

În faza de planificare, veți dori să revizuiți sau să creați o strategie SEO pentru site-ul web. Deoarece site-urile web organizează adesea multe informații într-un format ușor de utilizat, acesta este, de asemenea, un moment bun pentru a vă face o idee despre conținutul lipsă înainte de a începe să proiectați ceva.

Faza de planificare îi ajută, de asemenea, pe clienți să înțeleagă rolul lor în respectarea termenelor limită cu conținutul, astfel încât procesul de lansare nu este reținut. Și dacă ați proiectat vreodată un site web pentru un client, știți deja că urmărirea conținutului clientului poate fi singurul factor cheie (și adesea frustrant) care împiedică finalizarea proiectelor la timp.

Faza de planificare a proiectării site-ului web include 3 sarcini de bază, pe care le vom acoperi aici mai detaliat.

Sunt:

• Creați sau examinați o strategie pentru SEO
• Creați sitemap-ul site-ului web
• Revizuirea și dezvoltarea conținutului

Să aruncăm o privire atentă la fiecare.

Creați sau examinați o strategie pentru SEO

În forma sa cea mai simplă, SEO este:

„Practica creșterii calității și cantității de trafic pe site-ul dvs. web prin rezultatele organice ale motorului de căutare.”

În timp ce majoritatea oamenilor de astăzi sunt cel puțin oarecum familiarizați cu conceptele SEO, ceea ce este adesea uitat este că cele mai bune practici SEO nu sunt un set static de reguli.

De fapt, ele se schimbă mereu.

Deci, ce se întâmplă în SEO care aduce cele mai bune rezultate posibile în 2021 și nu numai? Pentru a înțelege pe deplin semnificația optimizării motoarelor de căutare, trebuie să împărțim definiția de mai sus în trei părți individuale.

Sunt:

Calitatea traficului site-ului: Sigur, puteți aduce mii de vizitatori aleatori ai site-ului în fiecare zi printr-o varietate de strategii diferite. Dar dacă un utilizator aterizează pe site-ul dvs. deoarece Google le-a arătat că sunteți o resursă pentru cumpărarea iPhone-urilor Apple atunci când site-ul dvs. vinde de fapt mere proaspete de la fermă, nu ați adus un vizitator de calitate.

Mai degrabă, este important să știi cum să atragi vizitatori care sunt cu adevărat interesați de ceea ce are de oferit site-ul tău.

Cantitatea de trafic pe site: după ce ați stabilit exact cum să determinați utilizatorii potrivi să facă clic pe site-ul dvs. din paginile cu rezultatele motorului de căutare sau SERP-uri, este timpul să aduceți mai multe dintre ele. La urma urmei, cu cât aduceți mai mulți vizitatori de calitate, cu atât veți descoperi clienți potențiali mai calificați.

Rezultatele căutării organice: de fiecare dată când efectuați o căutare Google, veți observa că toate rezultatele de top sunt populate cu reclame care par a fi rezultate ale căutării organice. Adevărul este că aceste reclame reprezintă o parte semnificativă din SERP-urile oricărui site web.

Dar traficul organic este ceea ce urmărim cu SEO. Acesta este traficul care vine constant și în mod repetat în fiecare zi, fără a plăti vreodată Google pentru a plasa un anunț.

Și este posibil să se facă.

Iată cum să începeți:

• Dacă vă creați propriul site web, căutați termeni de căutare specifici pentru afacerea sau industria dvs. Dacă lucrați cu un client, vorbiți-i despre același lucru
• Căutați și examinați volumele de cuvinte cheie
• Creați o foaie de calcul cu cuvinte cheie / expresii cheie
• Auditați conținutul site-ului web existent pentru a vă concentra pe SEO
• Faceți o listă a conținutului SEO care trebuie să umple golurile
• Asociați cuvintele cheie / frazele cheie la conținutul existent sau viitor

Dacă sunteți complet nou pentru a vă face propriul SEO sau pentru a oferi clienților servicii de optimizare a motorului de căutare, avem disponibile câteva cursuri gratuite de formare SEO și elemente de bază ale videoclipurilor de formare SEO.

De asemenea, puteți consulta Summitul SEO pentru 9 ore de instruire intensivă SEO.

Creați sitemap-ul site-ului web

După ce ați lucrat la o strategie SEO în timpul fazei de planificare, în continuare, este timpul să creați sitemap-ul site-ului.

Un sitemap este în esență o schiță a structurii paginilor care vor cuprinde site-ul web. Planificarea sitemap-ului înainte de a lucra la orice design de site web are mai multe avantaje cheie care nu pot fi trecute cu vederea.

De exemplu, puteți:

• Construiți-vă designul în jurul celor mai importante pagini
• Planificați navigarea site-ului web mai eficient
• Faceți-vă o idee de ansamblu asupra conținutului care mai trebuie scris

Folosind strategia dvs. SEO, creați un sitemap cu ierarhii de pagini și silozuri de conținut adecvate.

Creați un document dedicat pentru sitemap-ul și schița site-ului.

Puteți utiliza harta sitului ca listă de verificare pentru a ghida progresul proiectului dumneavoastră.

Includeți pagini de bază ale site-ului web (Despre, Contact etc.) plus pagini suplimentare de cuvinte cheie / expresie cheie.

Pentru proprietarii de site-uri WordPress, luați în considerare utilizarea pluginului Google Sitemaps XML pentru a vă ajuta.

Revizuirea și dezvoltarea conținutului

Ultima parte a procesului de planificare a site-ului web include o analiză aprofundată a conținutului site-ului web.

Pentru a începe, veți dori să efectuați un audit al conținutului existent (dacă există deja un site web existent care este înlocuit sau refăcut) și să faceți un plan pentru producerea de conținut nou, care va ajuta site-ul să funcționeze mai bine.

Clienții pot fi responsabili pentru crearea de conținut nou, dar acest lucru prezintă deseori probleme care pot fi evitate altfel. Cel mai adesea, clienții care sunt de acord să scrie conținut pentru propriul site au multe alte lucruri care se întâmplă în afacerile și viața lor. Chiar dacă stabiliți termene stricte pentru difuzarea conținutului,

Realitatea este că majoritatea oamenilor pur și simplu nu se bucură sau nu știu modul corect de a scrie conținut pentru site-uri web.

Dacă vă gândiți să vă ocupați de scrierea conținutului pentru un site web, dar nu sunteți încântați de această idee, este adesea extrem de util să contractați cu un scriitor independent pentru a vă satisface nevoile de conținut.

Există câteva case de conținut ieftine, cum ar fi TextBroker, Scripted, The Hoth și multe altele care vă pot ajuta cu procesul de conținut.

În timpul procesului de revizuire și dezvoltare a conținutului, veți dori să:

1. Examinați conținutul web existent
2. Solicitați conținut non-web, cum ar fi broșuri, cărți de vizită sau pliante
3. Angajați sau atribuiți scriitori pentru nevoile de conținut
4. Puneți termene la finalizarea conținutului

Un site web nu va reuși fără conținut excelent. Prin urmare, este important să acordați mult timp și energie pentru a vă asigura că conținutul proiectului dvs. este gata de realizat.

Pasul 3: Proiectare

Al treilea pas al procesului de proiectare web este de a proiecta cum va arăta site-ul web. În acest pas, se creează un wireframe de site-ul web cu elemente de bază ale paginii web, cum ar fi antetul, navigarea, widget-urile și așa mai departe.

Wireframe-ul poate fi apoi mutat într-o machetă mai realistă utilizând un program precum Photoshop.

Provocarea unui bun design web, la fel ca toate desenele, este echilibrarea formei și funcției. Folosiți informațiile pe care le-ați adunat în fazele de descoperire și planificare pentru a vă modela designul.

Buni designeri de web au intenția din spatele fiecărei decizii de proiectare.

Pentru designerii și dezvoltatorii WordPress, proiectarea site-ului dvs. va începe cu alegerea celei mai bune teme pentru a construi în jur. Dacă nu ați auzit niciodată de Tema Kadence, acum este momentul să o verificați.

Descărcați Tema Kadence

S-ar putea să ajungă rapid să fie tema dvs. preferată pentru fiecare nou proiect WordPress.

Tema Kadence funcționează cu editorul de blocuri WordPress într-un mod unic care face din nou distracția proiectării site-urilor web. Este o temă gratuită, cu toate clopotele și fluierele unora dintre temele premium de top, și oferă într-adevăr caracteristici de nivel următor, care vor face orice site atât de frumos, cât și de eficient.

Pentru a profita din plin de Tema Kadence și a o trece la nivelul următor, veți dori, de asemenea, să utilizați Kadence Blocks. Acest instrument vă va oferi rezultate de proiectare 100% profesionale, fără a fi nevoie să știți cum să codificați.

Dar amintiți-vă, designul ar trebui să găzduiască întotdeauna conținut.

Citiți-o încă o dată și lăsați-o să se scufunde.

Problema este că conținutul se potrivește deseori cu designul, conținutul primind foarte puțină atenție. Conținutul site-ului dvs. web este, de departe, primul lucru pe care doriți să îl observe spectatorii.

Ca atare, pentru fiecare dintre proiectele paginii dvs., opriți-vă și puneți-vă aceste trei întrebări:

1. Care este obiectivul principal al paginii?
2. Este clar pentru utilizatori ce măsuri trebuie să ia?
3. Cum încurajează designul utilizatorii să acționeze?

Un designer web profesionist și eficient va acorda o atenție deosebită modului în care un design se va traduce în cod. Chiar dacă nu faceți dezvoltarea dvs., ca designer, este o idee bună să investiți în abilitățile dvs. de codare.

Și asigurați-vă întotdeauna că un dezvoltator revizuiește un design înainte de a ajunge la client.

În cele din urmă, utilizați Faza de proiectare pentru a finaliza aspectul general al site-ului web cu clientul și discutați deciziile pentru:

• Culori
• Tipografie
• Imagini

Confirmați proiectarea cu clientul înainte de a trece la etapa de dezvoltare.

Pasul 4: Dezvoltare

În faza de dezvoltare, designul site-ului web este tradus în codul real care face ca site-ul web să funcționeze. Această etapă poate fi cea mai lungă, așa că țineți clienții informați cu privire la starea proiectului.

În timpul fazei de dezvoltare, e-mailurile obișnuite cu 3 propoziții, precum cea de mai jos, sunt excelente pentru menținerea comunicării cu clienții:

„Asta am făcut săptămâna aceasta (în trecut). Aici sunt lucrurile (prezente). Iată ce urmează (viitor). ”

La urma urmei, dacă taceți o perioadă de timp în timpul dezvoltării, mulți clienți își vor asuma cel mai rău și s-ar putea să pierdeți proiectul.

Pentru designerii și dezvoltatorii WordPress, pașii de bază ai dezvoltării site-ului web includ:

1. Instalați WordPress pe un localhost sau pe un server de testare.
2. Instalați o temă WordPress de pornire.
3. Instalați un plugin de rezervă WordPress, de preferință BackupBuddy. Rularea BackupBuddy în timpul dezvoltării face mai ușor să 1) reveniți la modificările de fișiere și 2) să mutați site-ul pe domeniul live sau pe server pentru lansare.
4. Folosind macheta, traduceți designul pe site-ul live.
5. Testați și optimizați pe parcurs.

Pasul 5: Lansarea site-ului web

În cele din urmă, este în sfârșit timpul să lansăm site-ul web!

Deoarece există atât de mulți pași implicați în lansarea unui site web, este o idee bună să folosiți o listă de verificare pentru a vă asigura că nu ați ratat niciun pas.

Asigurați-vă că utilizați listele de verificare din aceste articole pentru a vă asigura că lansarea site-ului dvs. web funcționează fără probleme:

• Lista completă de verificare a lansării WordPress pentru dezvoltatori
• Lista de verificare esențială a lansării site-ului WordPress
• Lista de verificare finală WordPress: peste 80 de activități pentru fiecare proprietar de site WordPress

Cu siguranță vor face procesul de lansare a site-ului dvs. web mult mai eficient.

Pasul 6: Întreținere

Acest ultim și ultim pas al designului web este adesea trecut cu vederea de freelanceri. Cu toate acestea, întreținerea site-ului este importantă pentru sănătatea și succesul pe termen lung al unui site web, precum și pentru o sursă de venituri recurente potențiale.

Înainte de a începe chiar un nou proiect de site, educați potențialii clienți cu privire la responsabilitățile pe termen lung ale deținerii unui site web. La fel ca deținerea unei mașini sau a unei case, un site web va necesita întreținere și întreținere. Oferiți un serviciu lunar de întreținere WordPress pentru a elimina clienții sarcinile de întreținere a site-ului web.

La nivel de bază, un serviciu de întreținere WordPress include următoarele acțiuni necesare pentru ca un site WordPress să funcționeze fără probleme:

• Actualizări WordPress
• Actualizări de teme și pluginuri
• Copii de rezervă WordPress
• Plugin de securitate WordPress, și anume iThemes Security Pro
• Urmărire și raportare Google Analytics
• Găzduire WordPress

Întreținerea WordPress se poate extinde și în alte domenii de întreținere a site-ului web, cum ar fi SEO, adăugarea de conținut nou sau actualizarea conținutului existent, aprobarea comentariilor / răspunsuri, curățarea spamului și multe altele.

Dacă gestionați mai multe site-uri WordPress, utilizați un serviciu precum iThemes Sync pentru a gestiona actualizările WordPress și multe altele dintr-un singur tablou de bord.

Când discutați întreținerea în curs a site-ului, întrebați-vă clienții:

1. Există o strategie pe termen lung pentru a edita, actualiza și promova site-ul dvs. web?
2. Cine va fi responsabil cu întreținerea site-ului web?

Fiți gata să vă oferiți rata de întreținere lunară și să informați clienții despre tarifele orare dacă au nevoie de dvs. pentru a rezolva problemele site-ului web, pentru a face modificări ale conținutului și așa mai departe.

Noroc la un proces de proiectare a site-urilor netede

Urmând procesul în șase pași pe care tocmai l-am subliniat, procesul de proiectare a site-ului web va merge mai ușor și va rămâne pe țintă. Și cu puțină cercetare și planificare, designul site-ului dvs. web va fi mai informat.

Urmând o listă de verificare pentru dezvoltare și lansare, nu veți rata niciun pas crucial. Și, în cele din urmă, menținerea unui site web protejează investițiile făcute în construirea site-ului web.

În cele din urmă, clienții vor fi mai mulțumiți de experiența lor și vor vedea valoarea pe site-ul lor.

Kristen Wright

Kristen a scris tutoriale pentru a ajuta utilizatorii WordPress din 2011. De obicei, o puteți găsi lucrând la articole noi pentru blogul iThemes sau dezvoltând resurse pentru #WPprosper. În afara muncii, Kristen se bucură de jurnal (a scris două cărți!), Drumeții și camping, gătit și aventuri zilnice cu familia ei, sperând să ducă o viață mai prezentă.