proces izrade web sajta

Moderan Web sajt Kompletan proces od ideje do održavanja

@ivancosicwww.ivancosic.rs

http://fb.me/plainandhill

Istorijat1996. Internet je “došao” na ove prostore

Istorijat1996. Internet je “došao” na ove prostore1997-2000. .com (dot kom) boom u svijetu

Istorijat1996. Internet je “došao” na ove prostore1997-2000. .com (dot kom) boom u svijetu1999-2004. Web 2.0

A danas?2013. 2,4 milijarde ljudi koristi Internet

A danas?2013. 2,4 milijarde ljudi koristi InternetBiH 2000. - 7,000 korisnika (0,2%)

A danas?2013. 2,4 milijarde ljudi koristi InternetBiH 2000. - 7,000 korisnika (0,2%)2010. - 1,441,000 korisnika (31,2%)

A danas?2013. 2,4 milijarde ljudi koristi InternetBiH 2000. - 7,000 korisnika (0,2%)2010. - 1,441,000 korisnika (31,2%)2011. - 1,955, 277 korisnika (42,3%)

A danas?2013. 2,4 milijarde ljudi koristi InternetBiH 2000. - 7,000 korisnika (0,2%)2010. - 1,441,000 korisnika (31,2%)2011. - 1,955, 277 korisnika (42,3%)2012. - 2,327,578 korisnika (60%)

Drastično povećanje broja korisnika dovelo je do evolucije procesa kreiranja Web sajtova

Proces danas:1. Ideja i/ili istraživanje

Proces danas:1. Ideja i/ili istraživanje2. Planiranje

Proces danas:1. Ideja i/ili istraživanje2. Planiranje3. Dizajniranje

Proces danas:1. Ideja i/ili istraživanje2. Planiranje3. Dizajniranje4. Kreiranje sadržaja

Proces danas:1. Ideja i/ili istraživanje2. Planiranje3. Dizajniranje4. Kreiranje sadržaja5. Programiranje

Proces danas:1. Ideja i/ili istraživanje2. Planiranje3. Dizajniranje4. Kreiranje sadržaja5. Programiranje 6. Lansiranje

Proces danas:1. Ideja i/ili istraživanje2. Planiranje3. Dizajniranje4. Kreiranje sadržaja5. Programiranje 6. Lansiranje7. Održavanje

1. Ideja i/ili istraživanje

a. Koja nam je ciljna grupa

1. Ideja i/ili istraživanje

b. Zašto naš sajt treba da postoji?

1. Ideja i/ili istraživanje

c. Šta postoji od postojećih materijala?

1. Ideja i/ili istraživanje

d. Koji je budžet?

1. Ideja i/ili istraživanje

e. Koji su rokovi?

1. Ideja i/ili istraživanje

f. Da li postoje sajtovi istog tipa koji mogu da posluže kao vodilja?

1. Ideja i/ili istraživanje

1. Ideja i/ili istraživanje:a. Koja nam je ciljna grupab. Zašto naš sajt treba da postoji?c. Šta postoji od postojećih materijala?d. Koji je budžet?e. Koji su rokovif. Da li postoje sajtovi istog tipa koji mogu

da posluže kao vodilja?

2. Planiranje

a. Kreiranje informacione arhitekture

2. Planiranje

b. Skiciranje izgleda

2. Planiranje

c. Skiciranje algoritma korišćenja sajta

2. Planiranje

d. Kreiranje mape sajta

2. Planiranje

e. Koje emocije želimo da prenesemo (boje)

2. Planiranje

f. Koje tehnologije je neophodno da predvidimo

2. Planiranje

g. Na kojim uređajima će se koristiti

2. Planiranje

h. Definisanje potrebnih komercijalnih sadržaja

2. Planiranje

i. Potpisivanje ugovora

2. Planiranje

2. Planiranjea. Kreiranje informacione arhitektureb. Skiciranje izgledac. Skiciranje algoritma korišćenja sajtad. Kreiranje mape sajtae. Koje emocije želimo da prenesemof. Koje su neophodne tehnologijeg. Na kojim uređajima će se koristitih. Dodatni sadržajii. Potpisivanje ugovora

3. Dizajn

a. Dizajn osnovnog template-a

3. Dizajn

b. Dizajn pojedinačnih strana

3. Dizajn

c. Dizajn pojedinačnih elemenata

3. Dizajn

3. Dizajn check lista• Dalijedizajnuslužbisadržajailiodvlačipažnju?• Dalidizajnpomažeupregledusadržaja?• Dalijetekstčitljiv?• Dalisuslikeefektne/dalidobroilustrujusadržaj?• Dalidizajnimadovoljnopraznogprostora?• Dalisudobroiskorišćeneboje?• Dalipozadinasajtasmetailidopunjujeutisak• Dalisupodnasloviispecijalnistilovidobro

istaknutiuodnosunatekst?• Dalisedobrovidiurazličitimpretraživačima?• Dalisedobrovidinamobilnimuređajima?• Dalijenavigacijaintuitivna?

4. Sadržaj

a. Priprema osnovnih sadržaja

4. Sadržaj

b. Kreiranje uredničkog kalendara

4. Sadržaj

4. Dobar web sadržaj je:• adekvatan• koristan• okrenut korisniku• jasan• konzistentan• kratak• relevantan

5. Programiranje

a. Kreiranje glavnih templejta

5. Programiranje

b. Prebacivanje dizajna u stranice

5. Programiranje

5. Programiranje

c. Izbor CMS-a

5. Programiranje

d. Neophodne funkcionalnosti

5. Programiranje

e. Povezivanje stranica sa bazom

5. Programiranje

f. Punjenje osnovnim sadržajem

5. Programiranjea. Kreiranje glavnih templejtab. Prebacivanje dizajna u stranicec. Izbor CMS-ad. Neophodne funkcionalnostie. Povezivanje stranica sa bazomf. Punjenje osnovnim sadržajem

6. Lansiranje

a. Prebacivanje na glavni hosting

6. Lansiranje

b. Integracija društevnih mreža

6. Lansiranje

c. Reklamiranje•web marketing plan•email marketing plan • social marketing plan

6. Lansiranje

d. Offline aktivnosti

6. Lansiranje

6. Lansiranjea. Prebacivanje na glavni hostingb. Integracija društevnih mrežac. Reklamiranjed. Offline aktivnosti

7. Održavanje

a. Analiza posjeta

7. Održavanje

b. Testiranje brzine učitavanja

7. Održavanje

c. Optimizacija sajta

7. Održavanje

d. Optimizacija za pretraživače

7. Održavanje

e. Punjenje novim sadržajima

7. Održavanje

7. Održavanjea. Analiza posjetab. Testiranje brzine učitavanjac. Optimizacija sajtad. Optimizacija za pretraživačee. Punjenje novim sadržajima

1. Ideja i/ili istraživanje2. Planiranje3. Dizajniranje4. Kreiranje sadržaja5. Programiranje 6. Lansiranje7. Održavanje

Hvala! @ivancosic

www.ivancosic.rshttp://fb.me/plainandhill