lO Mo A RcPS D 26 6 83 34

lO Mo A RcPS D| 26 6 83 34 1 / 4

lO MoA RcP S D|2 6 68 33 4 Inhoud Samenvatting....................................................................................................................................3

• Inleiding.........................................................................................................................................4
• Analyse, beeldvorming en planning..............................................................................................5

2.1 Introductie...............................................................................................................................5 2.2 Beeldvorming..........................................................................................................................5 2.3 Planning..................................................................................................................................6

• Doelgroep, gebruikers en moodboard..........................................................................................6

3.1 Doelgroep................................................................................................................................6 3.2 Primaire gebruikers.................................................................................................................7 3.3 Secundaire gebruikers............................................................................................................7 3.4 Moodboard..............................................................................................................................7

• Userneeds, businessgoals en user stories...................................................................................8

4.1 User stories.............................................................................................................................8

• Informatiestructuur........................................................................................................................8
• Navigatiestructuur & Wireframes..................................................................................................9
• Grafisch ontwerp.........................................................................................................................10

7.1 Kleurenpalet..........................................................................................................................10 7.2 Font.......................................................................................................................................10

• HTML & CSS..............................................................................................................................11

Literatuurlijst...................................................................................................................................12

1 2 / 4

lO MoA RcP S D|2 6 68 33 4 Voorwoord Mijn naam is x, ik ben 23 jaar oud en woonachtig in Den Haag. Ik schrijf deze moduleopdracht voor het bedrijf waarin ik werkzaam ben: Typify/Volzin. Dit is een landelijk coaching- en re- integratiebureau waarin ik verantwoordelijk ben voor de (financiële) administratie.Momenteel zijn we bezig om een nieuwe huisstijl en website te ontwerpen die gelanceerd zal worden in maart 2022. Zodra dit gerealiseerd is zal ik verantwoordelijk zijn voor het bijhouden van de website én voor het beheer van de Social media. Om deze reden volg ik de opleiding HBO Online Communicatie & Social Media, waarvan de module Webdesign het eerste onderdeel is.Ik heb het geluk gehad om mee te mogen denken met de nieuwe ontwikkelingen en inspraak te hebben in het ontwerp van de nieuwe huisstijl. Dit heb ik als erg inspirerend en leerzaam ervaren en sloot goed aan bij de lesstof.Hoewel ik, jaren geleden, al gewerkt heb met HTML & CSS merkte ik dat er heel veel veranderd is sinds de komst van HTML5. Daardoor was de stof pittiger dan ik had verwacht. Echter is het me gelukt om het plezier erin weer terug te vinden. Via deze weg wil ik mijn docenten bedanken voor de informatieve lessen.Ik wens u veel leesplezier.

2 3 / 4

lO MoA RcP S D|2 6 68 33 4 Samenvatting In deze moduleopdracht staat het ontwerpen van een website centraal. Voor een zelfgekozen organisatie wordt door middel van vooronderzoek bepaald wat de behoeften zijn van de organisatie. In dit vooronderzoek komen verschillende vragen aan bod die bijvoorbeeld het doel en de doelgroep bepalen, maar die ook bepalen hoe de website er grafisch uit moet komen te zien. Dit heeft betrekking op de kleuren die worden gebruikt, maar ook op het gebruikersgemak.Iedere doelgroep heeft zijn eigen behoeften en een website moet hierop worden aangepast.De moduleopdracht bestaat uit de resultaten van dit vooronderzoek en de uiteindelijke uitwerking van een homepagina en één achterliggende pagina van de website in HTML & CSS. Omdat dit de module Webdesign is, staat het grafische ontwerp centraal. Belangrijk is om te ontdekken welke kleursamenstellingen passen bij het bedrijf en prettig zijn voor de gebruiker, welke informatie er het belangrijkst is en dus vooraan moet staan en op welke manier de website zo gebruikersvriendelijk mogelijk is ingedeeld.Omdat het bedrijf waarvoor ik deze moduleopdracht maak veel verschillende doelgroepen heeft, richt ik me voor deze opdracht op werkgevers (lees ook: bedrijven). Nog specifieker zal ik me richten op Duurzame Inzetbaarheid.“Duurzame inzetbaarheid is de mate waarin medewerkers productief, gemotiveerd en gezond willen en kunnen blijven werken, binnen of buiten de organisatie”.Het belangrijkste hierbij is dat ik heb moeten leren kijken door de ogen van een werkgever.Daarom was het formuleren van de doelgroep, en een ijkpersoon, een waardevolle opdracht. Dit heeft me geleerd om het werk waar ik me dagelijks mee bezighoud te bekijken van een hele andere kant en mezelf in de schoenen van een ander te plaatsen.

• / 4