Wireframes
Nadia Groenewald
HOMEPAGE Notes:
1
2 Logo
1
Hier komt het logo te staan, dit is ook een link naar de homepage
2
Hier komt de navigatie te staan met als onderdelen: Home, Info, Work, HKU en Contact.
3
Hier is ruimte voor een korte, introduceren en unieke tekst
4
Hier komt de foto van mezelf te staan
5
Onderaan staat de footer, hier staat een copyright teken en mijn naam
Navigatie
3 Content
4
Onafgehandelde zaken Foto
Veranderingen sinds laatste versie
5 Footer
Wireframe nummer 1 Naam: Nadia Groenewald Datum: 18 september Versie: 1
INFO-PAGE Notes:
1
2 Logo
1
Hier komt het logo te staan, dit is ook een link naar de homepage
2
Hier komt de navigatie te staan met als onderdelen: Home, Info, Work, HKU en Contact
3
Dit is de subnav, hier staan deze dingen in: Favoriete game, toelatingsopdracht en interview. Als de gebruiker hierop klikt springt hij ook naar het onderdeel
4
Hier staat de tekst van de onderdelen die in de subnav staan.
5
Onderaan staat de footer, hier staat een copyright teken en mijn naam
Navigatie
3
Subnav
4
Content
Onafgehandelde zaken
Veranderingen sinds laatste versie
5 Footer
Wireframe nummer 2 Naam: Nadia Groenewald Datum: 18 september Versie: 1
WORK-PAGE Notes:
1
2 Logo
1
Hier komt het logo te staan, dit is ook een link naar de homepage
2
Hier komt de navigatie te staan met als onderdelen: Home, Info, Work, HKU en Contact.
3
Hier is ruimte voor een korte en introduceren tekst
4
Hier komt een icoon te staan die de gebruiker naar mijn illustraties brengt
5
Hier komt een icoon te staan die de gebruiker naar mijn apps brengt
6
Onderaan staat de footer, hier staat een copyright teken en mijn naam
Navigatie
3
Content
4
5 Icoon Illustratie
Icoon Apps
Onafgehandelde zaken
Veranderingen sinds laatste versie
6 Footer
Wireframe nummer 3 Naam: Nadia Groenewald Datum: 18 september Versie: 1
HKU-PAGE Notes:
1
2 Logo
1
Hier komt het logo te staan, dit is ook een link naar de homepage
2
Hier komt de navigatie te staan met als onderdelen: Home, Info, Work, HKU en Contact.
3
Hier is ruimte voor een korte en introduceren tekst
4
Hier komt een icoon te staan die de gebruiker naar het logboek brengt
5
Hier komt een icoon te staan die de gebruiker naar het huiswerk brengt
6
Onderaan staat de footer, hier staat een copyright teken en mijn naam
Navigatie
3
Content
4
5 Icoon Logboek
Icoon Huiswerk
Onafgehandelde zaken
Veranderingen sinds laatste versie
6 Footer
Wireframe nummer 4 Naam: Nadia Groenewald Datum: 18 september Versie: 1
HUISWERK-PAGE Notes:
1
2 Logo
1
Hier komt het logo te staan, dit is ook een link naar de homepage
2
Hier komt de navigatie te staan met als onderdelen: Home, Info, Work, HKU en Contact.
3
Hier is ruimte voor een korte en introduceren tekst
4
Hier komen verschillende icoonen te staan die de gebruiker naar de desbetreffende pagina brengt,
5
Onderaan staat de footer, hier staat een copyright teken en mijn naam
Navigatie
4
4 Icoon Research
Icoon Tekenen
4
4 Icoon Animatie
Icoon Look ! Inspire
Onafgehandelde zaken
Veranderingen sinds laatste versie
5 Footer
Wireframe nummer 5 Naam: Nadia Groenewald Datum: 18 september Versie: 1
CONTACT PAGE Notes:
1
2 Logo
1
Hier komt het logo te staan, dit is ook een link naar de homepage
2
Hier komt de navigatie te staan met als onderdelen: Home, Info, Work, HKU en Contact.
3
Hier komt het formulier
4
Onderaan staat de footer, hier staat een copyright teken en mijn naam
Navigatie
3
Formulier
Onafgehandelde zaken
Veranderingen sinds laatste versie
4 Footer
Wireframe nummer 6 Naam: Nadia Groenewald Datum: 18 september Versie: 1
LOGBOEK-PAGE Notes:
1
2 Logo
1
Hier komt het logo te staan, dit is ook een link naar de homepage
2
Hier komt de navigatie te staan met als onderdelen: Home, Info, Work, HKU en Contact.
3
Dit is de subnav, hier staan deze dingen in: Week 1, Week 2, Week 3, etc. Als de gebruiker hierop klikt springt hij ook naar het onderdeel
4
Hier staat de tekst van de onderdelen die in de subnav staan.
5
Onderaan staat de footer, hier staat een copyright teken en mijn naam
Navigatie
3
Subnav
4
Content
Onafgehandelde zaken
Veranderingen sinds laatste versie
5 Footer
Wireframe nummer 7 Naam: Nadia Groenewald Datum: 18 september Versie: 1
Notes:
1
2 Logo
1
Hier komt het logo te staan, dit is ook een link naar de homepage
2
Hier komt de navigatie te staan met als onderdelen: Home, Info, Work, HKU en Contact.
3
Hier komen icoonen te staan die de gebruiker naar het gewenste vak brengt.
4
Onderaan staat de footer, hier staat een copyright teken en mijn naam
Navigatie
3
3 Icoon vak 1
Icoon vak 2
Onafgehandelde zaken
3
3 Icoon vak 3
Icoon vak 4 Veranderingen sinds laatste versie
4 Footer
Wireframe nummer 8 Naam: Nadia Groenewald Datum: 18 september Versie: 1
De volgende wireframes had ik gemaakt rond 1-7 september, en zijn niet volgens Dan Saffer. Ik wil ze alsnog laten zien. Het zijn allemaal schetsen van de homepage.
Header Nav Dropdown Dropdown
Foto
Header
Nav
Foto
Header Nav
Foto
Header
Nav
Nav
Nav
Foto
Nav
Nav
Nav
Header
Enter
Nav
Nav Logo?
Content
Nav
Nav
