Webpage Design CMD

Bij de eerste opdracht van Vormgeving 2 stond het toepassen van een beeldtaal centraal. De bedoeling was om de beeldtaal van CMD toe te passen op een artikelpagina. De tekst was gegeven en zelf moest je onderzoek doen naar de beeldtaal van CMD. Er werd niet alleen gekeken naar hoe je de beeldtaal toe pastte maar ook hoe je dit deed op meerdere scherm groottes. Je moest laten zien hoe jij een responsive website ontwerpt en hoe je de breakpoints toepast. Hieronder staat het document gepresenteerd waar de breakpoints beschreven staan en de drie uiteindelijke schermontwerpen.

Mijn inbreng

Voordat ik ging ontwerpen ben ik eerst onderzoek gaan doen naar de beeldtaal van CMD. Al snel was te zien dat er gebruik gemaakt wordt van grote contrasten en harde kleuren. Dit gegeven wilde ik meenemen in mijn design en heb voor mezelf een kleurenpalet uitgekozen met voornamelijk geel, wit en donker grijs. Ook wilde ik iconen gebruiken waar het extra waarde zou toevoegen, bijvoorbeeld in het menu om zo een dicht hamburger menu te voorkomen.

Werkwijze

Na het doen van onderzoek heb ik al mijn bevindingen verzamelt en er een moodboard van gemaakt. Op deze manier had ik een goed overzicht voor mezelf om tot een design te komen. Ik ben eerst gaan schetsen en ben gaan kijken wat het beste werkt en hoe de content het beste gepresenteerd kan worden, daarbij heb ik ook nagedacht over de interactie. Ik heb dit uitgewerkt in Photoshop en ben daarin verder gaan itereren, welke kleur past het beste bij welk blok en hoe lijn ik elk stuk uit.

Verantwoording

Op de schermen is niet de interactie te zien met bijvoorbeeld het menu of de zoekbalk. Dit wilde ik wel graag laten zien dus heb ik de interactie uitgewerkt en gepresenteerd in een document. In dit document heb ik ook een overzicht weergegeven van alle schermen. Op deze manier kon ik goed mijn werk presenteren aan de docent en had de docent er een goed overzicht over.