Les 3 Logo en huisstijl

Welkom 
Startactiviteit
lesdoelen doornemen
korte theorie LessonUp
Opdrachten maken
Inleveren en opruimen
Afsluiten
Einde van de les
Startopdracht:
Lees tekst bron online: Onderdelen van een website: Lesbrief 1, taak 3, opdracht 5
1 / 21
next
Slide 1: Slide
Dienstverlening en ProductenMiddelbare schoolvmbo gLeerjaar 3

This lesson contains 21 slides, with interactive quiz, text slides and 2 videos.

time-iconLesson duration is: 100 min

Items in this lesson

Welkom 
Startactiviteit
lesdoelen doornemen
korte theorie LessonUp
Opdrachten maken
Inleveren en opruimen
Afsluiten
Einde van de les
Startopdracht:
Lees tekst bron online: Onderdelen van een website: Lesbrief 1, taak 3, opdracht 5

Slide 1 - Slide

Leerdoelen
  1. leer je wat een huisstijl is
  2. leer je hoe je een logo kunt ontwerpen
  3. een header, sidebar en een footer herkennen
  4. een webshop lay-out herkennen
  5. hoe je een prototype van een webshop maakt
  6. hoe je een pop-up herkent en kunt toepassen
  7. welke vormen van navigatie er zijn

Slide 2 - Slide

Wat is een huisstijl?

Slide 3 - Mind map

Slide 4 - Video

Huisstijl
xz
  • Naam
  • Logo
  • Kleur
  • Typografie
  • Bepaalde vormen

Slide 5 - Slide

wat is typografie?

Het is overal om ons heen te zien. Van verkeersborden tot aan de tekst op snoeppapiertjes, maar ook de kleine letters op filmposters; alles is typografie zolang er over na is gedacht. Typografie kan het beste worden omschreven als: de kunst van het vormgeven, opmaken.

het vormgeven van tekst

Slide 6 - Slide

Kleur
Een kleur kan ervoor zorgen dat jouw bedrijf extra opvalt. 

Elke kleur heeft zijn eigen kenmerken. 

Slide 7 - Slide

Een belangrijk onderdeel van een huisstijl is het logo

Slide 8 - Slide

Slide 9 - Video

Lay Out
  • Het ontwerp of vormgeving van een webshop  
  • De bezoeker beslist in enkele seconden of de website interessant is 
  • De webshop moet hem dus snel naar de juiste informatie leiden.
     Dit doe je met een goede navigatie. Deze zorgt ervoor dat een bezoeker gemakkelijk door de webshop gaat. 
  • Zorg dan ook dat je lay-out bestaat uit korte stukjes tekst en mooi beeldmateriaal.




Slide 10 - Slide

Vertrouwen
 De belangrijke informatie goed zichtbaar in je webshop te plaatsen. 
De bezoeker wil weten:

  • waar jouw webshop gevestigd is
  • welke mensen er achter de webshop zitten
  • hoe de betaling en verzending is geregeld
  • hoe er met persoonlijke gegevens wordt omgegaan
  • De bezoeker wil alleen zijn gegevens achterlaten als hij zeker weet dat het een veilige omgeving is. Hij moet erop kunnen vertrouwen dat alles goed geregeld is.

Slide 11 - Slide

Template

Een kant-en-klaar design. Een pagina die al een bepaalde vorm heeft.

Slide 12 - Slide

Voor- en nadelen
Nadeel:
Het is duur. Je kunt het design voor je eigen webshop niet mooi genoeg vinden

Voordeel:
Dit bespaart tijd. Je hebt weinig kennis nodig van het ontwerpen van een webshop.

Slide 13 - Slide

Homepage
Alle websites of webshops beginnen met een startpagina ook wel homepage of portal genoemd.
Deze pagina is de etalage van je webshop en het visitekaartje. Het is belangrijk dat deze pagina er professioneel en betrouwbaar uitziet.

Slide 14 - Slide

De webpagina’s kun je verdelen in
 drie secties:

header
body
footer

Afhankelijk van de layout kun je hier ook nog sidebars aan toevoegen.

Slide 15 - Slide

Menustructuur
De menustructuur van een webshop bepaalt de manier waarop een bezoeker de webshop kan bekijken. Bezoekers van een webshop zijn vaak ergens naar op zoek. Dit moeten ze snel kunnen vinden. Bij het ontwikkelen van een webshop is het daarom belangrijk dat je een gebruiksvriendelijke navigatiestructuur maakt.

Slide 16 - Slide

Prototype
Een eerste schets of versie.
  • de pagina’s die er moeten zijn
  • de achtergrondkleur of afbeelding
  • de plaats waar de tekst komt
  • het lettertype en de lettergrootte
  • de plaats van de afbeeldingen
  • de positie van de navigatie.

Probeer je in te leven in je bezoeker. Hoe ervaart een bezoeker het als hij een website bezoekt of bij webshop een bestelling plaatst?

Slide 17 - Slide

Redirecten/Forwarden
Dit betekent dat je de bezoeker automatisch doorstuurt naar een andere pagina.

Een webshop onder een nieuwe domeinnaam en je wilt je oude klanten behouden

Slide 18 - Slide

Aan de slag


1:Je gaat brainstormen over je huisstijl en het ontwerp van je logo. Je krijgt een A3 blad.
Maak 4 totaal verschillende schetsen voor jouw unieke logo.
Hierin verwerk je je huisstijl.
Daarna maak je je echte logo in Word.
2:: Een menustructuur getekend

Slide 19 - Slide

Opdracht Logo Schetsen en ontwerpen

Je gaat brainstormen over je huisstijl en het ontwerp van je logo. Je krijgt een A3 blad. 
Maak 4 totaal verschillende schetsen voor jouw unieke logo.
Hierin verwerk je je huisstijl.
Daarna maak je je echte logo in Word.
Inleveren via Teams opdrachten

Slide 20 - Slide

Huiswerkopdracht:
Gemaakt en af:

Logo inleveren via Teams opdrachten
Menustructuur 

Slide 21 - Slide