Slajdovi sa prezentacije održane pred predstavnicima lokalne samouprave u opštini Visoko, BiH o procesu razvoja web sajta od početka do kraja.

1. Moderan Web sajt
Kompletan proces od ideje do održavanja
@ivancosic
www.ivancosic.rs
http://fb.me/plainandhill

2. Istorijat
1996.
Internet je “došao” na ove prostore

3. Istorijat
1996.
Internet je “došao” na ove prostore
1997-2000.
.com (dot kom) boom u svijetu

4. Istorijat
1996.
Internet je “došao” na ove prostore
1997-2000.
.com (dot kom) boom u svijetu
1999-2004.
Web 2.0

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

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

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

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

9. A danas?
2013.
2,4 milijarde ljudi koristi Internet
BiH
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%)

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

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

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

13. Proces danas:
1. Ideja i/ili istraživanje
2. Planiranje
3. Dizajniranje

14. Proces danas:
1. Ideja i/ili istraživanje
2. Planiranje
3. Dizajniranje
4. Kreiranje sadržaja

15. Proces danas:
1. Ideja i/ili istraživanje
2. Planiranje
3. Dizajniranje
4. Kreiranje sadržaja
5. Programiranje

16. Proces danas:
1. Ideja i/ili istraživanje
2. Planiranje
3. Dizajniranje
4. Kreiranje sadržaja
5. Programiranje
6. Lansiranje

17. Proces danas:
1. Ideja i/ili istraživanje
2. Planiranje
3. Dizajniranje
4. Kreiranje sadržaja
5. Programiranje
6. Lansiranje
7. Održavanje

18. 1. Ideja i/ili
istraživanje

19. 1. Ideja i/ili istraživanje
a. Koja nam je ciljna
grupa

20. 1. Ideja i/ili istraživanje
b. Zašto naš sajt
treba da postoji?

21. 1. Ideja i/ili istraživanje
c. Šta postoji
od postojećih
materijala?

22. 1. Ideja i/ili istraživanje
d. Koji je budžet?

23. 1. Ideja i/ili istraživanje
e. Koji su rokovi?

24. 1. Ideja i/ili istraživanje
f. Da li postoje sajtovi
istog tipa koji
mogu da posluže
kao vodilja?

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

26. 2. Planiranje

27. 2. Planiranje
a. Kreiranje
informacione
arhitekture

28. 2. Planiranje
b. Skiciranje izgleda

30. 2. Planiranje
c. Skiciranje
algoritma
korišćenja sajta

31. 2. Planiranje
d. Kreiranje
mape sajta

32. 2. Planiranje
e. Koje emocije
želimo da
prenesemo (boje)

33. 2. Planiranje
f. Koje tehnologije
je neophodno da
predvidimo

34. 2. Planiranje
g. Na kojim
uređajima
će se koristiti

35. 2. Planiranje
h. Definisanje
potrebnih
komercijalnih
sadržaja

36. 2. Planiranje
i. Potpisivanje
ugovora

37. 2. Planiranje
a. Kreiranje informacione arhitekture
b. Skiciranje izgleda
c. Skiciranje algoritma korišćenja sajta
d. Kreiranje mape sajta
e. Koje emocije želimo da prenesemo
f. Koje su neophodne tehnologije
g. Na kojim uređajima će se koristiti
h. Dodatni sadržaji
i. Potpisivanje ugovora

38. 3. Dizajn

39. 3. Dizajn
a. Dizajn osnovnog
template-a

40. 3. Dizajn
b. Dizajn
pojedinačnih
strana

41. 3. Dizajn
c. Dizajn
pojedinačnih
elemenata

42. 3. Dizajn check lista
• Da li je dizajn u službi sadržaja ili odvlači pažnju?
• Da li dizajn pomaže u pregledu sadržaja?
• Da li je tekst čitljiv?
• Da li su slike efektne / da li dobro ilustruju sadržaj?
• Da li dizajn ima dovoljno praznog prostora?
• Da li su dobro iskorišćene boje?
• Da li pozadina sajta smeta ili dopunjuje utisak
• Da li su podnaslovi i specijalni stilovi dobro
istaknuti u odnosu na tekst?
• Da li se dobro vidi u različitim pretraživačima?
• Da li se dobro vidi na mobilnim uređajima?
• Da li je navigacija intuitivna?

43. 4. Sadržaj

44. 4. Sadržaj
a. Priprema osnovnih
sadržaja

45. 4. Sadržaj
b. Kreiranje
uredničkog
kalendara

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

47. 5. Programiranje

48. 5. Programiranje
a. Kreiranje glavnih
templejta

49. 5. Programiranje
b. Prebacivanje
dizajna u stranice

50. 5. Programiranje
c. Izbor CMS-a

51. 5. Programiranje
d. Neophodne
funkcionalnosti

52. 5. Programiranje
e. Povezivanje
stranica sa bazom

53. 5. Programiranje
f. Punjenje osnovnim
sadržajem

54. 5. Programiranje
a. Kreiranje glavnih templejta
b. Prebacivanje dizajna u stranice
c. Izbor CMS-a
d. Neophodne funkcionalnosti
e. Povezivanje stranica sa bazom
f. Punjenje osnovnim sadržajem

55. 6. Lansiranje

56. 6. Lansiranje
a. Prebacivanje na
glavni hosting

57. 6. Lansiranje
b. Integracija
društevnih mreža

58. 6. Lansiranje
c. Reklamiranje
• web marketing plan
• email marketing plan
• social marketing plan

59. 6. Lansiranje
d. Offline aktivnosti

60. 6. Lansiranje
a. Prebacivanje na glavni hosting
b. Integracija društevnih mreža
c. Reklamiranje
d. Offline aktivnosti

61. 7. Održavanje

62. 7. Održavanje
a. Analiza posjeta

63. 7. Održavanje
b. Testiranje brzine
učitavanja

64. 7. Održavanje
c. Optimizacija sajta

65. 7. Održavanje
d. Optimizacija za
pretraživače

66. 7. Održavanje
e. Punjenje novim
sadržajima

67. 7. Održavanje
a. Analiza posjeta
b. Testiranje brzine učitavanja
c. Optimizacija sajta
d. Optimizacija za pretraživače
e. Punjenje novim sadržajima

68. 1. Ideja i/ili istraživanje
2. Planiranje
3. Dizajniranje
4. Kreiranje sadržaja
5. Programiranje
6. Lansiranje
7. Održavanje

69. Hvala!
@ivancosic
www.ivancosic.rs
http://fb.me/plainandhill