Kurs 2: design på nettstedet ditt
-
Upload
dinbedriftpanett -
Category
Technology
-
view
495 -
download
2
description
Transcript of Kurs 2: design på nettstedet ditt
![Page 1: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/1.jpg)
torsdag 21. februar 13
![Page 2: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/2.jpg)
Tor Åge Vorren
Art director i Rød Tråd.Jobber med grafisk design, webdesign, film, motion graphics, illustrasjon, konseptutvikling og prosjektledelse.
Rød Tråd
Et fullservice reklamebyrå i Tromsø med 12 ansatte.
torsdag 21. februar 13
![Page 3: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/3.jpg)
Webdesign
torsdag 21. februar 13
![Page 4: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/4.jpg)
Grafisk profil
Nettsiden er en del av en større identitet.
Designet må uttrykke de samme verdiene og uttrykk som bedriftens grafiske profil.
Nettsiden må være en av brikkene som sammen skaper bedriftens «brand»
torsdag 21. februar 13
![Page 5: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/5.jpg)
Webdesign
Designet må underbygge sidens formål.
Hva ønsker du at brukeren skal gjøre på din side?
Hva ønsker brukeren å gjøre på din side?
torsdag 21. februar 13
![Page 6: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/6.jpg)
Webdesign
Leveregel
torsdag 21. februar 13
![Page 7: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/7.jpg)
Det må aldri være tvil
Elkjøp har mange produkter de vil at du skal kjøpe.
torsdag 21. februar 13
![Page 8: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/8.jpg)
Det må aldri være tvil
VG har mange nyheter de vil at du skal lese.(og annonser de vil du skal klikke på)
torsdag 21. februar 13
![Page 9: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/9.jpg)
Det må aldri være tvil
Dropbox vil at du skal laste ned og registrere deg som bruker.
torsdag 21. februar 13
![Page 10: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/10.jpg)
Det må aldri være tvil
Google vil at duskal søke etter noe.
torsdag 21. februar 13
![Page 11: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/11.jpg)
Farger
Hvilke farger signaliserer hva?
torsdag 21. februar 13
![Page 12: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/12.jpg)
Farger
Noen farger er seriøse.
torsdag 21. februar 13
![Page 13: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/13.jpg)
Farger
Noen farger er oppløftende og stimulerende.
torsdag 21. februar 13
![Page 14: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/14.jpg)
Farger
Bruk fargene til å lede brukeren i riktig retning.- seriøs info
- pris
- bestill
- skap trygghet
- utnytt kontraster for å fremheve viktige områder
torsdag 21. februar 13
![Page 15: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/15.jpg)
Farger
torsdag 21. februar 13
![Page 16: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/16.jpg)
Farger
Noen farger
passer ikke sammen
torsdag 21. februar 13
![Page 17: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/17.jpg)
Farger
Andre farger
skaper harmoni
torsdag 21. februar 13
![Page 18: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/18.jpg)
Former
Hvilke former signaliserer hva?
torsdag 21. februar 13
![Page 19: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/19.jpg)
Former
Hva kan du klikke på?
Tekst
Tekst
TekstTekst
Tekst
Tekst
torsdag 21. februar 13
![Page 20: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/20.jpg)
Formuleringer
Klikk her!
Call to action
Meld deg på
Legg i handlekurv Bestill
torsdag 21. februar 13
![Page 21: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/21.jpg)
Ikoner
Bruk ikoner for kommunisere raskere
Legg i handlekurv
Last ned
torsdag 21. februar 13
![Page 22: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/22.jpg)
Fonter
En font er et skriftsnitt (utseendet til et sett tegn/bokstaver)
Alle fonter har sitt eget uttrykk og personlighet.
Fontvalget må være bevisst.
Tenk lesevennlighet ved salg av størrelse og fargekombinasjoner
torsdag 21. februar 13
![Page 23: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/23.jpg)
Fonter
Noen fonter er useriøse,
uelegante og barnslige.
Uttrykker uhøytidelighet og lekenhet.Comic Sans
torsdag 21. februar 13
![Page 24: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/24.jpg)
Fonter
Noen fonter er seriøse.
Uttrykket er stødig og troverdig.Baskerville
torsdag 21. februar 13
![Page 25: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/25.jpg)
Fonter
Andre fonter er moderne.Uttrykker fremgang og
aktualitet.Gotham Rounded
torsdag 21. februar 13
![Page 26: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/26.jpg)
Navigasjon
Skjønner du hvor du kommer?
Finner du veien du ønsker å gå?
Vet du instinktivt hvor du skal klikke?
torsdag 21. februar 13
![Page 27: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/27.jpg)
Navigasjon
torsdag 21. februar 13
![Page 28: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/28.jpg)
Navigasjon
torsdag 21. februar 13
![Page 29: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/29.jpg)
Navigasjon
torsdag 21. februar 13
![Page 30: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/30.jpg)
Navigasjon
torsdag 21. februar 13
![Page 31: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/31.jpg)
Navigasjon
torsdag 21. februar 13
![Page 32: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/32.jpg)
Navigasjon
torsdag 21. februar 13
![Page 33: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/33.jpg)
Estetikk
Er det behagelig eller får du vondt i hodet?
torsdag 21. februar 13
![Page 34: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/34.jpg)
torsdag 21. februar 13
![Page 35: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/35.jpg)
Estetikk
torsdag 21. februar 13
![Page 36: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/36.jpg)
torsdag 21. februar 13
![Page 37: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/37.jpg)
torsdag 21. februar 13
![Page 38: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/38.jpg)
torsdag 21. februar 13
![Page 39: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/39.jpg)
torsdag 21. februar 13
![Page 40: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/40.jpg)
torsdag 21. februar 13
![Page 41: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/41.jpg)
Responivt eller egen variant for mobile enheter?
Er siden mobiltilpasset? Test ut.
Hvordan bevares designets verdi på forskjellige skjermer?
Klarer siden å utøve sin funksjon på alle plattformer?
torsdag 21. februar 13
![Page 42: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/42.jpg)
Avslutning
• «Don´t make me think»
• Ta vare på merkevaren
• La det aldri være tvil om hva brukeren skal og kan gjøre
• Presenter deg på ditt mest attraktive. Dette er din utstilling og personlige service på nettet.
• Sett deg i brukerens stol. Hvordan ønsker du å bli møtt når du går inn i en butikk?
torsdag 21. februar 13
![Page 43: Kurs 2: design på nettstedet ditt](https://reader034.fdocument.pub/reader034/viewer/2022051610/548733cdb4af9f640d8b5316/html5/thumbnails/43.jpg)
Spørsmål?
torsdag 21. februar 13