Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening

Maat: px

Weergave met pagina beginnen:

Download "Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening"

Peter Thys
8 jaren geleden
Aantal bezoeken:

1 Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening houdt met verschillende behoeftes binnen je doelgroep.

2 Trek een kaartje met: 1. Doel 2. Doelgroep 3. Onderwerp (dit is een hoofd onderwerp en moet nader bepaalt worden door jezelf)

3 Stap 1 Research Jouw doel: zoek minstens 3 sites die ditzelfde doel nastreven en kijk welke elementen in het design dit doel ondersteunen maak screenshots van deze sites en benoem de elementen Jouw doelgroep: Ga je doelgroep beter leren kennen: maak een moodboard of board op pinterest van de leefwereld van jouw doelgroep. ( bv welke sites bezoeken ze, waar wonen ze, welke auto hebben ze, waar gaan ze op vakantie, welke boeken/tijdschriften lezen ze, wat eten ze enz.) Jouw onderwerp: Zoek naar allerhande beelden die iets te maken hebben met je onderwerp. Maak hiervan een moodboard of board on pinterest. Maak ook een mindmap over het onderwerp

doelgroep. ( bv welke sites bezoeken ze, waar wonen ze, welke auto hebben ze, waar gaan ze op vakantie, welke boeken/tijdschriften lezen ze, wat eten ze enz.

4 Stap 2. Kies een responsive design opmaak Maak een keuze uit onderstaande sites (die allemaal een grote visual op home hebben) om je responsive design op te baseren Jouw ontwerp moet je uiteindelijk laten zien op de volgende formaten I phone 320 x 480 i pad 728 x 1024 ( staand) i mac ( background!)

responsive design op te baseren. http://bradfrostweb.com/ http://trentwalton.com/ http://yiibu.com/ http://www.cacaotour.

6 Stap 3 maak een schets van de homepage en een vervolgpagina (gebaseerd op je gekozen responsive design) waarop alle elementen staan die op je site te zien zijn. Hou daarbij rekening met de MBTI- types, zodat alle types allemaal bediend worden. Elementen die in ieder geval op de homepage moeten komen zijn: logo Navigatie menu bestaande uit 6 buttons één call to action button (tekst: Pak nu je kans of verzin het zelf) Een grote visual slogan ( Surpisingly Ordinary, Verrassend Voordelig, Een beetje vreemd maar wel lekker, Beleef en ervaar!.of bedenk zelf) footer stukje tekst ( background

7 Elementen die in ieder geval op de vervolg pagina moeten komen zijn: logo navigatie menu ( met 6 elementen) subnavigatie ( met 5 elementen) footer content : tekst / foto / video

8 Stap 4 - huisstijl ontwerp (overall sfeer ) Logo Font ( denk ook aan slogan) Kleuren buttons ( verschillende soorten buttons call to action normal- minder belangrijk) Stijl en sfeer Background Je maakt 3 verschillende huisstijlen! Daaruit kies je er uiteindelijk 1 om mee verder te gaan

normal- minder belangrijk) Stijl en sfeer Background Je maakt 3

9 Stap 5 - Main Visual Je maakt een main visual op basis van echte materialen zoals verf, potlood, papier, klei, breiwerk, borduren enz! Dus niet in photoshop gaan maken van allerlei foto s en filters Pas daarna fotografeer je het en kun je het ev verder bewerken in photoshop. Doe eerst onderzoek naar verschillende soorten illustraties en kies bewust een bepaalde compositie! Voor inspiratie zie

Dus niet in photoshop gaan maken van allerlei foto s en filters Pas daarna fotografeer je het en kun je het ev

10 Stap 6 - Definitief ontwerp Dit maak je in 3 formaten (!) je moet bij jouw design kunnen vertellen waarom je wat hebt gedaan en waar je allemaal rekening mee hebt gehouden Schrijf hier een stukje tekst over. Rekening gehouden met oa: welke sfeer afgestemd op je doelgroep en doel heb je gekozen waarom deze visual en compositie? button gebruik ( verschillende soorten buttons) duidelijke huisstijl ontwikkelen (oa. kleuren en typografie) typografie keuze pagina vouw

11 Concreet lever je op: Blog met 7 onderdelen 1. Matrix beoordelen design + Tekst over Wat is goed webdesign week 1 2. Research ( 3 onderdelen) week 2 3. Functioneel ontwerp week 3 4. Huisstijl ( 3 varianten) week Main visual week 6 6. Definitief ontwerp met toelichting week 7 7. Overige opdrachten tijdens de lessen Mail de blognaam de tweede week naar a.pesch@hva.nl Vermeld duidelijk je volledige naam en klas op je blog en ook in je mail naar mij toe Voorbeeld blog

Definitief ontwerp met toelichting week 7 7. Overige opdrachten tijdens de lessen Mail de blognaam de tweede week naar a.

12 Je eindcijfer wordt bepaald door 1. Onderdeel 1 tekst + 2. Onderdeel 2 research + 3. Onderdeel 3 functioneel ontwerp + 4. Onderdeel 4 huisstijl 30% 5. Onderdeel 5 main visual 20 % 6. Onderdeel 6 def ontwerp 40 % 7. Onderdeel 7 tijdens les 10 % Afwezigheid Fjdens de lessen zal in geval van twijfel de beoordeling negafef beïnvloeden.

Onderdeel 5 main visual 20 % 6. Onderdeel 6 def ontwerp 40 % 7.

Vergelijkbare documenten

Trek een kaartje met: 1. Doel 2. Doelgroep 3. Onderwerp (dit is een globaal onderwerp en moet door jezelf nader worden bepaald)

Trek een kaartje met: 1. Doel 2. Doelgroep 3. Onderwerp (dit is een globaal onderwerp en moet door jezelf nader worden bepaald) Opdracht: Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening houdt met verschillende behoeftes binnen je