IO wireframes kelele v10

441 views
344 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
441
On SlideShare
0
From Embeds
0
Number of Embeds
69
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

IO wireframes kelele v10

  1. 1. IF PRODUCTIONS KELELE INTERACTIE ONTWERP Versie 1.0 Datum 6 June 2010 Auteur Han van de Werken Thomas van Sante
  2. 2. Inhoud Inhoud 2 01 Flow 3 1.1 Flow 4 02 Wireframes 5 2.1.1 Landing page (niet ingelogd) 6 2.1.2 Landing page (ingelogd zonder ingezonden project) 7 2.1.3 Landing page (ingelogd met ingezonden project) 8 2.2 Over Kelele 9 2.3 Overview page - productie fases algemeen 10 2.4.1 Detail pagina - detail fase (ingelogd) 11 2.4.2 Detail pagina - detail fase (niet ingelogd) 12 2.5 Detail pagina - project pagina 13 2.6 Aanmeldings formulier 14 03 Navigatie 15 2.1 Main menu 16 2.2 Fat footer 17 IF Productions Kelele Interactie Ontwerp v0.2 6 June 2010 | Communicatie en Multimedia Design 2
  3. 3. 01 FLOW IF Productions Kelele Interactie Ontwerp v0.2 6 June 2010 | Communicatie en Multimedia Design 3
  4. 4. 1.1 Flow 10 tot 20 procent 90 tot 80 procent nieuw komers terug komende bezoekers aanmelden = commentarieren & projecten indienen homepage eenmaal aangemeld zonder homepage aanmelding zonder = observeren fase 1 fase 2 fase 3 fase 4 fase 5 fase 6 aanmelding presentatie presentatie inzendingen inzendingen inzendingen inzendingen inzendingen inzendingen kelele 6 fases paginas die altijd te bereiken zijn footer social organisa- laatste laatste Kelewiki contact laatste media tie inzendin- com- bibliotheek ed. tweets IF Productions Kelele Interactie Ontwerp v1.0 (uitgang) ed. gen ments 6 June 2010 | Communicatie en Multimedia Design
  5. 5. 02 WIREFRAMES IF Productions Kelele Interactie Ontwerp v0.2 6 June 2010 | Communicatie en Multimedia Design 5
  6. 6. 2.1.1 Landingpage (niet ingelogd) 1280 1024 1024 1280 inloggen gebruikersnaam wachtwoord logo kelele aanmelden log in wachtwoord vergeten? ANNOTATIES Home Over Kelele Productie Fases Toelichting: wat doet deze pagina? Briefing Concept Vormgeving Software Hardware Promotie 1. Een caroussel. Deze bestaat uit 3 a 4 visuals die zijn voorzien van een koptekst en 1 a 2 onderschrift titels (link naar dieper liggende 1 Promotie tekst pagina’s) 2. Navigatie van de caroussel - Actie punt 1 3. Deze 3 knoppen zijn triggers, om bezoekers die voor de eerste visuals die het platform moeten - Actie punt 2 keer op de website komen direct naar de juiste pagina te sturen. ondersteunen - Actie punt 3 2 3 Actie knop/Visual Actie knop/Visual Actie knop/Visual dat dat door linkt naar dat door linkt naar door linkt naar het de uitleg over het productie fases aanmeld formulier. platform van Kelele. 768 Recent toegevoegde projecten Recente comments Recente Tweets fase 4 Bert Geussen Hannie Boom heeft gereageer op het #kelele Wat een fantastisch heeft het project: project Briefing TopTrans initiatief is dit toch. 13:34uur Applicatie Groen an hour ago an hour ago 20 mei 2010 toegevoegd. Hannie Boom heeft gereageer op het #kelele Wat een fantastisch fase 1 Angela Jansen project Briefing TopTrans initiatief is dit toch. heeft het project: an hour ago an hour ago 13:34uur Briefing TopTrans Hannie Boom heeft gereageer op het 1024 20 mei 2010 toegevoegd. project Briefing TopTrans #kelele Wat een fantastisch an hour ago initiatief is dit toch. fase 2 Peter de Boer an hour ago heeft het project: Hannie Boom heeft gereageer op het 13:34uur Concept Bloedvrij project Briefing TopTrans 20 mei 2010 #kelele Wat een fantastisch an hour ago toegevoegd. initiatief is dit toch. an hour ago > meer recente projecten > meer recente comments > meer recente tweets Kelele Twiki Volg Kelele overal Vind hier al uw antwoorden en stel uw vragen over de problematiek in Congo. Ga naar Twiki Algemene voorwaarden - Disclaimer - Contact IF Productions Kelele Interactie Ontwerp v1.0 6 June 2010 | Communicatie en Multimedia Design 6
  7. 7. 2.1.2 Landingpage (ingelogd zonder ingezonden project) 1280 1024 1024 1280 Hoi Han van de Werken logo kelele Uitloggen ANNOTATIES Home Over Kelele Productie Fases Toelichting: wat doet deze pagina? 2 1. Deze button brengt mensen naar de overview pagina van de productiefases. visual 2. Een visual die de pagina ondersteunt. Ga direct aan de slag. Bekijk hier wat JIJ kan betekenen voor een eerlijk productie proces voor mobiele telefoons. 1 De verschillende productie fases Mijn Projecten Als je projecten hebt ingzonden zullen deze op deze plek verschijnen. 768 Recent toegevoegde projecten Recente comments Recente Tweets fase 4 Bert Geussen Hannie Boom heeft gereageer op het #kelele Wat een fantastisch heeft het project: project Briefing TopTrans initiatief is dit toch. 13:34uur Applicatie Groen an hour ago an hour ago 20 mei 2010 toegevoegd. Hannie Boom heeft gereageer op het #kelele Wat een fantastisch fase 1 Angela Jansen project Briefing TopTrans initiatief is dit toch. heeft het project: an hour ago an hour ago 13:34uur Briefing TopTrans Hannie Boom heeft gereageer op het 1024 20 mei 2010 toegevoegd. project Briefing TopTrans #kelele Wat een fantastisch an hour ago initiatief is dit toch. fase 2 Peter de Boer an hour ago heeft het project: Hannie Boom heeft gereageer op het 13:34uur Concept Bloedvrij project Briefing TopTrans 20 mei 2010 #kelele Wat een fantastisch an hour ago toegevoegd. initiatief is dit toch. an hour ago > meer recente projecten > meer recente comments > meer recente tweets Kelele Twiki Volg Kelele overal Vind hier al uw antwoorden en stel uw vragen over de problematiek in Congo. Ga naar Twiki Algemene voorwaarden - Disclaimer - Contact IF Productions Kelele Interactie Ontwerp v1.0 6 June 2010 | Communicatie en Multimedia Design 7
  8. 8. 2.1.3 Landingpage (ingelogd met ingezonden project) 1280 1024 1024 1280 Hoi Han van de Werken logo kelele Uitloggen ANNOTATIES Home Over Kelele Productie Fases Toelichting: wat doet deze pagina? 1. Als je op deze pagina komt, zal de eerste fase standaard openstaan. Als je een andere fases wilt openen (als men hier visual een project voor heeft ingezonden) zal deze bij een rollover openklappen. 2. Deze fase is dichtgeklapt. Deze zal openen als je er met je muis overheen rolt. Mijn Projecten Fase 2 1 Deadline 6 dagen : 2 uur : 23 minuten : 2 seconde Project: Green Package Project: Green Package door: Frits Huizinga door: Frits Huizinga 25 mei 2010 25 mei 2010 Comments: 12 Comments: 12 Like 45 Dislike 5 768 Like 45 Dislike 5 Fase 6 2 Deadline 25 dagen : 8 uur : 23 minuten : 2 seconde Recent toegevoegde projecten Recente comments Recente Tweets 1024 fase 4 Bert Geussen Hannie Boom heeft gereageer op het #kelele Wat een fantastisch heeft het project: project Briefing TopTrans initiatief is dit toch. 13:34uur Applicatie Groen an hour ago an hour ago 20 mei 2010 toegevoegd. Hannie Boom heeft gereageer op het #kelele Wat een fantastisch fase 1 Angela Jansen project Briefing TopTrans initiatief is dit toch. heeft het project: an hour ago an hour ago 13:34uur Briefing TopTrans Hannie Boom heeft gereageer op het 20 mei 2010 toegevoegd. project Briefing TopTrans #kelele Wat een fantastisch an hour ago initiatief is dit toch. fase 2 Peter de Boer an hour ago heeft het project: Hannie Boom heeft gereageer op het 13:34uur Concept Bloedvrij project Briefing TopTrans 20 mei 2010 #kelele Wat een fantastisch an hour ago toegevoegd. initiatief is dit toch. an hour ago > meer recente projecten > meer recente comments > meer recente tweets Kelele Twiki Volg Kelele overal Vind hier al uw antwoorden en stel uw vragen over de problematiek in Congo. IF Productions Kelele Interactie Ontwerp v0.2 IF Productions Kelele Interactie Ontwerp v1.0 Ga naar Twiki 6 June 2010 | Communicatie en Multimedia Design 8
  9. 9. 2.2 Over Kelele 1280 1024 1024 1280 Hoi Han van de Werken logo kelele Uitloggen ANNOTATIES Home Over Kelele Productie Fases Toelichting: wat doet deze pagina? 1. tekst en visuele uitleg over Kelele 1 Over Kelele • Duis a risus nec felis fermentum porta. • Etiam vitae nisi sed sem elementum dignissim. visual • Proin feugiat ligula ut neque molestie pellentesque. • Aenean a arcu at ipsum iaculis iaculis. • Suspendisse id arcu in nunc pharetra laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porta malesuada tellus, sit amet faucibus sem cursus sit amet. Nunc sed iaculis risus. Curabitur id metus libero. Ut sapien justo, eleifend tempus rutrum malesuada, feugiat nec erat. Vivamus egestas metus eu erat vulputate eget malesuada orci malesuada. Nam tempor facilisis eleifend. Nunc sed nisi turpis, et euismod nulla. Nullam tristique mauris sagittis massa ultricies blandit. Vestibulum consequat augue a nibh malesuada viverra. Proin ac odio purus. Fusce sollicitudin, nunc nec hendrerit aliquet, elit sapien accumsan arcu, feugiat aliquet dui eros et diam. Nam at odio tortor, sit amet venenatis massa. 768 Recent toegevoegde projecten Recente comments Recente Tweets fase 4 Bert Geussen Hannie Boom heeft gereageer op het #kelele Wat een fantastisch heeft het project: project Briefing TopTrans initiatief is dit toch. 13:34uur Applicatie Groen an hour ago an hour ago 20 mei 2010 toegevoegd. Hannie Boom heeft gereageer op het #kelele Wat een fantastisch fase 1 Angela Jansen project Briefing TopTrans initiatief is dit toch. heeft het project: an hour ago an hour ago 13:34uur Briefing TopTrans Hannie Boom heeft gereageer op het 1024 20 mei 2010 toegevoegd. project Briefing TopTrans #kelele Wat een fantastisch an hour ago initiatief is dit toch. fase 2 Peter de Boer an hour ago heeft het project: Hannie Boom heeft gereageer op het 13:34uur Concept Bloedvrij project Briefing TopTrans 20 mei 2010 #kelele Wat een fantastisch an hour ago toegevoegd. initiatief is dit toch. an hour ago > meer recente projecten > meer recente comments > meer recente tweets Kelele Twiki Volg Kelele overal Vind hier al uw antwoorden en stel uw vragen over de problematiek in Congo. Ga naar Twiki Algemene voorwaarden - Disclaimer - Contact IF Productions Kelele Interactie Ontwerp v1.0 6 June 2010 | Communicatie en Multimedia Design 9
  10. 10. 2.3 Overview pagina - productie fases algemeen 1280 1024 1024 1280 inloggen gebruikersnaam wachtwoord logo kelele aanmelden log in wachtwoord vergeten? ANNOTATIES Home Over Kelele Productie Fases Toelichting: wat doet deze pagina? Briefing Concept Vormgeving Software Hardware Promotie 1. Uiteg hoe de 6 productiefases precies werken. Waarom 6 productie fases? En hoe pakken we dit aan? 2. Een element dat de laatste nieuws berichten (deadline tijd, comments en aantal ingezonden projeten laat zien) 1 De navigatie bestaat uit buttons onderin het element. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel ante nisl, eget interdum nisi. Donec porta sagittis neque et porta. Mauris non hendrerit odio. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla eu suscipit justo. Curabitur quis neque quis enim volutpat ultrices. Integer sit amet velit elit. Cras lobortis odio eu orci sollicitudin ut eleifend odio suscipit. Fusce iaculis neque in erat vestibulum volutpat. Aenean vel sagittis sapien. Nunc varius, purus et pulvinar consequat, dui tellus posuere orci, ut faucibus ante quam non augue. 2 Fase 2 Deadline: 13 dagen 6uur : 12min : 23sec Concept Comments: 13 Projecten: 36 ingezonden Fase 1 Fase 2 Fase 3 Fase 4 Fase 5 Fase 6 Briefing Concept Vormgeving Hardware Software Promotie 768 Recent toegevoegde projecten Recente comments Recente Tweets fase 4 Bert Geussen Hannie Boom heeft gereageer op het #kelele Wat een fantastisch heeft het project: project Briefing TopTrans initiatief is dit toch. 13:34uur Applicatie Groen an hour ago an hour ago 20 mei 2010 toegevoegd. Hannie Boom heeft gereageer op het #kelele Wat een fantastisch fase 1 Angela Jansen project Briefing TopTrans initiatief is dit toch. heeft het project: an hour ago an hour ago 13:34uur Briefing TopTrans Hannie Boom heeft gereageer op het 1024 20 mei 2010 toegevoegd. project Briefing TopTrans #kelele Wat een fantastisch an hour ago initiatief is dit toch. fase 2 Peter de Boer an hour ago heeft het project: Hannie Boom heeft gereageer op het 13:34uur Concept Bloedvrij project Briefing TopTrans 20 mei 2010 #kelele Wat een fantastisch an hour ago toegevoegd. initiatief is dit toch. an hour ago > meer recente projecten > meer recente comments > meer recente tweets Kelele Twiki Volg Kelele overal Vind hier al uw antwoorden en stel uw vragen over de problematiek in Congo. Ga naar Twiki Algemene voorwaarden - Disclaimer - Contact IF Productions Kelele Interactie Ontwerp v1.0 6 June 2010 | Communicatie en Multimedia Design 10
  11. 11. 2.4.1 Detail pagina - detail fase (ingelogd) 1280 1024 1024 1280 Hoi Han van de Werken logo kelele Uitloggen ANNOTATIES Home Over Kelele Productie Fases Toelichting: wat doet deze pagina? Fase 1 Briefing Fase 2 Concept Fase 3 Vormgeving Fase 4 Software Fase 5 Hardware Fase 6 Promotie 1. Een klok die aftelt tot aan de deadline 1 Concept ontwikkeling Deadline 21 dagen, 9 uur : 46 minuten : 2 seconde 2. Een uitgebreide uitleg van de fase. Ondersteunt met filmpjes en foto’s. 2 3. Button waar je op klikt om je eigen project aan de desbetreffende fase toe te voegen. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vehicula justo eget metus egestas et pharetra neque 4. Overzicht van alle ingezonden projecten die ingezonden zijn bij de auctor. Quisque dictum ligula a augue pharetra at feugiat desbetreffende fase. turpis aliquam. Integer et nisl ac nisl scelerisque faucibus 5. Als je ingelogd bent kan je comments geven op de desbetreffende vitae ut elit. Aenean viverra egestas ante, in aliquet massa fase. hendrerit et. Sed tristique dapibus odio, viverra tristique 16:9 6. Hier zie je welke leden op dat moment online zijn. odio semper a. Donec ac est elit. Aenean non neque mi. Cras lacus nunc, lobortis non mollis at, hendrerit sed lorem. 7. Hieronder bevind zich nog de fat footer. (niet afgebeeld. zie 2.2) Quisque ullamcorper tellus et sem pulvinar id tincidunt orci mattis. Proin odio tortor, vehicula in iaculis vitae, scelerisque a nisl. Nulla elementum, nisi ac vulputate interdum, diam. 2:04/5:23 3 Plaats een Project Projecten (3) allemaal meeste stemmen meeste comments 4 768 Project: Green Package Project: Green Package Project: Green Package door: Frits Huizinga door: Frits Huizinga door: Frits Huizinga 25 mei 2010 25 mei 2010 25 mei 2010 Comments: 12 Comments: 12 Comments: 12 Like 45 Dislike 5 Like 45 Dislike 5 Like 45 Dislike 5 1024 Discussie 5 6 Gebruikers online Voeg je comment toe Hannie Boom jou tekst... Voeg toe Joost Jansen Sjon Tuin geplaast op: 13 mei 2010 om 16:45uur Harrie Mensen Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vehicula justo eget metus egestas et pharetra neque Hannie Boom auctor. Quisque dictum ligula a augue pharetra at feugiat Joost Jansen Joost Boosten turpis aliquam. Sjon Tuin Harrie Mensen 7 IF Productions Kelele Interactie Ontwerp v1.0 6 June 2010 | Communicatie en Multimedia Design 11
  12. 12. 2.4.2 Detail page - detail fase (niet ingelogd) 1280 1024 1024 1280 inloggen gebruikersnaam wachtwoord logo kelele aanmelden log in wachtwoord vergeten? ANNOTATIES Home Over Kelele Productie Fases Toelichting: wat doet deze pagina? Fase 1 Briefing Fase 2 Concept Fase 3 Vormgeving Fase 4 Software Fase 5 Hardware Fase 6 Promotie 1. Deze zin wordt getoond als een gebruiker niet is ingelogd. Alleen Concept ontwikkeling Deadline 21 dagen, 9 uur : 46 minuten : 2 seconde als je ingelogd bent kan je een project plaatsen 2. Deze zin wordt getoond als een gebruiker niet is ingelogd. Alleen als je ingelogd bent kan je een comment plaatsen 3. Hieronder bevind zich nog de fat footer. (niet afgebeeld. zie 2.2) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vehicula justo eget metus egestas et pharetra neque auctor. Quisque dictum ligula a augue pharetra at feugiat turpis aliquam. Integer et nisl ac nisl scelerisque faucibus vitae ut elit. Aenean viverra egestas ante, in aliquet massa hendrerit et. Sed tristique dapibus odio, viverra tristique 16:9 odio semper a. Donec ac est elit. Aenean non neque mi. Cras lacus nunc, lobortis non mollis at, hendrerit sed lorem. Quisque ullamcorper tellus et sem pulvinar id tincidunt orci mattis. Proin odio tortor, vehicula in iaculis vitae, scelerisque a nisl. Nulla elementum, nisi ac vulputate interdum, diam. 2:04/5:23 1 Plaats je project. Log in bij Kelele of meld je aan. Projecten (3) allemaal meeste stemmen meeste comments 768 Project: Green Package Project: Green Package Project: Green Package door: Frits Huizinga door: Frits Huizinga door: Frits Huizinga 25 mei 2010 25 mei 2010 25 mei 2010 Comments: 12 Comments: 12 Comments: 12 Like 45 Dislike 5 Like 45 Dislike 5 Like 45 Dislike 5 1024 Discussie 2 Gebruikers online Laat een comment achter. Log in bij Kelele of meld je aan. Hannie Boom Joost Jansen geplaast op: 13 mei 2010 om 16:45uur Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sjon Tuin Integer vehicula justo eget metus egestas et pharetra neque Harrie Mensen auctor. Quisque dictum ligula a augue pharetra at feugiat Joost Boosten turpis aliquam. Hannie Boom Joost Jansen Sjon Tuin 3 Harrie Mensen IF Productions Kelele Interactie Ontwerp v1.0 6 June 2010 | Communicatie en Multimedia Design 12
  13. 13. 2.5 Detail pagina - detail project 1280 1024 1024 1280 inloggen gebruikersnaam wachtwoord logo kelele aanmelden log in wachtwoord vergeten? ANNOTATIES Home Over Kelele Productie Fases Toelichting: wat doet deze pagina? Fase 1 Briefing Fase 2 Concept Fase 3 Vormgeving Fase 4 Software Fase 5 Hardware Fase 6 Promotie terug naar overview 1. Detail pagina voor het project. Uitleg door middel van tekst/video/ 2 plaatjes. Project 1 Ingestuurd 23 mei 2010 17.34uur 2. De tijd van inzending 3. Plaats waar specifieke comments gepost kunnen worden met 1 betrekking op dit project. 4. Hieronder bevind zich nog de fat footer. (niet afgebeeld. zie 2.2) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vehicula justo eget metus egestas et pharetra neque auctor. Quisque dictum ligula a augue pharetra at feugiat turpis aliquam. Integer et nisl ac nisl scelerisque faucibus vitae ut elit. Aenean viverra egestas ante, in aliquet massa hendrerit et. Sed tristique dapibus odio, viverra tristique 16:9 odio semper a. Donec ac est elit. Aenean non neque mi. Cras lacus nunc, lobortis non mollis at, hendrerit sed lorem. Quisque ullamcorper tellus et sem pulvinar id tincidunt orci mattis. Proin odio tortor, vehicula in iaculis vitae, scelerisque a nisl. Nulla elementum, nisi ac vulputate interdum, diam. 2:04/5:23 768 Comments Voeg je comment toe jou tekst... Voeg toe 3 geplaast op: 13 mei 2010 om 16:45uur 1024 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vehicula justo eget metus egestas et pharetra neque auctor. Quisque dictum ligula a augue pharetra at feugiat Joost Boosten turpis aliquam. geplaast op: 13 mei 2010 om 16:45uur Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vehicula justo eget metus egestas et pharetra neque auctor. Quisque dictum ligula a augue pharetra at feugiat Joost Boosten turpis aliquam. 4 IF Productions Kelele Interactie Ontwerp v1.0 6 June 2010 | Communicatie en Multimedia Design 13
  14. 14. 2.5 Aanmeldings formulier 1280 1024 1024 1280 inloggen gebruikersnaam wachtwoord logo kelele aanmelden log in wachtwoord vergeten? ANNOTATIES Home Over Kelele sluiten Productie Fases Toelichting: wat doet deze pagina? Briefing Concept Vormgeving Software Hardware Promotie Aanmeldings formulier voor Kelele 1. Voornaam: Promotie tekst Achternaam: - Actie punt 1 visuals die het Email adres: - Actie punt 2 platform moeten ondersteunen - Actie punt 3 Wachtwoord: Herhaal wachtwoord: ik heb alle algemene voorwaarden en gelezen, begrepen en geaccepteerd. Actie knop/Visual Actie knop/Visual Actie knop/Visual dat dat door linkt naar dat door linkt naar door linkt naar het Aanmelden de uitleg over het productie fases aanmeld formulier. platform van Kelele. 768 Recent toegevoegde projecten Recente comments Recente Tweets fase 4 Bert Geussen Hannie Boom heeft gereageer op het #kelele Wat een fantastisch heeft het project: project Briefing TopTrans initiatief is dit toch. 13:34uur Applicatie Groen an hour ago an hour ago 20 mei 2010 toegevoegd. Hannie Boom heeft gereageer op het #kelele Wat een fantastisch fase 1 Angela Jansen project Briefing TopTrans initiatief is dit toch. heeft het project: an hour ago an hour ago 13:34uur Briefing TopTrans Hannie Boom heeft gereageer op het 1024 20 mei 2010 toegevoegd. project Briefing TopTrans #kelele Wat een fantastisch an hour ago initiatief is dit toch. fase 2 Peter de Boer an hour ago heeft het project: Hannie Boom heeft gereageer op het 13:34uur Concept Bloedvrij project Briefing TopTrans 20 mei 2010 #kelele Wat een fantastisch an hour ago toegevoegd. initiatief is dit toch. an hour ago > meer recente projecten > meer recente comments > meer recente tweets Kelele Twiki Volg Kelele overal Vind hier al uw antwoorden en stel uw vragen over de problematiek in Congo. Ga naar Twiki Algemene voorwaarden - Disclaimer - Contact IF Productions Kelele Interactie Ontwerp v1.0 6 June 2010 | Communicatie en Multimedia Design 14
  15. 15. 03 NAVIGATIE IF Productions Kelele Interactie Ontwerp v0.2 6 June 2010 | Communicatie en Multimedia Design 15
  16. 16. 3.1 Main menu 1280 1024 1024 1280 ANNOTATIES Niet ingelogd Toelichting: wat doet deze pagina? 1 1. Logo van Kelele 2 inloggen 2. Inlog venster waar je kunt inloggen, maar waar je je ook voor kunt gebruikersnaam wachtwoord aanmelden. logo kelele aanmelden wachtwoord vergeten? log in 3. De hoofd navigatie. Deze geeft je ingang tot de 2 belangrijkste 3 pagina’s van de website. De uitleg over Kelele en de Home Over Kelele Productie Fases Productiefases. De productie fase heeft een sub navigatie waar de verschillende fases op een rij staan. Briefing Concept Vormgeving Software Hardware Promotie 4. Als je ingelogd bent krijg je een persoonlijke verwelkoming en een manier om uit te loggen. Ingelogd 4 Hoi Han van de Werken logo kelele Uitloggen Home Over Kelele Productie Fases Briefing Concept Vormgeving Software Hardware Promotie IF Productions Kelele Interactie Ontwerp v1.0 768 1024 6 June 2010 | Communicatie en Multimedia Design 16
  17. 17. 3.2 Fat footer 1280 1024 1024 1280 ANNOTATIES Toelichting: wat doet deze pagina? 1. Hier worden de laatst toegevoegde projecten getoond 2. Hier worden de laatst geplaatste comments getoond 3. Hier worden de laatst verzonden tweets getoond 4. Dit is een ingang naar een externe website. Kelele Kwiki. Een platform/omgeving waar de gehele problematiek in Congo wordt beschreven en wordt uitgelegd. Deze wordt onderhouden door en voor geintresseerden. 5. Op deze plek kan je inloggen op een van de sociale netwerken en Kelele volgen. 6. Hier staan de standaard links die noodzakelijk zijn in een footer. 768 1 2 3 Recent toegevoegde projecten Recente comments Recente Tweets fase 4 Bert Geussen Hannie Boom heeft gereageer op het #kelele Wat een fantastisch heeft het project: project Briefing TopTrans initiatief is dit toch. 13:34uur Applicatie Groen an hour ago an hour ago 20 mei 2010 toegevoegd. Hannie Boom heeft gereageer op het #kelele Wat een fantastisch fase 1 Angela Jansen project Briefing TopTrans initiatief is dit toch. heeft het project: an hour ago an hour ago 13:34uur Briefing TopTrans Hannie Boom heeft gereageer op het 20 mei 2010 toegevoegd. project Briefing TopTrans #kelele Wat een fantastisch 1024 an hour ago initiatief is dit toch. fase 2 Peter de Boer an hour ago heeft het project: Hannie Boom heeft gereageer op het 13:34uur Concept Bloedvrij project Briefing TopTrans 20 mei 2010 #kelele Wat een fantastisch an hour ago toegevoegd. initiatief is dit toch. an hour ago > meer recente projecten > meer recente comments > meer recente tweets 4 5 Kelele Twiki Volg Kelele overal Vind hier al uw antwoorden en stel uw vragen over de problematiek in Congo. Ga naar Twiki 6 Algemene voorwaarden - Disclaimer - Contact IF Productions Kelele Interactie Ontwerp v1.0 6 June 2010 | Communicatie en Multimedia Design 17

×