koopreynders/rode-kruis-campaign-website

Ontwerp en maak een Responsive Campagne website

Beschrijving (context)

Het Rode Kruis start een nieuwe campagne voor Nationaal Actieplan Coronavirus. Hiervoor is de komende twaalf maanden ruim 30 miljoen euro nodig.

De campagne bestaat uit posters, radio spotjes en een actie-website waarop mensen zich kunnen aanmelden om te doneren. Aan jou de taak de actie-website te maken.

Nederland wordt geconfronteerd met een ongekende crisis die vraagt om een ongekend antwoord. Voor het Nederlandse Rode Kruis betekent dit de grootste hulpoperatie sinds de Watersnoodramp. Vanaf het begin van deze crisis draaien onze hulpverleners overuren om de meest kwetsbaren te helpen en zorgpersoneel te ondersteunen.

De medische, sociale en economische gevolgen van de coronacrisis treffen de hele samenleving en zullen dat voorlopig blijven doen. We maken ons daarom klaar om ook het komende jaar veel hulp te verlenen. In Nederland, waar we onze huidige activiteiten voortzetten. En in het Caribisch deel van het Koninkrijk, waar we onze hulp uitbreiden.

Opdrachtgever

Hulp aan mensen in nood. Daar staat het Rode Kruis voor. Dichtbij, als je op blaren loopt bij de Vierdaagse of als je je enkel verzwikt tijdens een hardloopwedstrijd. Als je je huis uit moet door een gaslek of als je in glas bent gaan staan bij een festival. Maar ook ver weg. Mensen die dierbaren zijn kwijtgeraakt toen ze op de vlucht sloegen voor geweld in hun dorp, of wiens huis is weggevaagd door een modderstroom.

Voor jou en voor hen staan we klaar. Met het grootste vrijwillige hulpverlenersnetwerk ter wereld is er altijd iemand bij je in de buurt. Om je te helpen als je dat nodig hebt.

Materiaal

• poster voorbeeld
• teksten (zie pdf)
• foto's
• logo en huisstijl document

Doel van deze opdracht

• Werkwijze toepassen
• Responsive (CSS) technieken toepassen
• Website testen in verschillende browsers en verbeteren
• Online zetten, presenteren en documenteren

Werkwijze

1. College over responsive design, layout, leesbaarheid en devices/scherm-groottes
2. Analyse bestaande responsive website in Breakpoint-graph uitwerken
3. Huisstijl analyse
4. Campagne website in Breakpoint-graph uitwerken
5. Responsive website coderen
6. Testen in verschillende devices + documenteren
7. Website online zetten presenteren + documenteren

Criteria

Niveau van deze taak

	Scaffolding	Description
a	Example	Uitgewerkt voorbeeld
b	Duplicate	Immitatietaak: Er worden voorbeelden van responsive websites gepresenteerd en er bestaat een grafisch voorbeeld, de poster.
c	Experiment	Taak zonder een specifiek doel
d	Extension	Aanvultaak
e	Autonomous	Taak zonder ondersteuning

Rode kruis = Er worden voorbeelden van responsive websites gepresenteerd en er bestaat een grafisch voorbeeld, de poster.