01 od 10
Istraživanje
Potencijalni klijent je upravo tražio od vas da dizajnirate web stranicu, ali odakle počnete? Postoji određeni proces koji možete pratiti kako biste osigurali da projekat ide glatko. On odražava standardni proces grafičkog dizajna , sa samo nekoliko specifičnih koraka za uključivanje.
Kao grafički dizajner, možete odabrati da preuzmete ceo dizajn sami, uključujući i kodiranje. Međutim, možda biste želeli da sakupite tim koji će vam pomoći u detaljima. Veb developer i stručnjak za SEO mogu biti dragocene dodatke vašem projektu.
Sve počinje istraživanjem
Kao i kod većine projekata dizajna, prvi korak prilikom kreiranja web stranice je istraživanje. Nešto od ovog istraživanja će se uraditi sa klijentom kako bi se razumelo njihove potrebe. Takođe ćete morati naučiti više o svojoj industriji i konkurentima.
Kada se sastanete sa svojim klijentom, potrebno je da otkrijete koliko god je moguće da vam pomogne da razvijete plan za lokaciju i na kraju ga dizajnirate. Ovo uključuje postavljanje pitanja o ciljnoj publici, ciljevima, kreativnom pravcu i ostalim varijablama koje mogu uticati na ono što možete ponuditi klijentu, kao što su budžet i krajnji rok.
Vaša industrija i istraživanje tržišta se dešavaju istovremeno. Da biste bili spremni da upoznate svoj klijent, trebalo bi da imate ideju o svojoj industriji. Nakon što saznate svoje potrebe, onda ćete želeti da izgledate malo dublje.
Nivo obavljenih istraživanja će zavisiti od budžeta klijenta i vaših postojećih znanja o industriji. Može biti jednostavno kao i tražiti kako izgledaju druge web stranice na terenu. Za veće projekte, možda je nešto poput dubinskih istraživanja sa fokus grupama.
02 od 10
Brainstorming
Jednom kada znate o čemu se radi, vreme je da se prikupe ideje, a ideja za razmišljanje je odlično mesto za početak . Umesto da tražite savršenu ideju da budete prvi, izbacite sve ideje ili koncepte za web stranicu. Uvek ga možete sužiti kasnije.
Neke web stranice mogu pozivati na standardni web interfejs, sa navigacijom (traka sa dugmadima) i područjima sa sadržajem gdje korisnici najverovatnije očekuju. Drugi mogu zahtijevati jedinstveni koncept za prezentaciju sadržaja.
Na kraju, sadržaj će dizajnirati. Na primjer, sajt vijesti će imati prilično drugačiji pristup od web portfelja fotografa
03 od 10
Odlučiti o tehničkim zahtevima
U početku u procesu izrade web stranice, potrebno je donijeti odluke o tehničkim zahtjevima projekta. Takve odluke će uticati na budžet, vremenski okvir i, u nekim slučajevima, opšti osećaj stranice.
Jedna od primarnih odluka je koja bi osnovna struktura sajta trebalo da bude, koja će utvrditi koji softver će koristiti i koji sistem čini stranicu radom.
Vaše opcije uključuju:
- Osnovni HTML: standardna HTML stranica u kojoj se svaka stranica uređuje ručno. Ovo se može relativno brzo razviti, ali ostavlja malo fleksibilnosti i puno tekućeg održavanja. Takođe je važno zapamtiti da HTML sajtovi nisu samo HTML i mogu uključivati CSS, JavaScript i druge programske jezike za funkcije.
- Koristite sistem za upravljanje sadržajem: Korišćenje CMS-a obično dozvoljava klijentu da obavlja redovne ažuriranja sadržaja, dok dizajner kontroliše ukupni izgled i osećaj stranice. Neki sistemi se mogu razvijati od ogrebotina, a drugi kupiti i prilagođavati potrebama klijenta. Online sistemi kao što su Blogger i WordPress su besplatni i uključuju i osnovni CMS.
04 od 10
Napišite okvir
Sada kada ste prikupili neophodne informacije i razmislili o nekim idejama, dobra ideja je da sve to potražite na papiru.
Pregled web stranice treba da sadrži listu svake odeljka koji će biti uključeni na sajt, sa opisom vrste sadržaja koji će biti prikazan na svakoj stranici. Takođe treba opisati što je moguće više detalja o tome kakve bi funkcije bile na lokaciji, kao što su korisnički računi, komentari, funkcije društvenih mreža, video ili prijava biltena.
Osim što pomaže u organizaciji projekta, klijentu treba predstaviti nacrt predloženog veb sajta kako bi ga odobrio pre nego što se projekat nastavi. Ovo će im omogućiti da dodaju, uklanjaju ili prilagođavaju bilo koji odeljak ili funkcije.
Sve ovo će vam na kraju pomoći da razvijete budžet i vremenski okvir i izgradite lokaciju. Usaglašavanje cene za projekat veb sajta na osnovu odobrenog nacrta pomoći će vam da izbjegnete dodatne naknade ili razlike u mišljenjima kasnije u projektu.
05 od 10
Napravite Wireframe
Wireframe su jednostavni linijski crteži rasporeda web stranice koji vam omogućavaju (i klijenta) da se fokusiraju na postavljanje elemenata umesto na boju i tip.
Ovo je izuzetno korisno jer određuje koji sadržaj zaslužuje najviše fokusa i procenat prostora koji se koristi na stranici za te elemente. Bez ometanja od strane drugih vizuelnih elemenata, odobreni žičani okviri pružaju okvir za vaše projekte.
Za neke projekte, možete razmisliti o tome da imate na raspolaganju kolekciju wireframova za korištenje za različite vrste sadržaja. Kontakt, o i druge stranice sa velikim brojem teksta mogu imati drugačiji izgled nego galerija ili stranica za kupovinu.
Važno je da održavate jedinstveni izgled na celoj web lokaciji dok prelazite sa jednog žičnog okvira na drugi.
06 od 10
Dizajnirajte web stranicu
Kada ste vi i vaš klijent zadovoljni žičnim okvirima, vreme je da počnete sa dizajniranjem sajta.
Adobe Photoshop je najčešći alat za kreiranje početnih dizajna. Fokus dizajna sajta treba da predstavlja prezentaciju sadržaja i koristiće se za kreiranje stvarnih web stranica.
Za sada jednostavno dizajnirajte i igrajte sa osnovnim elementima kako biste stvorili nešto za vašeg klijenta da ga gleda i odobrava.
- Dok se zapaljeni dizajni i animacije nalaze na njihovom mestu, oni ne bi trebali prevladati ono što korisnik traži.
- Kontinuirana navigacija će pomoći vašim posetiocima da pronađu sve svoje glavne oblasti sadržaja.
- Čista upotreba tipa (u slučaju tekstualnog sajta) zadržiće posetioce čitanje i vraćanje na više.
- Prije nego što imate stvarni sadržaj za dizajn sajta, Lorem Ipsum tekst će vam pomoći da popunite prostore bez ometanja vašeg klijenta.
07 od 10
Izgradite Web stranice
Kada se vaš dizajn odobri, stranice moraju biti preusmerene sa mockup-ova na stvarne web stranice napisane u HTML i CSS.
Iskusni dizajneri / programeri mogu odlučiti da preuzmu sve kodiranje, dok neko koji se fokusira na web stranicu dizajna može blisko sarađivati sa programerima kako bi se stranica mogla vratiti na život. Ako je to slučaj, programer bi trebalo da bude uključen od samog početka.
Programeri će pomoći da se osigura dizajn realističnog i efikasnog rasporeda weba. Oni takođe treba da budu konsultovani o svim karakteristikama koje obećavate klijentu, jer neki ne mogu biti izvodljivi ili korisni za sajt.
Softver kao što je Adobe Dreamweaver može pomoći dizajneru da pretvori maketu na radnu web stranicu, sa funkcijama povlačenja i spuštanja, unapred izrađenim funkcijama i dugmadima za dodavanje veza i slika.
Postoji veliki izbor softvera za izgradnju web stranica. Izaberite onaj sa kojim rad radite, samo budite sigurni da vam omogućavaju da zaista uđete u detalje i kodiranje stranica.
08 od 10
Izradite veb lokaciju
Kada se vaš izgled završi u HTML-u i CSS-u, potrebno je da bude integrisano u sistem koji ste izabrali. Ovo je tačka u kojoj postaje funkcionalna web stranica.
Ovo može značiti da se šabloni za razvijanje čitaju u sistemu za upravljanje sadržajem, mijenjaju WordPress šablon ili koriste Dreamweaver za kreiranje veza između stranica i više naprednih web funkcija. Ovo je ponovo korak koji se može ostaviti drugom članu ili članovima tima.
Takođe ćete morati kupiti ime domene web stranice i imati hosting uslugu. Ovo bi trebalo da bude deo vaših razgovora sa klijentom i, u stvarnosti, treba da se uradi u početnim fazama procesa. Ponekad može preduzeti određeno vreme da bi usluge postale aktivne.
Takođe je veoma važno da vi ili vaši developer obavite detaljno testiranje web stranice. Ne želite da uradite "veliko otkrivanje" i imate funkcije koje ne funkcionišu ispravno.
09 od 10
Promovišite veb lokaciju
Sa vašim internetom na internetu, vrijeme je da je promovišete. Vaš neverovatan dizajn ne može biti dobar ako ga ljudi ne posete.
Vozni promet na sajtu može uključivati:
- Optimizacija za pretraživače. Unajmite stručnjaka za SEO ako ovo nije područje stručnosti jer se najbolje prakse stalno mijenjaju.
- Slanje biltena radi označavanja novog sadržaja. Dizajn biltena bi se trebao odnositi na dizajn web stranice kako bi održao razmjenu poruka brenda.
- Oglašavanje sa PPC oglasima na Google-u ili sa baner oglasima na drugim sajtovima.
- Konvencionalnije metode kao što su štampana reklama i reč od usta.
10 od 10
Drži sve
Jedan od najboljih načina da zadržite ljude da se vrate na vašu web stranicu je da sadržaj bude svećen. Sa svim radom stavljenim na sajt, ne želite da ostane isti isti mesecima nakon lansiranja.
Nastavite da objavljujete novi sadržaj, fotografije, video zapise ili muziku ... bez obzira na to da je sajt izgrađen da bi se predstavio. Blog je odličan način da se stranica ažurira, sa postovima bilo koje dužine na bilo kojoj temi koja se odnosi na vašu web lokaciju,
Ukoliko će vaš klijent rukovoditi ažuriranjima za CMS veb lokaciju, možda ćete morati da ih obučite da ga koriste. Ažuriranje web stranice koju ste dizajnirali je lep način da dobijete redovan prihod. Budite sigurni da se vi i vaš klijent slažete o učestalosti i stopama za bilo koji posao ažuriranja.