SITE BOUWEN IN 10 STAPPEN
Goeiemiddag, ik ben Bart.
Ik werk voor webbureau Netlash.




... en nog een aantal andere bedrijven:
http://slideshare.net/netlash
EEN WEBSITE BOUWEN
IN 10 STAPPEN
27/4/2010, KMO-IT Dag
Dus je wil een website
bouwen...
Skills
back-end programmatie, front-end
programmatie, database, design, html/css,
usability, conversie, SEO, copy-writing,...
4 grote delen
‣   business doelstellingen: rendabel
‣   vormgeving: mooi
‣   programmatie: functioneel
‣   bruikbaarheid: ...
4 grote “ridders”
‣   project manager
‣   designer
‣   developer
‣   informatie-architect
Proces
1. Planning    6. Development
2. Analyse     7. Integratie
3. Structuur   8. Testen
4. Design      9. Content
5. Sl...
1. Planning
‣   Concrete datums
‣   2 partijen
‣   Niet in beton gegoten!
‣   Richtlijn
1. Planning
‣   Concrete datums
‣   2 partijen
‣   Niet in beton gegoten!
‣   Richtlijn


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




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


Informatie-...
4. Design
‣   vertaling van structuurdocument
‣   legt de stijl vast - nog niet de details
‣   iteratief
‣   voldoende inp...
4. Design
‣   vertaling van structuurdocument
‣   legt de stijl vast - nog niet de details
‣   iteratief
‣   voldoende inp...
5. Slice
‣   omzetten naar html/css, taal van het web
‣   taak van designer!
‣   templates
5. Slice
‣   omzetten naar html/css, taal van het web
‣   taak van designer!
‣   templates




Designer
6. Development
‣   maatwerk programmatie
‣   -billities!
‣   modules
-billities
accessibility, scalability, sustainability, usability,
findability, measurability, reliability
Het ijsberg-principe
-billities
Voorbeeld: snelheid.
Google!
http://www.websiteoptimization.com/services/analyze/
6. Development
‣   maatwerk programmatie
‣   -billities!
‣   modules




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




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




Project Manager
9. Content
‣   CMS
‣   klant? of copy-writer?
‣   oefenen!
10. Support
‣   inbegrepen / uitgebreid
‣   formeel evaluatie- en afsluitmoment
‣   (het blijft software...)
Proces
1. Planning    6. Development
2. Analyse     7. Integratie
3. Structuur   8. Testen
4. Design      9. Content
5. Sl...
Hoe win je een estafette?
Hoe win je een estafette?
1. Snelle lopers
Hoe win je een estafette?
1. Snelle lopers
2. Aandacht voor de overdracht
VRAGEN?
twitter.com/netlash
bart@netlash.com
www.netlash.com
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Website bouwen in 10 stappen
Upcoming SlideShare
Loading in …5
×

Website bouwen in 10 stappen

5,031 views

Published on

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

Published in: Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,031
On SlideShare
0
From Embeds
0
Number of Embeds
27
Actions
Shares
0
Downloads
72
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Website bouwen in 10 stappen

  1. 1. SITE BOUWEN IN 10 STAPPEN
  2. 2. Goeiemiddag, ik ben Bart.
  3. 3. Ik werk voor webbureau Netlash. ... en nog een aantal andere bedrijven:
  4. 4. http://slideshare.net/netlash
  5. 5. EEN WEBSITE BOUWEN IN 10 STAPPEN 27/4/2010, KMO-IT Dag
  6. 6. Dus je wil een website bouwen...
  7. 7. Skills back-end programmatie, front-end programmatie, database, design, html/css, usability, conversie, SEO, copy-writing, fotografie, wettelijke bepalingen, typografie...
  8. 8. 4 grote delen ‣ business doelstellingen: rendabel ‣ vormgeving: mooi ‣ programmatie: functioneel ‣ bruikbaarheid: makkelijk
  9. 9. 4 grote “ridders” ‣ project manager ‣ designer ‣ developer ‣ informatie-architect
  10. 10. Proces 1. Planning 6. Development 2. Analyse 7. Integratie 3. Structuur 8. Testen 4. Design 9. Content 5. Slice 10. Support
  11. 11. 1. Planning ‣ Concrete datums ‣ 2 partijen ‣ Niet in beton gegoten! ‣ Richtlijn
  12. 12. 1. Planning ‣ Concrete datums ‣ 2 partijen ‣ Niet in beton gegoten! ‣ Richtlijn Project Manager
  13. 13. 2. Analyse
  14. 14. Luister...
  15. 15. 2. Analyse ‣ Luister naar je doelgroep! ‣ In kaart brengen ‣ Doelstelling, doelgroep, organisatie
  16. 16. 2. Analyse ‣ Luister naar je doelgroep! ‣ In kaart brengen ‣ Doelstelling, doelgroep, organisatie Informatie-architect
  17. 17. 3. Structuur ‣ “architectuurplannen” ‣ mindmap, wireframe, structuurdocument ‣ klikbaar ‣ iteratief!
  18. 18. Architectuurplannen
  19. 19. 3. Structuur ‣ “architectuurplannen” ‣ mindmap, wireframe, structuurdocument ‣ klikbaar ‣ iteratief! Informatie-architect
  20. 20. 4. Design ‣ vertaling van structuurdocument ‣ legt de stijl vast - nog niet de details ‣ iteratief ‣ voldoende input!
  21. 21. 4. Design ‣ vertaling van structuurdocument ‣ legt de stijl vast - nog niet de details ‣ iteratief ‣ voldoende input! Designer
  22. 22. 5. Slice ‣ omzetten naar html/css, taal van het web ‣ taak van designer! ‣ templates
  23. 23. 5. Slice ‣ omzetten naar html/css, taal van het web ‣ taak van designer! ‣ templates Designer
  24. 24. 6. Development ‣ maatwerk programmatie ‣ -billities! ‣ modules
  25. 25. -billities accessibility, scalability, sustainability, usability, findability, measurability, reliability
  26. 26. Het ijsberg-principe
  27. 27. -billities Voorbeeld: snelheid. Google! http://www.websiteoptimization.com/services/analyze/
  28. 28. 6. Development ‣ maatwerk programmatie ‣ -billities! ‣ modules Developer
  29. 29. 7. Integratie ‣ structuur, development, design ‣ integratie met CMS ‣ modules
  30. 30. 7. Integratie ‣ structuur, development, design ‣ integratie met CMS ‣ modules Developer
  31. 31. 8. Testen ‣ 2 partijen! ‣ integratie met CMS ‣ “zit alles er in”
  32. 32. 8. Testen ‣ 2 partijen! ‣ integratie met CMS ‣ “zit alles er in” Project Manager
  33. 33. 9. Content ‣ CMS ‣ klant? of copy-writer? ‣ oefenen!
  34. 34. 10. Support ‣ inbegrepen / uitgebreid ‣ formeel evaluatie- en afsluitmoment ‣ (het blijft software...)
  35. 35. Proces 1. Planning 6. Development 2. Analyse 7. Integratie 3. Structuur 8. Testen 4. Design 9. Content 5. Slice 10. Support
  36. 36. Hoe win je een estafette?
  37. 37. Hoe win je een estafette? 1. Snelle lopers
  38. 38. Hoe win je een estafette? 1. Snelle lopers 2. Aandacht voor de overdracht
  39. 39. VRAGEN?
  40. 40. twitter.com/netlash bart@netlash.com www.netlash.com

×