Presentatie voor de KMO-IT dag. Over het proces voor het bouwen van een goede website.

1. SITE BOUWEN IN 10 STAPPEN

2. Goeiemiddag, ik ben Bart.

3. Ik werk voor webbureau Netlash.
... en nog een aantal andere bedrijven:

5. http://slideshare.net/netlash

6. EEN WEBSITE BOUWEN
IN 10 STAPPEN
27/4/2010, KMO-IT Dag

7. Dus je wil een website
bouwen...

9. Skills
back-end programmatie, front-end
programmatie, database, design, html/css,
usability, conversie, SEO, copy-writing, fotografie,
wettelijke bepalingen, typografie...

10. 4 grote delen
‣ business doelstellingen: rendabel
‣ vormgeving: mooi
‣ programmatie: functioneel
‣ bruikbaarheid: makkelijk

12. 4 grote “ridders”
‣ project manager
‣ designer
‣ developer
‣ informatie-architect

16. Proces
1. Planning 6. Development
2. Analyse 7. Integratie
3. Structuur 8. Testen
4. Design 9. Content
5. Slice 10. Support

18. 1. Planning
‣ Concrete datums
‣ 2 partijen
‣ Niet in beton gegoten!
‣ Richtlijn

19. 1. Planning
‣ Concrete datums
‣ 2 partijen
‣ Niet in beton gegoten!
‣ Richtlijn
Project Manager

21. 2. Analyse

22. Luister...

23. 2. Analyse
‣ Luister naar je doelgroep!
‣ In kaart brengen
‣ Doelstelling, doelgroep, organisatie

25. 2. Analyse
‣ Luister naar je doelgroep!
‣ In kaart brengen
‣ Doelstelling, doelgroep, organisatie
Informatie-architect

27. 3. Structuur
‣ “architectuurplannen”
‣ mindmap, wireframe, structuurdocument
‣ klikbaar
‣ iteratief!

28. Architectuurplannen

29. 3. Structuur
‣ “architectuurplannen”
‣ mindmap, wireframe, structuurdocument
‣ klikbaar
‣ iteratief!
Informatie-architect

33. 4. Design
‣ vertaling van structuurdocument
‣ legt de stijl vast - nog niet de details
‣ iteratief
‣ voldoende input!

34. 4. Design
‣ vertaling van structuurdocument
‣ legt de stijl vast - nog niet de details
‣ iteratief
‣ voldoende input!
Designer

37. 5. Slice
‣ omzetten naar html/css, taal van het web
‣ taak van designer!
‣ templates

38. 5. Slice
‣ omzetten naar html/css, taal van het web
‣ taak van designer!
‣ templates
Designer

40. 6. Development
‣ maatwerk programmatie
‣ -billities!
‣ modules

41. -billities
accessibility, scalability, sustainability, usability,
findability, measurability, reliability

42. Het ijsberg-principe

43. -billities
Voorbeeld: snelheid.
Google!
http://www.websiteoptimization.com/services/analyze/

44. 6. Development
‣ maatwerk programmatie
‣ -billities!
‣ modules
Developer

46. 7. Integratie
‣ structuur, development, design
‣ integratie met CMS
‣ modules

47. 7. Integratie
‣ structuur, development, design
‣ integratie met CMS
‣ modules
Developer

49. 8. Testen
‣ 2 partijen!
‣ integratie met CMS
‣ “zit alles er in”

51. 8. Testen
‣ 2 partijen!
‣ integratie met CMS
‣ “zit alles er in”
Project Manager

53. 9. Content
‣ CMS
‣ klant? of copy-writer?
‣ oefenen!

56. 10. Support
‣ inbegrepen / uitgebreid
‣ formeel evaluatie- en afsluitmoment
‣ (het blijft software...)

58. Proces
1. Planning 6. Development
2. Analyse 7. Integratie
3. Structuur 8. Testen
4. Design 9. Content
5. Slice 10. Support

60. Hoe win je een estafette?

61. Hoe win je een estafette?
1. Snelle lopers

62. Hoe win je een estafette?
1. Snelle lopers
2. Aandacht voor de overdracht

63. VRAGEN?

64. twitter.com/netlash
bart@netlash.com
www.netlash.com