Webbdesign: Att planera en hemsida

1. Att planera en hemsida
Metoder, redskap och teorier
Webbdesign 100p
Marcus Weiderstl
Bromma Gymnasium

2. rligt talat, behver man en hemsida?
Givetvis!
Alla finns ju p webben!
2
Webbdesign: Att planera en hemsida
3. Ml fr dagen
Kunna arbeta fram en hel arbetsplan fr en webbsida
Kunna diskutera frdelar och nackdelar med att vlja olika former av text och bild fr en specifik mlgrupp
Ha kunskaper om olika syften och mlgrupper
Ha utveckla ett helhetstnk nrdet kommer till webbsidor
3
4. Frn id till verklighet
4
A goal without a plan is just a wish.
Antoine de Saint-Exupery (1900 - 1944)
5. Id
5
Mitt fretag behver finnas p internet
Jag ska gra en hemsida fr alla som gillar bvrar
Varfr finns det ingen hemsida fr oss som lskar rda ftljer?
Jag borde brja blogga om min skosamling
Jag vill tjna pengar!
Jag ska gra en hemsida som berttar hur dliga Djurgrden r
Det borde finnas ngon form av mtesplats fr oss som gillardukar
6. Webbdesign: Att planera en hemsida
6
Vi borde gra en hemsida om vr heminredning!
Vi borde gra en hemsida om vrt hemmabiossytem!
7. Planering!
7
Lgger grunden till hemsidan.
Ger frstelse fr arbetet med hemsidan
Gr hemsidan enad.
Hjlper webbdesignern att utveckla hemsidan nr personen vet vad syftet r och vem som ska beska den!
8. Arbetsplan
Webbutvecklarens motsvarighet till affrsplan
8
9. Arbetsplan
9
10. Syfte
Varfr skapar vi denna hemsida?

Personlig/t ett fretag

11. Tjna pengar (e-handel) 12. Sammanfoga personer med samma intresse 13. Marknadsfra vr frening/idrottslag 14. Tillfllig reklam fr en produkt eller projekt. Vad r det slutgiltiga mlet med hemsidan?

Bli stenrik!

15. F ut vrt budskap 16. Slja mer av en viss vara 17. F folk att sluta heja p DjurgrdenWebbdesign: Att planera en hemsida
10
Diskutera:
Vad r syftet med vr hemsida
Vlj Webbdesign?
18. Mlgrupp
Vilka ska beska hemsidan?

Alla som gillar bvrar

19. Folk som vill lra knna andra med samma intresse (ex: bvrar) 20. Tjejer mellan 13-18 21. Folk som vill tvla/veta mer om en specifik produkt. Hur fngar vi upp denna mlgrupp?
11
22. Innehll
Ska vi anvnda oss av mycket text/artiklar?
Ska vi fokusera p bilder?
Ska vi fokusera p animationer/grafik/flash/film? (vanligt inom reklam)
12
23. Struktur
Hur ska vi strukturera upp hemsidan?
P servern?
I webblsaren?
13
Diskutera:
Hur ser strukturen ut p Aftonbladet.se?
Hur skiljer den sig frn blondinbella.se?
24. Fldesschema (I)
14
25. Fldesschema (II)
15
Meny
26. Text
Fokus: Text eller bilder?
Vad r bra text fr internet?
Vad fr roll spelar mlgruppen?
16
17
Exempel (I): Aftonbladet
18
Exempel (II): BlondinBella
29. Att tnka p fr text p internet
Kort och sakligt
Inga ondiga ord (Ranelidska gr fett bort p Internet)
Luftigt
Rtt font
Rubriker
Underrubrik
Ingress
Tabeller
19
30. Bilder/Animationer/Flash
Vad r mlgruppen?
Vad vill vi uppn med vra bilder?
20
21
Exempel (I):Bild frn Aftonbladets artikel
22
Exempel (II): Bild frn BlondinBellas blogginlgg
33. Grafik profil
Hur ska sidan se ut designmssigt?
Hur skapar vi en grafisk profil som r enhetligt?
23
24
Grafisk profil
35. Marknadsfring
25
ass, rcker inte google?
Du allts, hade vi inte tnkt ha ngra beskare p snigeldate.se?
36. Marknadsfring
Banners
Sociala medier
In real life
?
26
37. Den logiska kopplingen!
Marknadsfring
Grafisk profil
27
38. Marcus magiska hemsideformel
28
39. Sammanfattning
Syfte + mlgrupp r grunden fr allt!
Helhetsperspektivet
Marcus teori om marknadsfring och grafisk profilering.
Text
Bild
29
40. Instuderingsfrgor
30

Documents

Webbdesign: Att planera en hemsida