01 od 10
Istraživanje
Potencijalni klijent samo vas je zamolio da dizajnirate web stranicu, ali kamo ćete početi? Postoji određeni proces koji možete slijediti kako biste osigurali da projekt ide glatko. Ono se odražava u standardnom postupku grafičkog dizajna , uz samo nekoliko koraka koji se odnose na web mjesto.
Kao grafički dizajner, možete odabrati da sami preuzmete cijeli dizajn, uključujući kodiranje. Međutim, možda ćete htjeti okupiti tim koji će vam pomoći s pojedinostima. Web developer i SEO stručnjak mogu biti dragocjeni doprinosi vašem projektu.
Sve počinje s istraživanjem
Kao i kod većine projektnih projekata, prvi korak pri izradi web stranice je provođenje istraživanja. Neke od ovog istraživanja bit će učinjeno s klijentom kako bi se razumjelo njihove potrebe. Također ćete morati naučiti više o svojoj industriji i konkurenciji.
Kada se susretnete s klijentom, morate otkriti što je moguće više kako biste vam pomogli u izradi obrasca za web mjesto i na kraju ga dizajnirati. To uključuje postavljanje pitanja o ciljanoj publici, ciljevima, smjeru kreativnosti i drugim varijablama koje mogu utjecati na ono što klijentu možete ponuditi, kao što su proračun i rok.
Vaša istraživanja industrije i tržišta istodobno će se odvijati. Da biste bili spremni za susret s klijentom, trebali biste imati ideju o svojoj industriji. Nakon što saznate njihove potrebe, tada ćete željeti malo dublje izgledati.
Razina provedenih istraživanja ovisit će o proračunu korisnika i vašem postojećem znanju o djelatnosti. To može biti tako jednostavno kao da želi vidjeti koje druge web stranice na terenu izgledaju. Za veće projekte, to može biti nešto poput dubinskog istraživanja s fokusnim skupinama.
02 od 10
bombardovanje idejama
Kada znate o čemu se radi, vrijeme je za prikupljanje ideja, a brainstorming je sjajno mjesto za početak . Umjesto da tražite savršenu ideju da budete prvi, izbacite sve ideje i koncepte za web stranicu. Uvijek ga možete suziti kasnije.
Neke web stranice mogu zahtijevati standardno web sučelje, s navigacijom (traka s gumbima) i sadržajnim područjima gdje ih korisnici najvjerojatnije očekuju. Drugi mogu zahtijevati jedinstveni koncept za predstavljanje sadržaja.
Na kraju, sadržaj će voziti dizajn. Na primjer, stranica s vijestima imat će mnogo drugačiji pristup od fotografskog portfelja
03 od 10
Odlučite o tehničkim zahtjevima
Rano u procesu izrade web stranice potrebno je donijeti odluke o tehničkim zahtjevima projekta. Takve će odluke utjecati na proračun, vremenski okvir i, u nekim slučajevima, ukupni osjećaj stranice.
Jedna od primarnih odluka je ono što treba biti temeljna struktura web mjesta, koja će odrediti koji softver upotrebljavati i što sustav čini web "funkcionira".
Vaše opcije uključuju:
- Osnovni HTML: standardni HTML web mjesto u kojem se svaka stranica ručno uređuje. To može biti relativno brzo razvijati, ali ostavlja malo fleksibilnosti i puno održavanja. Važno je također zapamtiti da HTML stranice nisu samo HTML i mogu sadržavati CSS, JavaScript i druge programske jezike za funkcije.
- Koristite Sustav za upravljanje sadržajem: Korištenje CMS-a općenito dopušta klijentu obavljanje redovitih ažuriranja sadržaja, a dizajner kontrolira ukupni izgled i dojam web lokacije. Neki se sustavi mogu razviti od nule i ostali kupljeni i prilagođeni potrebama klijenta. Online sustavi kao što su Blogger i WordPress besplatni su i uključuju osnovni CMS.
04 od 10
Napišite Outline
Sada kada ste prikupili potrebne informacije i razmišljali o nekim idejama, dobro je da sve to dobijete na papiru.
Pregled web-lokacije trebao bi sadržavati popis svih odjeljaka koji će biti uključeni na web-lokaciju, s opisom vrste sadržaja koji će se prikazati na svakoj stranici. Također bi trebalo detaljno opisati koje će značajke biti na web mjestu, kao što su korisnički računi, komentiranje, funkcije društvenog umrežavanja, video ili prijava za newsletter.
Osim što pomaže u organizaciji projekta, klijentu treba predstaviti nacrt prijedloga web mjesta kako bi ga mogli odobriti prije nastavka projekta. To će im omogućiti dodavanje, uklanjanje ili prilagodbu dijelova ili značajki.
Sve to će vam u konačnici pomoći u izradi proračuna i vremenskog okvira i izgradnji web mjesta. Prihvaćanje cijene za projekt web stranice temeljenog na odobrenom obrascu pomoći će izbjeći dodatne naknade ili razlike u mišljenjima kasno u projektu.
05 od 10
Stvorite okvirne sheme
Žičani okviri su jednostavni crteži web-lokacija web-lokacija koji vam (i klijent) omogućuju da se usredotočite na položaj elemenata, a ne na boju i vrstu.
To je iznimno korisno jer određuje koji sadržaj zaslužuje najveći fokus i postotak prostora koji se koristi na stranici za te elemente. Bez ometanja drugih vizualnih elemenata, odobreni žičani okviri pružaju okvir za vaše dizajne.
Za neke projekte možete razmotriti dostupnost zbirke žičanih okvira za različite vrste sadržaja. Kontakt, o, i ostale stranice s puno teksta mogu imati drugačiji izgled od galerije ili stranice za kupnju.
Važno je da zadržite ujednačen izgled na cijeloj web stranici kada prelazite s jednog žičanog okvira na drugu.
06 od 10
Izradite web stranicu
Nakon što ste vi i vaš klijent zadovoljni žičanim okvirima, vrijeme je za početak izrade web sučelja.
Adobe Photoshop je najčešći alat za izradu inicijalnih dizajna. Fokus dizajna web mjesta trebao bi predstaviti sadržaj i koristiti će se za stvaranje stvarnih web stranica.
Za sada, jednostavno osmišljavajte i igrajte se s osnovnim elementima kako biste stvorili nešto za vašeg klijenta da pogleda i odobri.
- Premda impresivni dizajni i animacija imaju svoje mjesto, ne bi trebali nadvladati ono što korisnik traži.
- Dosljedna navigacija pomoći će posjetiteljima da pronađu sva vaša glavna područja sadržaja.
- Čista upotreba tipa (u slučaju web mjesta s tekstom) zadržat će posjetitelje čitanje i vraćanje za više.
- Prije nego što imate stvarni sadržaj za dizajn web stranica, tekst Lorem Ipsum pomoći će ispuniti prostore bez ometanja klijenta.
07 od 10
Izgradite web stranice
Kada je vaš dizajn odobren, stranice se moraju pretvoriti u mockapone u stvarne web stranice napisane u HTML i CSS.
Iskusni dizajner / programeri mogu odabrati da preuzmu sve kodiranje, a netko usmjeren na dizajnersku stranu weba može blisko surađivati s razvojnim programerom kako bi web mjesto oživjelo. Ako je to slučaj, razvojni programer trebao bi biti uključen od samog početka.
Razvojni inženjeri pomoći će da dizajn bude realan i učinkovit web-izgled. Također bi trebali biti konzultirani o svim značajkama koje obećate klijentu jer neki možda neće biti moguće izvršiti ili biti korisni na web mjestu.
Softver kao što je Adobe Dreamweaver može pomoći dizajneru pretvoriti mockup u radnu web stranicu, s povlačenjem i ispuštanjem, unaprijed izgrađenim funkcijama i gumbima za dodavanje veza i slika.
Postoji mnogo softverskih izbora dostupnih za izgradnju web stranica. Izaberite onu s kojom uživate raditi, samo budite sigurni da vam omogućuju da doista dođete u detalje i kodiranje stranica.
08 od 10
Razvijte web stranicu
Nakon dovršetka izgleda u HTML-u i CSS-u, ona mora biti integrirana sa sustavom koji ste odabrali. Ovo je mjesto gdje postaje funkcionalna web stranica.
To može značiti razvoj predložaka koje treba čitati sustav za upravljanje sadržajem, mijenjanje WordPress predloška ili korištenje Dreamweavera za stvaranje veza između stranica i naprednijih web značajki. Ovo je opet korak koji može biti ostavljen drugom članu ili članovima tima.
Također ćete morati kupiti naziv domene web mjesta i postrojiti uslugu hostinga. Ovo bi trebalo biti dio vaših razgovora s klijentom i, u stvarnosti, trebalo bi biti učinjeno u početnim fazama procesa. Ponekad može potrajati neko vrijeme za usluge da postanu aktivni.
Također je vrlo važno da vi ili vaš programer provodite temeljito testiranje web stranice. Ne želite učiniti "veliki otkriti" i imati funkcije koje ne rade ispravno.
09 od 10
Promovirajte web stranicu
S vaše web stranice na mreži, vrijeme je za promicanje. Vaš nevjerojatan dizajn ne vrijedi ako ga ljudi ne posjete.
Vožnja prometa na web mjestu može uključivati:
- Optimiziranje za tražilice. Najam stručnjaka za SEO ako ovo nije područje stručnosti jer se najbolje prakse kontinuirano mijenjaju.
- Slanje biltena za isticanje novog sadržaja. Dizajn newslettera trebao bi se odnositi na dizajn web stranica kako bi poruka o robnoj marki bila dosljedna.
- Oglašavanje putem PPC oglasa na Googleu ili s banner oglasima na drugim web mjestima.
- Više konvencionalnih metoda kao što su tiskano oglašavanje i riječ-usta.
10 od 10
Držite ga svježe
Jedan od najboljih načina da se korisnici vrate na vašu web-lokaciju jest zadržati sadržaj svježim. Sa svim poslom stavljenim na web mjesto, ne želite da ostane isti mjesecima nakon pokretanja.
Nastavite objavljivati nove sadržaje, fotografije, videozapise ili glazbu ... bez obzira na to mjesto koje je sagrađeno za prikazivanje. Blog je sjajan način da se stranica ažurira, s postovima bilo koje duljine na bilo kojoj temi povezanoj s vašom web lokacijom,
Ako će vaš klijent obrađivati ažuriranja za web stranicu CMS-a, možda ćete ih morati osposobiti za upotrebu. Izrada ažuriranja na web stranicu koju ste osmislili lijep je način za dobivanje redovitih prihoda. Pazite da se vi i vaš klijent slažete o učestalosti i cijenama za bilo koji posao ažuriranja.