Na deze les kunnen jullie:

• Een product kiezen dat geschikt is voor online verkoop
• Product banners maken in verschillende formaten voor social media platforms
• Design principes toepassen voor effectieve e-commerce banners
• Een consistente look & feel handhaven over verschillende media

Stap 1: Product selectie
Jullie kiezen een product dat je wil promoten.

• Het product moet visueel aantrekkelijk zijn
• Er moet een duidelijke doelgroep voor zijn
• Het moet online verkocht kunnen worden

Voorbeelden van geschikte producten:

• Kleding of accessoires
• Elektronische gadgets
• Huisdecoratie
• Sportartikelen
• Schoonheidsproducten

Stap 2: Onderzoek en inspiratie
Begin met het verzamelen van:

• Productfoto's (minimaal 3-5 goede kwaliteit afbeeldingen)
• Productinformatie
• Kleuren van het product
• Doelgroep informatie

Belangrijke design principes voor e-commerce banners:

1. 1. Visuele hiërarchie
      • Product moet centraal staan
      • Tekst moet leesbaar zijn
      • Call-to-action moet opvallen
   2. Kleurgebruik
      • Gebruik max. 3-4 kleuren
      • Zorg voor contrast tussen tekst en achtergrond
      • Houd rekening met merkidentiteit
   3. Typografie
      • Gebruik max. 2 verschillende fonts
      • Zorg voor leesbaarheid op kleine schermen
      • Maak belangrijke tekst groter
   4. Compositie
      
      • Genoeg witruimte laten
      • Product moet de aandacht trekken

Stap 3: Document setup
Maak 4 nieuwe documenten met deze specificaties:

1. LinkedIn: 1200 x 627 px, 150 dpi
2. Facebook: 1340 x 985 px, 150 dpi
3. Twitter: 800 x 800 px, 72 dpi
4. Instagram: 1080 x 1080 px, 150 dpi

Stap 4: Basis layout ontwerpen

• Begin met de Instagram banner (vierkant formaat)
• Plaats het product centraal
• Voeg achtergrond toe (kleur, gradient of textuur)
• Houd het simpel en clean

Stap 5: Tekst toevoegen

• Productnaam (groot en opvallend)
• Korte beschrijving
• Prijs (indien van toepassing)
• Call-to-action ("Shop nu", "Ontdek meer", etc.)

Stap 6: Aanpassen voor andere formaten

• Kopieer de basis elementen
• Pas compositie aan voor elk formaat
• Let op dat tekst leesbaar blijft
• Test hoe het eruitziet op klein formaat

Als je de banners af hebt lever je ze als PSD-bestanden in via Simulise.

Volgende les ga je een Landingspagina ontwerpen in XD

Alvast wat tips voor die opdracht:

• • Gebruik dezelfde kleuren als in de banners
  • Hanteer dezelfde typografie
  • Zorg voor consistente button styles
  • Gebruik vergelijkbare fotostijl

Essentiële elementen voor de landingspagina:

• • Duidelijke productnaam en prijs
  • Hoogwaardige productfoto's
  • Product beschrijving
  • Technische specificaties van het product
  • Koop-knop die opvalt
  • Vertrouwenssignalen (reviews, garantie)
  • Contact informatie