Cum de a crea un site web

01 din 10

Cercetare

Un potențial client tocmai v-a cerut să creați un site web, dar de unde începeți? Există un anumit proces pe care îl puteți urma pentru a vă asigura că proiectul se desfășoară fără probleme. Ea reflectă procesul standard de proiectare grafică , cu doar câteva etape specifice site-ului pe care trebuie să le includeți.

În calitate de designer grafic, puteți alege să vă asumați singur întregul design, inclusiv codarea. Cu toate acestea, ați putea dori, de asemenea, să aduni o echipă care să vă ajute cu detaliile. Un dezvoltator web și un expert SEO pot fi adăugări valoroase în proiectul dvs.

Totul începe cu cercetarea

Ca și în cazul majorității proiectelor de proiectare, primul pas în crearea unui site web este de a efectua cercetări. Unele dintre aceste cercetări vor fi făcute cu clientul pentru a înțelege nevoile lor. Veți avea nevoie, de asemenea, să aflați mai multe despre industria și concurenții lor.

Când vă întâlniți cu clientul dvs., trebuie să descoperiți cât mai mult posibil pentru a vă ajuta să dezvoltați o schemă a site-ului și, eventual, să o proiectați. Aceasta include întrebarea despre publicul țintă, obiectivele, direcția creativă și alte variabile care pot afecta ceea ce puteți oferi clientului, cum ar fi bugetul și termenul limită.

Industria dvs. și cercetarea pieței se vor întâmpla simultan. Pentru a fi pregătiți pentru întâlnirea cu clientul dvs., ar trebui să aveți o idee despre industria lor. După ce aflați nevoile lor, atunci veți dori să vă uitați puțin mai adânc.

Nivelul de cercetare efectuat va depinde de bugetul clientului și de cunoștințele dvs. existente despre industrie. Poate fi la fel de simplu ca și cum ar trebui să vezi cum ar arăta alte site-uri din domeniu. Pentru proiectele mai mari, poate fi ceva de genul cercetărilor aprofundate cu focus grupuri.

02 din 10

Brainstormingul

Odată ce știi despre ce înseamnă proiectul, este timpul să aduni idei, iar brainstorming-ul este un loc minunat pentru a începe . În loc să căutați ideea perfectă de a fi prima dvs., aruncați orice și toate ideile sau conceptele pentru site. Puteți să-l îngustați mai târziu.

Unele site-uri Web ar putea solicita o interfață web standard, cu navigare (o bară de butoane) și zone de conținut în care utilizatorii sunt cel mai probabil să se aștepte la acestea. Altele pot necesita un concept unic pentru a prezenta conținutul.

În final, conținutul va conduce proiectul. De exemplu, un site de știri va avea o abordare mult diferită de portofoliul web al unui fotograf

03 din 10

Decideți asupra cerințelor tehnice

La începutul procesului de dezvoltare a unui site web, trebuie luate decizii cu privire la cerințele tehnice ale proiectului. Astfel de decizii vor afecta bugetul, intervalul de timp și, în unele cazuri, simțul general al site-ului.

Una dintre deciziile primare este structura de bază a site-ului, care va determina ce software să utilizeze și ce sistem face ca site-ul "să funcționeze".

Opțiunile dvs. includ:

04 din 10

Scrieți o schiță

Acum, că ați adunat informațiile necesare și ați crezut câteva idei, este o idee bună să le faceți totul pe hârtie.

O schiță a unui site web ar trebui să includă o listă a fiecărei secțiuni care va fi inclusă pe site, cu o descriere a tipului de conținut care va fi afișat pe fiecare pagină. De asemenea, ar trebui să descrie cât mai multe detalii pe cât ar putea fi caracteristici pe site, cum ar fi conturile de utilizator, comentarea, funcțiile de rețele sociale, videoclipurile sau înscrierea în buletine informative.

În afară de a ajuta la organizarea proiectului, clientul ar trebui prezentat cu schița unei propuneri de site web, astfel încât să îl poată aproba înainte ca proiectul să continue. Acest lucru le va permite să adauge, să elimine sau să ajusteze orice secțiuni sau caracteristici.

Toate acestea vă vor ajuta în cele din urmă să dezvoltați un buget și o perioadă de timp și să construiți site-ul. Acordarea unui preț pentru un proiect web bazat pe o schiță aprobată va contribui la evitarea taxelor suplimentare sau diferențelor de opinie la sfârșitul proiectului.

05 din 10

Creați fire wireframe

Wireframes sunt desene simple de linii de layout-uri ale site-ului care vă permit (și clientul) să se concentreze pe plasarea elementelor mai degrabă decât pe culoare și tip.

Acest lucru este extrem de util, deoarece determină ce conținut merită cel mai mult focalizare și procentajul de spațiu utilizat pe pagină pentru elementele respective. Fără a fi distras de alte elemente vizuale, fireframele aprobate oferă un cadru pentru desenele dumneavoastră.

Pentru unele proiecte, vă recomandăm să aveți la dispoziție o colecție de cadre de tip wireframes pentru diferite tipuri de conținut. Contactul, despre și alte pagini cu o mulțime de text pot avea un aspect diferit de o pagină de galerie sau de cumpărături.

Este important să mențineți o privire uniformă pe tot parcursul site-ului, pe măsură ce treceți de la o rețea la alta.

06 din 10

Proiectați site-ul Web

Odată ce tu și clientul tău sunteți mulțumiți de telefoanele mobile, este timpul să începeți să proiectați site-ul.

Adobe Photoshop este instrumentul cel mai comun pentru crearea proiectelor inițiale. Punctul central al design-ului site-ului ar trebui să fie prezentarea conținutului și utilizarea acestuia pentru a crea paginile web reale.

Pentru moment, pur și simplu proiectați și jucați cu elementele de bază pentru a crea ceva pentru clientul dvs. să se uite și să aprobe.

07 din 10

Construiți pagini Web

Când proiectul dvs. este aprobat, paginile trebuie să fie transformate din machete în pagini web reale scrise în HTML și CSS.

Designerii / dezvoltatorii experimentați pot alege să preia toate codificările, în timp ce cineva axat pe partea de design a web-ului poate lucra îndeaproape cu un dezvoltator pentru a aduce site-ul la viață. În acest caz, dezvoltatorul ar trebui să fie implicat încă de la început.

Dezvoltatorii vor ajuta să vă asigurați că designul este un layout realist și eficient. De asemenea, acestea ar trebui să fie consultate cu privire la orice caracteristici pe care le promiteți clientului, deoarece unii pot să nu fie în măsură să execute sau să beneficieze de site-ul.

Software-ul cum ar fi Adobe Dreamweaver pot ajuta un designer să transforme un mockup într-o pagină web de lucru, cu funcții drag-and-drop, funcții pre-construite și butoane pentru a adăuga linkuri și imagini.

Există multe opțiuni software disponibile pentru construirea site-urilor web. Alegeți una cu care vă place să lucrați, pur și simplu asigurați-vă că vă permit să obțineți cu adevărat detaliile și codarea paginilor.

08 din 10

Dezvoltați site-ul Web

Odată ce aspectul dvs. este finalizat în HTML și CSS, acesta trebuie integrat cu sistemul pe care l-ați ales. Acesta este punctul în care devine un site web funcțional.

Acest lucru poate însemna dezvoltarea de șabloane care să fie citite de un sistem de gestionare a conținutului, modificarea unui șablon WordPress sau utilizarea Dreamweaver pentru a crea legături între pagini și caracteristici web avansate. Acesta este din nou un pas care poate fi lăsat altui membru sau membrilor echipei.

Veți avea nevoie, de asemenea, să cumpărați un nume de domeniu și să aveți un serviciu de găzduire aliniat. Acest lucru ar fi trebuit să facă parte din discuțiile dvs. cu clientul și, în realitate, ar trebui făcut în etapele inițiale ale procesului. Uneori poate dura ceva timp ca serviciile să devină active.

De asemenea, este foarte important ca tu sau dezvoltatorul tău să testezi temeinic site-ul web. Nu doriți să faceți "revelarea mare" și aveți funcții care nu funcționează corect.

09 din 10

Promovați site-ul

Cu site-ul dvs. online, este timpul să îl promovați. Designul dvs. uimitor nu este bun dacă oamenii nu îl vizitează.

Conducerea traficului către un site poate include:

10 din 10

Țineți-l proaspăt

Una dintre cele mai bune modalități de a împiedica oamenii să se întoarcă pe site-ul dvs. este să păstreze conținutul proaspăt. Cu toate lucrările puse într-un site, nu doriți să rămână aceleași luni după lansare.

Continuați să încărcați conținut nou, fotografii, videoclipuri sau muzică ... indiferent de locul în care a fost construit site-ul pentru a le prezenta. Un blog este o modalitate foarte bună de a păstra un site actualizat, cu postări de orice durată pe orice subiect legat de site-ul dvs.,

Dacă clientul dvs. va gestiona actualizările pentru un site Web CMS, este posibil să fie necesar să îi instruiți să o folosească. Actualizarea unui site pe care l-ați creat este o modalitate frumoasă de a obține venituri regulate. Asigurați-vă că dvs. și clientul dvs. sunteți de acord cu frecvența și tarifele pentru orice lucrare de actualizare pe care o faceți.