Voor de module Creative Design heb ik ervoor gekozen om een website van de nederlandse politie te herconceptualiseren. Deze website, http://politieonderzoeken.nl/, is bedoeld om de politie te helpen bij openstaande onderzoeken. Ik vond het design oppervlakkig, koud en niet engagerend. Mijn aanpak probeert meer sympathie voor het slachtoffer te creëren, het publiek actief te engageren bij het onderzoek, en het meer toegankelijk te maken door gebruik te maken van HTML, CSS en Javascript.
Hoewel de website goed wordt weergegeven in alle browsers komt deze pas goed tot zijn recht in Safari 3, door het gebruik van CSS3.
Belangrijk in deze module was het creatieve proces. Dit bestond voor mij uit een aantal stappen, namelijk onderzoek, brainstorm, design en implementatie.
Ik heb uitgebreid onderzoek gedaan naar de doelen van de website, het probleem dat deze probeert op te lossen en het publiek dat het aanspreekt. Dit voorwerk was essentieel om het probleemdomein af te bakenen zodat ik me kon concentreren op de doelen die volgens mij essentieel waren bij deze website. De probleemanalyse en de daaruit volgende primaire en secundaire doelen zijn tevens beschreven in mijn rapport. Daarnaast heb ik veel relevant beeldmateriaal gezocht dat te maken had met de website. Hiervan heb ik een bibliotheek aan materiaal aangelegd waaruit ik inspiratie kon putten voor het latere design werk. Dit kwam goed van pas tijdens de uitwerking van een aantal ideeën.
Gedurende de brainstormfase heb ik een aantal schetsen gemaakt van pagina’s die, ieder afzonderlijk en gecombineerd, alle doelen zouden moeten verwezenlijken. Het voordeel van schetsen is dat je vrijer kunt werken dan wanneer je direct iets gaat maken; deze fase is erg waardevol geweest om extra ideeën te genereren.
Met het verzameld bronnenmateriaal en de schetsen ben ik vervolgens in Photoshop aan de slag gegaan om een aantal pagina’s uit te werken. Dit was een vrij tijdsrovend proces, omdat ik veel bewerkingen heb uitgevoerd op de afbeeldingen, net zolang totdat ze allemaal netjes integreerden tot een geheel. Normaal gesproken maak ik 1 ontwerp dat als sjabloon voor de rest van een website kan dienen, maar voor deze site heb ik elke pagina eerst volledig in Photoshop uitgewerkt. Dit draagt volgens mij bij aan een beter resultaat, waarin inhoud en presentatie volledig op elkaar zijn afgestemd.
Tot slot heb ik de pagina’s in HTML, CSS en Javascript opgezet. De tijdslijn pagina heeft veel werk gekost om volledig in het ontwerp te integreren. Hiervoor heb ik zelfs een aantal hacks op de SIMILE Timeline module moeten maken. De reactie pagina heb ik in Flash gemaakt, enerzijds om mezelf meer bekend met deze technologie te maken, en anderzijds omdat het concept van deze pagina nauwelijks in Javascript te maken zou zijn geweest, althans niet in de tijdsspanne van de module. Het idee hierachter is om een ballonnetje op te laten voor het slachtoffer, met daaraan een korte reactie. Ingezonden reacties zweven langzaam naar boven, van het scherm af.
Al met al was dit een leerzaam traject, waarin ik vooral aandacht heb kunnen besteden aan het creatief proces. Hierdoor kon ik losbreken van mijn normale werkwijze, en derhalve een aantal unieke ideeën kon genereren en uitwerken die ik normaal niet had kunnen uitvoeren.
My name is Jeroen Coumans, I'm a freelance web designer, front-end developer and Drupal ninja from the Netherlands. I love to create beautiful, usable and accessible websites. On this website, you can find my portfolio as well as my personal weblog. Interested in hiring me? I'd love to hear from you.
After completing my BA in Arts and Culture I'm now doing a MA in Communication and Multimedia Design. More …