Your SlideShare is downloading. ×
Webbdesign: Att planera en hemsida
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Webbdesign: Att planera en hemsida

2,340
views

Published on


0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,340
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
18
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Att planera en hemsida
    Metoder, redskap och teorier
    Webbdesign 100p
    Marcus Weiderstål
    Bromma Gymnasium
  • 2. Ärligt talat, behöver man en hemsida?
    Givetvis!
    Alla finns ju på webben!
    2
    Webbdesign: Att planera en hemsida
  • 3. Mål för dagen
    Kunna arbeta fram en hel arbetsplan för en webbsida
    Kunna diskutera fördelar och nackdelar med att välja olika former av text och bild för en specifik målgrupp
    Ha kunskaper om olika syften och målgrupper
    Ha utveckla ett ”helhetstänk” när det kommer till webbsidor
    Webbdesign: Att planera en hemsida
    3
  • 4. Från idé till verklighet
    Webbdesign: Att planera en hemsida
    4
    A goal without a plan is just a wish.
    Antoine de Saint-Exupery (1900 - 1944)
  • 5. Idé
    Webbdesign: Att planera en hemsida
    5
    ”Mitt företag behöver finnas på internet”
    ”Jag ska göra en hemsida för alla som gillar bävrar”
    ”Varför finns det ingen hemsida för oss som älskar röda fåtöljer?”
    ”Jag borde börja blogga om min skosamling”
    ”Jag vill tjäna pengar!”
    ”Jag ska göra en hemsida som berättar hur dåliga Djurgården är”
    ”Det borde finnas någon form av mötesplats för oss som gillar dukar”
  • 6. Webbdesign: Att planera en hemsida
    6
    Vi borde göra en hemsida om vår heminredning!
    Vi borde göra en hemsida om vårt hemmabiossytem!
  • 7. Planering!
    Webbdesign: Att planera en hemsida
    7
    Lägger grunden till hemsidan.
    Ger förståelse för arbetet med hemsidan
    Gör hemsidan ”enad”.
    Hjälper webbdesignern att utveckla hemsidan när personen vet vad syftet är och vem som ska besöka den!
  • 8. Arbetsplan
    Webbutvecklarens motsvarighet till affärsplan
    Webbdesign: Att planera en hemsida
    8
  • 9. Arbetsplan
    Webbdesign: Att planera en hemsida
    9
  • 10. Syfte
    Varför skapar vi denna hemsida?
    • Personlig/åt ett företag
    • 11. Tjäna pengar (e-handel)
    • 12. Sammanfoga personer med samma intresse
    • 13. Marknadsföra vår förening/idrottslag
    • 14. Tillfällig reklam för en produkt eller projekt.
    Vad är det slutgiltiga målet med hemsidan?
    • Bli stenrik!
    • 15. Få ut vårt budskap
    • 16. Sälja mer av en viss vara
    • 17. Få folk att sluta heja på Djurgården
    Webbdesign: Att planera en hemsida
    10
    Diskutera:
    Vad är syftet med vår hemsida
    ”Välj Webbdesign”?
  • 18. Målgrupp
    Vilka ska besöka hemsidan?
    • Alla som gillar bävrar
    • 19. Folk som vill lära känna andra med samma intresse (ex: bävrar)
    • 20. Tjejer mellan 13-18
    • 21. Folk som vill tävla/veta mer om en specifik produkt.
    Hur fångar vi upp denna målgrupp?
    Webbdesign: Att planera en hemsida
    11
  • 22. Innehåll
    Ska vi använda oss av mycket text/artiklar?
    Ska vi fokusera på bilder?
    Ska vi fokusera på animationer/grafik/flash/film? (vanligt inom reklam)
    Webbdesign: Att planera en hemsida
    12
  • 23. Struktur
    Hur ska vi strukturera upp hemsidan?
    På servern?
    I webbläsaren?
    Webbdesign: Att planera en hemsida
    13
    Diskutera:
    Hur ser strukturen ut på Aftonbladet.se?
    Hur skiljer den sig från blondinbella.se?
  • 24. Flödesschema (I)
    Webbdesign: Att planera en hemsida
    14
  • 25. Flödesschema (II)
    Webbdesign: Att planera en hemsida
    15
    Meny
  • 26. Text
    Fokus: Text eller bilder?
    Vad är bra text för internet?
    Vad för roll spelar målgruppen?
    Webbdesign: Att planera en hemsida
    16
  • 27. Webbdesign: Att planera en hemsida
    17
    Exempel (I): Aftonbladet
  • 28. Webbdesign: Att planera en hemsida
    18
    Exempel (II): BlondinBella
  • 29. Att tänka på för text på internet
    Kort och sakligt
    Inga onödiga ord (Ranelidska går fett bort på Internet)
    Luftigt
    Rätt font
    Rubriker
    Underrubrik
    Ingress
    Tabeller
    Webbdesign: Att planera en hemsida
    19
  • 30. Bilder/Animationer/Flash
    Vad är målgruppen?
    Vad vill vi uppnå med våra bilder?
    Webbdesign: Att planera en hemsida
    20
  • 31. Webbdesign: Att planera en hemsida
    21
    Exempel (I): Bild från Aftonbladets artikel
  • 32. Webbdesign: Att planera en hemsida
    22
    Exempel (II): Bild från BlondinBellas blogginlägg
  • 33. Grafik profil
    Hur ska sidan se ut designmässigt?
    Hur skapar vi en grafisk profil som är enhetligt?
    Webbdesign: Att planera en hemsida
    23
  • 34. Webbdesign: Att planera en hemsida
    24
    Grafisk profil
  • 35. Marknadsföring
    Webbdesign: Att planera en hemsida
    25
    Öööasså, räcker inte google?
    Du alltså, hade vi inte tänkt ha några besökare på snigeldate.se?
  • 36. Marknadsföring
    Banners
    Sociala medier
    ”In real life”
    …?
    Webbdesign: Att planera en hemsida
    26
  • 37. Den logiska kopplingen!
    Marknadsföring
    Grafisk profil
    Webbdesign: Att planera en hemsida
    27
  • 38. Marcus magiska hemsideformel
    Webbdesign: Att planera en hemsida
    28
  • 39. Sammanfattning
    Syfte + målgrupp är grunden för allt!
    Helhetsperspektivet
    Marcus teori om marknadsföring och grafisk profilering.
    Text
    Bild
    Webbdesign: Att planera en hemsida
    29
  • 40. Instuderingsfrågor
    Webbdesign: Att planera en hemsida
    30