In deze opdracht leer je:
Hoe je een pagina indeelt met meerdere secties.
Hoe je een header, hero-sectie en call-to-action maakt.
Hoe je met kolommen en iconen/afbeeldingen werkt om informatie overzichtelijk te tonen.
Hoe je een consistente stijl en kleurenpalet toepast.
Hoe je uitbreidingen toevoegt om de pagina aantrekkelijker en overtuigender te maken.
Maak in WordPress een nieuwe pagina en noem deze: Landingpage.
Klik op Publiceren (2x) en daarna op Bewerken met Breakdance.
Je komt nu in de visuele editor waar je blokken kunt slepen en aanpassen.
👉 Tip: wil je meer weten? Bekijk de tutorials: Breakdance Getting Started
Je gaat een mini landingpage maken voor een zelfverzonnen product, dienst of evenement.
Kies iets creatiefs, bijvoorbeeld:
Een slimme waterfles
Een festival
Een game
Een nieuwe sportclub
👉 Jouw landingpage bevat minimaal:
Header met een logo (mag tekst zijn) en een simpel menu.
Hero-sectie met een afbeelding of achtergrond, titel + slogan, en een knop (bijv. “Bestel nu” of “Reserveer”).
Productfeatures: een sectie met 3 kolommen (icoon of afbeelding + korte tekst per feature).
Extra call-to-action onderaan de pagina (grote knop).
⏱ Zorg dat je dit binnen 40 minuten hebt staan.
Klaar met de basis? Dan ga je uitbreiden. Kies minstens 3 uitbreidingen uit de lijst hieronder (meer mag natuurlijk ook):
Achtergrondkleur, afbeelding of video in de hero-sectie.
Hover-effecten op knoppen of afbeeldingen.
Een prijstabel met 2–3 opties.
Een sectie met reviews of quotes van “gebruikers”.
Een extra pagina toevoegen, bijvoorbeeld “Over het product” of “Contact”.
Een Google Maps-kaartje of iframe met een locatie.
Controleer of de pagina een duidelijke structuur heeft.
Zorg dat de call-to-action opvalt.
Houd de stijl consistent: gebruik hetzelfde lettertype en kleurenpalet.
Aan het einde van de les bespreek je jouw landingpage met een klasgenoot:
Wat valt als eerste op aan de pagina?
Is de call-to-action duidelijk zichtbaar?
Welke uitbreidingen zijn toegepast?
Zou jij overtuigd worden door deze pagina? Waarom (niet)?
👉 Schrijf ook hier minimaal 1 top en 1 tip voor je klasgenoot en noteer die onderaan je landingpage.
✅ Eindresultaat: Jij hebt een mini landingpage gemaakt met Breakdance die bezoekers overtuigt.
👑 Inleveren: Kopieer de URL van jouw landingpage (gebruik de frontend editie, niet de preview) en plak die bij deze les in Simulise.