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 BOUWENIN 10 STAPPEN27/4/2010, KMO-IT Dag

Dus je wil een website bouwen...

back-end programmatie, front-end

programmatie, database, design, html/css,

usability, conversie, SEO, copy-writing, fotografie,

wettelijke bepalingen, typografie...

Skills

‣ business doelstellingen: rendabel

‣ vormgeving: mooi

‣ programmatie: functioneel

‣ bruikbaarheid: makkelijk

4 grote delen

‣ project manager

‣ designer

‣ developer

‣ informatie-architect

4 grote “ridders”

Proces

1. Planning

2. Analyse

3. Structuur

4. Design

5. Slice

6. Development

7. Integratie

8. Testen

9. Content

10. Support

‣ Concrete datums

‣ 2 partijen

‣ Niet in beton gegoten!

‣ Richtlijn

1. Planning

‣ Concrete datums

‣ 2 partijen

‣ Niet in beton gegoten!

‣ Richtlijn

Project Manager

1. Planning

2. Analyse

Luister...

‣ Luister naar je doelgroep!

‣ In kaart brengen

‣ Doelstelling, doelgroep, organisatie

2. Analyse

‣ Luister naar je doelgroep!

‣ In kaart brengen

‣ Doelstelling, doelgroep, organisatie

Informatie-architect

2. Analyse

‣ “architectuurplannen”

‣ mindmap, wireframe, structuurdocument

‣ klikbaar

‣ iteratief!

3. Structuur

Architectuurplannen

‣ “architectuurplannen”

‣ mindmap, wireframe, structuurdocument

‣ klikbaar

‣ iteratief!

Informatie-architect

3. Structuur

‣ vertaling van structuurdocument

‣ legt de stijl vast - nog niet de details

‣ iteratief

‣ voldoende input!

4. Design

‣ vertaling van structuurdocument

‣ legt de stijl vast - nog niet de details

‣ iteratief

‣ voldoende input!

Designer

4. Design

‣ 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

5. Slice

‣ maatwerk programmatie

‣ -billities!

‣ modules

6. Development

accessibility, scalability, sustainability, usability,

findability, measurability, reliability

-billities

Het ijsberg-principe

Voorbeeld: snelheid.

Google!

http://www.websiteoptimization.com/services/analyze/

-billities

‣ maatwerk programmatie

‣ -billities!

‣ modules

Developer

6. Development

‣ structuur, development, design

‣ integratie met CMS

‣ modules

7. Integratie

‣ structuur, development, design

‣ integratie met CMS

‣ modules

Developer

7. Integratie

‣ 2 partijen!

‣ integratie met CMS

‣ “zit alles er in”

8. Testen

‣ 2 partijen!

‣ integratie met CMS

‣ “zit alles er in”

Project Manager

8. Testen

‣ CMS

‣ klant? of copy-writer?

‣ oefenen!

9. Content

‣ inbegrepen / uitgebreid

‣ formeel evaluatie- en afsluitmoment

‣ (het blijft software...)

10. Support

Proces

1. Planning

2. Analyse

3. Structuur

4. Design

5. Slice

6. Development

7. Integratie

8. Testen

9. Content

10. Support

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/netlashbart@netlash.comwww.netlash.com