Construirea unui site web: ultimul ghid pentru web design

Crearea propriului site web este acum unul dintre elementele de bază - dacă aveți o afacere, aveți nevoie de un site web. Există mai multe moduri de a crea un site web care să corespundă dorințelor, nevoilor și bugetului dvs.

1. Fă-o singur: cu un șablon și sistem modular
2. Cu un Liber profesionist: pentru soluții individuale
3. Cu un Agenţie: pentru soluții hibride

de 2ché pentru sparkingmatt

Probabil vă dați seama că, deși internetul este destul de ușor de utilizat, este destul de complicat să proiectați și să construiți un site web. Ar trebui să arăți bine. Ar trebui să fie ușor de utilizat. Vreau ca oamenii să le găsească pe Google. Ar trebui să vă ajute să transformați vizitatorii în clienți. Dar cum faci totul? Și mai important, cum o faci corect? Designul web este fără îndoială unul dintre cele mai dificile tipuri de design grafic.

Ghidul nostru final de design web vă va ajuta să parcurgeți procesul de creare a unui site web pas cu pas:

Creați-vă propriul site web cu șabloane și kituri de construcție

Platformele de șabloane web DIY au crescut incredibil de popular în ultimul deceniu. Probabil ați auzit de câteva. Cele mai cunoscute includ: Squarespace, Shopify, Wix și Weebly. Fiecare platformă are propria sa particularitate (Shopify, de exemplu, se concentrează pe site-urile de comerț electronic) și propriile șabloane din care puteți alege.

Șabloane pentru crearea unui site web pe WIX

Beneficii:

Cele mai ieftine opțiuni
Toate sunt CMS care vă oferă control asupra a ceea ce aveți de partea dvs.

Dezavantaj:

Sunteți limitat la șabloanele lor și la câteva opțiuni de personalizare (astfel încât site-ul dvs. va arăta ca multe altele, nu se va potrivi neapărat cu marca dvs. și nu veți avea prea mult control asupra funcționalității)

Creați un site web cu un freelancer (soluție individuală)

Dacă doriți mai mult control asupra aspectului și funcționalității site-ului dvs., cel mai bine este să angajați unul sau mai mulți profesioniști independenți care să vă ajute în acest sens. Această opțiune este excelentă pentru a obține exact ceea ce doriți la un preț bun, dar necesită să vă faceți ceva mai mult. Angajați designeri independenți pentru o soluție hibridă.

Dacă doriți un aspect individual, dar nu doriți să investiți într-o dezvoltare complet individuală, aveți noroc! Este posibil să începeți cu un șablon prefabricat și să îl personalizați cu propriul șablon.

O temă WordPress de vyncadq pentru Nick Eilerman Films

Una dintre cele mai populare opțiuni pentru aceasta este crearea unui site web pe WordPress. Deși inițial era doar o platformă de blog, WordPress este acum cel mai cunoscut CMS din întreaga rețea (aproximativ 30% din toate paginile rulează pe WordPress). Totul poate fi personalizat și va crește odată cu compania dumneavoastră. Există mii și mii de șabloane acolo, dar vă puteți crea și propriile dvs., ceea ce îl face soluția hibridă perfectă.

Puteți angaja un designer pentru a crea teme pentru WordPress pentru a vă permite să creați un site web frumos și unic care să se potrivească mărcii dvs. și să utilizați WordPress pentru baza de date backend.

Acest lucru este posibil și în diverse alte pagini de șabloane (de exemplu, puteți crea șabloane individuale pentru Shopify sau Squarespace sau puteți adapta cele existente). Deci, dacă preferați să utilizați una dintre aceste platforme, este posibil și acest lucru. Rețineți, totuși, că, în orice caz, designul trebuie încă tradus în limbajul de programare, așa că întrebați-vă proiectantul dacă poate face asta. În caz contrar, trebuie să angajezi un dezvoltator.

beneficii:

Vă oferă funcționalități extinse (care sunt deja încorporate pe platforme precum WordPress sau Shopify) la un cost mai mic
Obțineți un design personalizat, astfel încât site-ul dvs. este frumos și se potrivește mărcii dvs.

dezavantaj:

Este posibil să fie nevoie să angajați atât un proiectant, cât și un dezvoltator

Creați un site web cu o agenție (soluție completă)

Agențiile de proiectare și dezvoltare web sunt experți în ceea ce fac. Nu numai că vă pot ajuta să luați deciziile corecte, dar vă pot însoți și pe drumul de la wireframe la pagina complet dezvoltată. Desigur, toate acestea își au prețul. Este o opțiune excelentă pentru companiile cu nevoi complexe sau cele în care costurile sunt mai puțin preocupante.

beneficii:

Lasă o durere de cap; lucrezi cu experți care te însoțesc pe parcursul întregului proces

dezavantaj:

Probabil va fi foarte scump

Ce trebuie să știți înainte de a începe
-

Cu toate acestea, înainte ca site-ul dvs. web să fie gata să prindă cont, există câteva considerații importante care - indiferent de calea pe care o alegeți - vă vor ajuta să luați decizii și să faceți procesul mai ușor. Deci, vă puteți bucura la maximum de designul real al site-ului web.

Aflați cine este cine în lumea designului și dezvoltării web

Când proiectați o siglă pentru marca dvs., este destul de ușor să angajați o singură persoană care să o facă și să vă ofere o siglă excelentă. Nu este neapărat cazul atunci când construiți un site web. Deși există oameni și agenții care oferă o soluție completă, cu atât mai probabil veți lucra cu mai multe persoane. Iată câteva persoane pe care le puteți întâlni în călătoria dvs.:

web designer sunt designeri. Îți iau ideile și le transformă în machete frumoase (sau grosolane) care arată cum va arăta viitorul tău site web. Acest lucru se face de obicei în Adobe Photoshop sau un program similar.

UX (User Experience) sau UI (User Interface) Designer concentrați-vă pe impactul pe care aspectul dvs. îl are asupra utilizatorilor dvs. De exemplu, acestea vă vor ajuta să decideți ce butoane ar trebui să fie unde, astfel încât mai mulți oameni să facă clic pe ele, sau cum să vă structurați navigarea astfel încât fluxul site-ului dvs. să fie cât mai fără probleme. (Există o diferență între UX și UI. Acest articol o explică destul de bine.) Există deseori o suprapunere între proiectanții UX/UI și designerii de web. Dacă doriți să economisiți bani, nu ar trebui să fie o problemă să angajați un freelancer care să le poată face pe amândouă.

Dezvoltator web - uneori denumiți programatori sau programatori - sunt oameni magici care vorbesc limba computerelor. Ei iau macheta frumoasă (sau grosolană) a designerului și o traduc într-un limbaj de programare, astfel încât să poată fi vizualizat pe web. Pentru a face lucrurile și mai complicate, există multe limbaje de programare diferite, iar majoritatea dezvoltatorilor se specializează într-unul sau câțiva.

Dezvoltator interfețe specializați-vă în lucrurile pe care le vedem atunci când privim un site web (de exemplu, imagini, text, animații, meniuri drop-down, aspectul paginii etc.)

Dezvoltator backend cu toate acestea, specializați-vă în ceea ce se întâmplă în culise și sunt necesare dacă site-ul dvs. web trebuie să comunice cu o bază de date. (Dacă aveți un coș de cumpărături, profiluri de utilizator sau doriți să încărcați singur conținut, veți avea nevoie de o bază de date.)

Specialist SEO, strateg de conținut și autori sau scriitor de conținut sunt, de asemenea, experți de care este posibil să aveți nevoie pentru site-ul dvs. web. Ele vă pot ajuta să vă dați seama ce doriți pe pagina dvs., astfel încât persoanele potrivite să o poată găsi (prin intermediul motoarelor de căutare) și să decidă să cumpere ceva în timp ce sunt în jur.

Achiziționați un nume de domeniu și o găzduire

Primul lucru pe care trebuie să-l faci cu construirea unui site web, la fel ca într-o afacere reală, este închirierea unei locații.

Cu găzduirea web, închiriați un server într-un centru de date ca acesta din Nevada. Prin switch.com.

web hosting este locația fizică în care vor fi amplasate toate părțile site-ului dvs. Toate imaginile, textul și bazele de date necesită de fapt un server fizic pentru a le găzdui. Deși vă puteți cumpăra propriile dvs. și le puteți pune în birou/casă/garaj, marea majoritate a oamenilor și a întreprinderilor închiriază spațiu pentru server prin intermediul unei companii. De obicei plătiți lunar pentru găzduire. Majoritatea companiilor plătesc între 5-25 EUR pe lună pentru acest lucru. Costurile pot fi mult mai mari dacă aveți o mulțime de date. Iată o listă cu companiile de găzduire web recomandate, ar trebui să reveniți în continuare la dezvoltatorul dvs. web înainte de a cumpăra ceva (deoarece ar putea prefera un furnizor).

Ta Numele domeniului este ceea ce oamenii introduc în browserul lor pentru a ajunge la site-ul dvs. (de exemplu, 99designs.de). De obicei, este numele companiei dvs. Pentru a obține un nume de domeniu, trebuie să îl înregistrați la un furnizor. Plătiți o mică taxă (de obicei mai mică de 10 EUR/an) pentru a cumpăra și a păstra numele. Majoritatea furnizorilor de găzduire oferă, de asemenea, nume de domeniu, astfel încât acestea sunt în general cele mai bune pentru dvs., deoarece acestea sunt cele mai ușor de configurat.

Și în cele din urmă o vei face Îndreptați-vă numele de domeniu către serverele dvs. trebuie să. Ceea ce înseamnă acest lucru este că, practic, îi spuneți internetului să verifice acest server când cineva introduce domeniul dvs. în browser pentru a găsi imaginile și textul corect de afișat. Deși acest proces nu este prea complicat, poate fi confuz. Ați putea încerca singur acest pas (serviciul pentru clienți al gazdei dvs. web vă poate ajuta), dar dezvoltatorul dvs. web vă poate ajuta și cu el.

Gândiți-vă la structură și colectați conținutul site-ului dvs. web

Designerul sau dezvoltatorul dvs. web nu va scrie pagina „Despre noi” de pe site-ul dvs. pentru dvs. și nici nu va face fotografii ale produselor dvs. pentru magazinul dvs. Trebuie să furnizați tot conținutul, precum și structura de bază a site-ului dvs.

de Gil Fadilana

Pentru structură trebuie să te gândești la ce pagini ai nevoie. Cele mai frecvente includ:

Pagina principala
„Despre noi” și/sau pagina de contact
Blog
Director de produse
Pagini de produse individuale
Termenii serviciului
Galerie
Pagini de destinație/pagini de marketing pentru publicitate

Pentru fiecare dintre aceste pagini trebuie creat un aspect și un design și fiecare va avea nevoie de conținut.

În acest moment, nu trebuie să aveți conținut terminat, dar trebuie să aveți o idee despre ce conținut doriți pe pagina dvs. și un plan pentru cum să îl obțineți. Trebuie să vă alocați timp pentru a scrie texte (sau pentru a angaja pe cineva să o facă)? Ar trebui să angajezi un fotograf pentru a face fotografii de produs? Va trebui să furnizați oricare dintre propriile imagini (cum ar fi sigla sau fotografiile echipei dvs.) pentru pagină, dar un designer web vă poate ajuta probabil să găsiți fotografii stoc dacă doriți.

Ce sunt fotografiile stoc (și cum le folosiți corect?) ->

Sfat pentru profesioniști: designerul dvs. (mai ales dacă are experiență în UX/UI) poate avea idei excelente pentru conținut și structură la care nu v-ați gândit până acum. Probabil că merită să vorbești cu el despre asta devreme.

Stabiliți ce caracteristici aveți nevoie

Ce ar trebui să se întâmple când cineva vă vizitează site-ul web? Vrei doar să primească informații despre produsul sau serviciul tău, cum ar fi numărul de telefon sau orele de deschidere? Trebuie să poți cumpăra ceva? Scopul tău principal este să citești articole de pe blog sau să înveți ceva? Veți completa un formular de preț? Ar trebui să poată crea profiluri de utilizator și să-și încarce propriile informații?

De ce funcții aveți nevoie va determina modul în care site-ul dvs. poate fi dezvoltat și cu cine trebuie să lucrați. De asemenea, acestea vor avea un impact uriaș asupra bugetului dvs., așa că trebuie să le clarificați în prealabil pentru a obține cotații de preț corecte.

Înțelegeți ce este un CMS și decideți dacă aveți nevoie de unul

Un CMS (Content Management System) este o bază de date și o aplicație web. În esență, permite utilizatorilor (cum ar fi dvs. și colegii/angajații dvs.) să încarce conținut în diferite părți ale paginii. Dacă doriți în mod regulat să editați text sau să schimbați fotografii pe site-ul dvs. și nu știți cum să programați, veți avea nevoie de un CMS.

Există o mulțime de opțiuni CMS, inclusiv opțiuni fantastice preconfigurate pentru lucruri obișnuite (de exemplu, WordPress pentru blog, Shopify pentru un site de comerț electronic, Șase pentru crearea de profiluri). Dar dacă aveți nevoie de mai multe funcționalități (de exemplu, dacă credeți că construiți următorul Facebook, Uber sau 99designs), va trebui să aveți un CMS personalizat dezvoltat.

Cum să creați un site web personalizat în 7 pași
-

1. Stabiliți de ce aveți nevoie și angajați un designer

Ați decis deja un nume de domeniu? Știți de ce funcții aveți nevoie? Aveți o listă a paginilor care trebuie proiectate? Aveți un plan de unde puteți obține tot conținutul pentru a vă umple pagina?

Grozav! Atunci este timpul să angajezi un designer. Pentru a-l găsi pe cel potrivit, trebuie să vă uitați la portofolii. Gândiți-vă la personalitatea mărcii dvs. și decideți dacă designerul se potrivește stilului. (De exemplu, doriți ceva elegant și modern, sau ceva distractiv și jucăuș?) De obicei, este o idee bună să căutați designeri cu experiență în industria dvs. sau tipul de site pe care îl căutați. Dacă sunteți fotograf, căutați designeri care au galerii în portofoliu atunci când vând bunuri, căutați pe cineva care are experiență cu alte companii de comerț electronic.

Iată câțiva dintre designerii noștri web preferați: