Opbouw

Wireframes (overzicht)

Hieronder staat de structuur van mijn website in wireframes. De focus ligt op inhoud, opbouw en doorverwijzingen tussen pagina’s.

Home

Overzicht + routing
Hero Titel + korte positionering
Profielfoto + knop “Meer over mij”
Preview: Gemeente Korte tekst + afbeelding
Knoppen: Gemeente / Log in / Registreren
Preview: Stage Korte tekst
Knoppen: Meer over mijn stage / Log in / Registreren
Footer Afsluiting

Dit ben ik

Persoonlijke verdieping
  • Intro (foto + korte tekst)
  • Hobbies & interesses
  • Ambities
  • Professionele vaardigheden (bullets)

Gemeente

Context stage
  • Intro gemeente
  • Hoe de gemeente werkt (uitleg + video)
  • De organisatie (afdelingen)
  • CTA: knop naar Stage

(Sub) Bevindingen

Analyse / TL-BMC
  • 2-koloms: TL-BMC analyse + overzicht
  • Kaarten: sociale / economische / ecologische laag
  • Advies (bullets)

Stage

Hoofdpagina
Intro Waar, rol en focus (kort)
Overzicht werkzaamheden Klikbare kaarten (Dagelijks / Analyse / Onderzoek / Data / etc.)
Detailblokken Meer info over werkzaamheden
CTA Knop: Ga naar Reflectie
Externe leerervaring Bezoek bij Sicco (VodafoneZiggo) + foto’s

(Sub) Reflectie

Competentiegroei
  • Intro: nul-, één- en tweemeting
  • Tabel met competenties + reden
  • Reflectietekst per fase
  • Downloads (optioneel)

Registreren

Toegang
  • Formulier: gebruikersnaam, naam, e-mail, wachtwoord
  • Knop: registreren

Log in

Toegang
  • Formulier: gebruikersnaam/e-mail + wachtwoord
  • Optie: mij herinneren
  • Knop: inloggen

Mijn account

Profielbeheer
  • Melding: (nog) geen toegang tot speciale content
  • Formulier: profielgegevens aanpassen
  • Knoppen: update + log uit
Userflow HOME ↓ Dit ben ik ↓ Gemeente ↓ Bevindingen ↓ Stage ↓ Reflectie Zijpad: Registreren / Log in → Mijn account (toegang tot content)

Wireframes en userflow met behulp van AI gemaakt.