Sprint 2

The client website

Week 1

Woensdag 25 september

Wat heb je gedaan?

1. SITEMAP Ik heb een sitemap gemaakt voor de website van Veronica. Ik heb me hierbij gericht op de sitemap vanaf de programma pagina, omdat dit de pagina is waar ik me van de opdrachtgever op moet richten:

2. SCHETSEN & WIREFRAMES Ik heb verschillende schetsen en wireframes gemaakt voor de programmering pagina van radio Veronica. Ik heb begonnen met het onderzoeken van de huidige pagina, zie onderstaand screenshot. Hierin vielen me een aantal dingen op, namelijk:

• Er wordt vaak herhaald wie de DJ is

• Er wordt vaak herhaald hoe laat een programma is

• De link vanaf de card, laat niet/nauwelijks extra informatie is

• 

Op basis van deze informatie ben ik aan de slag gegaan met het herontwerpen van de cards, zie hier mijn schetsen:

Op papier:

Wireframes:

Figma:

• https://www.figma.com/design/4i3L1RyzBQJ9AQWtMKp1Zr/Mediahuis-Gids-Design?node-id=0-1&t=CJ7gJs3u5O4sVBBe-1

Iteraties op de cards:

• 

Wireframes:

• 

3. BREAKDOWN SCHETS

Voor mobiel heb ik de eerste breakdown schets gemaakt:

• 

Wat heb je geleerd?

1. Ik heb geleerd wat een sitemap is, en hoe je deze kunt maken --> zie punt 1. van vandaag
2. Ik heb geleerd dat in een article element meerdere article elementen genest kunnen worden --> dit heb ik toegepast in de breakdown schets. De programma cards zijn op zichzelf articles en genest in een parent article element.

Leervragen

1. Kun je in de HTML een h1 plaatsen, en deze met CSS eruit laten zien als de andere h2 elementen
2. Hoe maak je een hamburger menu in HTML?
3. Hoe maak een tijd slider met de huidige tijd in HTML?

Wat ga je nu doen?

Ik ga aan de slag met de HTML structuur: https://github.com/julia-stevens/the-client-website/issues/1