Black History

Grid en Kleur
Project Overview
Een website ontworpen op basis van een kleur die me het meeste aansprak. Om een kleur te kiezen heb ik eerst een kleurenonderzoek gedaan en daar een onderwerp aan gekoppeld.

Ik heb gekeken naar de verschillende betekenissen ervan in verschillende culturen en ik merkte dat mijn voorkeur toch ging naar zwart. Omdat naast dat het mijn favoriete kleur is, ook interessante inzichten had.
Zoals dat in de westerse culturen zwart vaak als het kwaad wordt gezien en alles wat slecht is. Dit zie je bijvoorbeeld terug in onze taal. Zoals zwartrijden, zwart geld, zwart praten, iemand de zwarte piet toespelen en ga zo maar door. Ook zie je dit in films terug, de slechteriken zijn vaak zwart, denk maar aan Darth Vader van Star Wars.

Maar aan de andere kant zie je dat in Afrikaanse culturen zwart juist gezien wordt als kracht, volwassenheid en mannelijkheid.

Mijn onderwerp die ik hierop wilde gaan toepassen is Black history, omdat ik de laatste tijd vaak de black lives matter protesten heb voorbij zien komen omdat zwarte mensen structureel worden achtergesteld in bepaalde landen. Ik vond dit een mooie kans om belangrijke zwarte personen te laten zien die iets goeds hadden gedaan voor de samenleving in een website en hun kracht te laten zien.

Bekijk prototype om alle schermen te kunnen zien.
Vooronderzoek
Moodboard & Schetsen
Schetsen van de pagina's. Ik wilde veel repetitie in de schermen terug laten komen en dat de visuele hiërarchie sterk zou zijn, zodat de gebruiker van de site door de de site heen zou geloodst worden en niet hoefde na te denken. Hierdoor werden alle pagina's ook één geheel.
Moodboard & Schetsen
Om rust en structuur in de site aan te brengen ben ik gekomen op een grid van 12 units van 86px breed en een gutter van 40 pixels.

Hierdoor kreeg je als gebruiker het gevoel dat je een krant aan het lezen was. Er zit veel structuur in, waardoor ik de regels af een toe kon breken door componenten off grid te plaatsen en het niet storend zou zijn.
Nadat de styleguide was vastgesteld kon ik compontenten maken, om zo later de website als een puzzelstuk in elkaar te zetten. Omdat grid bestaat uit 12 units, kon ik veel variëren met de groottes.
Schermen
Contact