IO wireframes kelele v10

17
Versie 1.0 Datum 6 June 2010 Auteur Han van de Werken Thomas van Sante IF PRODUCTIONS KELELE INTERACTIE ONTWERP

Transcript of IO wireframes kelele v10

Page 1: IO wireframes kelele v10

Versie 1.0Datum 6June2010Auteur HanvandeWerken ThomasvanSante

IFPRODUCTIONSKELELEINTERACTIEONTWERP

Page 2: IO wireframes kelele v10

IFProductionsKeleleInteractieOntwerpv0.26June2010 | CommunicatieenMultimediaDesign 2

Inhoud

Inhoud 2

01 Flow 31.1 Flow 4

02 Wireframes 52.1.1 Landingpage(nietingelogd) 6

2.1.2 Landingpage(ingelogdzonderingezondenproject) 7

2.1.3 Landingpage(ingelogdmetingezondenproject) 8

2.2 OverKelele 9

2.3 Overviewpage-productiefasesalgemeen 10

2.4.1 Detailpagina-detailfase(ingelogd) 11

2.4.2 Detailpagina-detailfase(nietingelogd) 12

2.5 Detailpagina-projectpagina 13

2.6 Aanmeldingsformulier 14

03 Navigatie 152.1 Mainmenu 16

2.2 Fatfooter 17

Page 3: IO wireframes kelele v10

IFProductionsKeleleInteractieOntwerpv0.26June2010 | CommunicatieenMultimediaDesign 3

01 FLOW

Page 4: IO wireframes kelele v10

1.1 Flow

paginas die altijd te bereiken zijn footer

homepagezonder

aanmelding

Kelewikibibliotheek

contact ed.

organisa-tieed.

laatste inzendin-

gen

laatste tweets

laatste com-ments

social media(uitgang)

presentatie 6 fases

presentatie kelele

homepage eenmaal aangemeld

fase 1 fase 3 fase 5fase 2 fase 4 fase 6

inzendingen inzendingen inzendingeninzendingen inzendingen inzendingen

10 tot 20 procent nieuw komers

90 tot 80 procent terug komende

bezoekers

zonder aanmelding

=observeren

aanmelden =

commentarieren & projecten indienen

IFProductionsKeleleInteractieOntwerpv1.06June2010 | CommunicatieenMultimediaDesign

Page 5: IO wireframes kelele v10

IFProductionsKeleleInteractieOntwerpv0.26June2010 | CommunicatieenMultimediaDesign 5

02 WIREFRAMES

Page 6: IO wireframes kelele v10

102

4

768

12801024 10241280

logo kelele

Briefing Concept Vormgeving Software Hardware Promotie

Over KeleleHome

gebruikersnaam wachtwoord

inloggen

wachtwoord vergeten? log inaanmelden

Productie Fases

2.1.1 Landingpage(nietingelogd)

ANNOTATIES

Toelichting:watdoetdezepagina?

1. Eencaroussel.Dezebestaatuit3a4visualsdiezijnvoorzienvaneenkopteksten1a2onderschrifttitels(linknaardieperliggendepagina’s)

2. Navigatievandecaroussel3. Deze3knoppenzijntriggers,ombezoekersdievoordeeerste

keeropdewebsitekomendirectnaardejuistepaginatesturen.

6IFProductionsKeleleInteractieOntwerpv1.06June2010 | CommunicatieenMultimediaDesign

Promotie tekst

- Actie punt 1

- Actie punt 2

- Actie punt 3

visuals die het

platform moeten

ondersteunen

Actie knop/Visual dat door linkt naar de uitleg over het platform van Kelele.

Actie knop/Visual dat door linkt naar het aanmeld formulier.

Actie knop/Visual dat door linkt naar productie fases

fase 4

13:34uur20 mei 2010

Bert Geussenheeft het project: Applicatie Groen toegevoegd.

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

fase 1

13:34uur20 mei 2010

Angela Jansenheeft het project: Briefing TopTrans toegevoegd.

fase 2

13:34uur20 mei 2010

Peter de Boerheeft het project: Concept Bloedvrijtoegevoegd.

Recent toegevoegde projecten Recente comments Recente Tweets

> meer recente projecten > meer recente comments > meer recente tweets

Volg Kelele overalKelele TwikiVind hier al uw antwoorden en stel uw vragen over de problematiek in Congo.

Ga naar Twiki

Algemene voorwaarden - Disclaimer - Contact

1

2

3

Page 7: IO wireframes kelele v10

102

4

768

12801024 10241280

logo kelele

Productie FasesOver KeleleHome

2.1.2 Landingpage(ingelogdzonderingezondenproject)

ANNOTATIES

Toelichting:watdoetdezepagina?

1. Dezebuttonbrengtmensennaardeoverviewpaginavandeproductiefases.

2. Eenvisualdiedepaginaondersteunt.

7IFProductionsKeleleInteractieOntwerpv1.06June2010 | CommunicatieenMultimediaDesign

fase 4

13:34uur20 mei 2010

Bert Geussenheeft het project: Applicatie Groen toegevoegd.

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

fase 1

13:34uur20 mei 2010

Angela Jansenheeft het project: Briefing TopTrans toegevoegd.

fase 2

13:34uur20 mei 2010

Peter de Boerheeft het project: Concept Bloedvrijtoegevoegd.

Recent toegevoegde projecten Recente comments Recente Tweets

> meer recente projecten > meer recente comments > meer recente tweets

Volg Kelele overalKelele TwikiVind hier al uw antwoorden en stel uw vragen over de problematiek in Congo.

Ga naar Twiki

Algemene voorwaarden - Disclaimer - Contact

Hoi Han van de Werken

Uitloggen

Mijn Projecten

Ga direct aan de slag. Bekijk hier wat JIJ kan betekenen voor een eerlijk productie proces voor mobiele telefoons.

Als je projecten hebt ingzonden zullen deze op deze plek verschijnen.

De verschillende productie fases

visual

1

2

Page 8: IO wireframes kelele v10

102

4

768

12801024 10241280

logo kelele

Productie FasesOver KeleleHome

2.1.3 Landingpage(ingelogdmetingezondenproject)

ANNOTATIES

Toelichting:watdoetdezepagina?

1. Alsjeopdezepaginakomt,zaldeeerstefasestandaardopenstaan.Alsjeeenanderefaseswiltopenen(alsmenhiereenprojectvoorheeftingezonden)zaldezebijeenrolloveropenklappen.

2. Dezefaseisdichtgeklapt.Dezezalopenenalsjeermetjemuisoverheenrolt.

8IFProductionsKeleleInteractieOntwerpv1.06June2010 | CommunicatieenMultimediaDesign

fase 4

13:34uur20 mei 2010

Bert Geussenheeft het project: Applicatie Groen toegevoegd.

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

fase 1

13:34uur20 mei 2010

Angela Jansenheeft het project: Briefing TopTrans toegevoegd.

fase 2

13:34uur20 mei 2010

Peter de Boerheeft het project: Concept Bloedvrijtoegevoegd.

Recent toegevoegde projecten Recente comments Recente Tweets

> meer recente projecten > meer recente comments > meer recente tweets

Hoi Han van de Werken

Uitloggen

Project: Green Packagedoor: Frits Huizinga 25 mei 2010

Comments: 12

Like 45 Dislike 5

Project: Green Packagedoor: Frits Huizinga 25 mei 2010

Comments: 12

Like 45 Dislike 5

Mijn Projecten

Fase 2 Deadline 6 dagen : 2 uur : 23 minuten : 2 seconde

Fase 6 Deadline 25 dagen : 8 uur : 23 minuten : 2 seconde

Volg Kelele overalKelele TwikiVind hier al uw antwoorden en stel uw vragen over de problematiek in Congo.

Ga naar TwikiIFProductionsKeleleInteractieOntwerpv0.26June2010 | CommunicatieenMultimediaDesign

visual

1

2

Page 9: IO wireframes kelele v10

102

4

768

12801024 10241280

logo kelele

Productie FasesOver KeleleHome

2.2 OverKelele

ANNOTATIES

Toelichting:watdoetdezepagina?

1. tekstenvisueleuitlegoverKelele

9IFProductionsKeleleInteractieOntwerpv1.06June2010 | CommunicatieenMultimediaDesign

fase 4

13:34uur20 mei 2010

Bert Geussenheeft het project: Applicatie Groen toegevoegd.

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

fase 1

13:34uur20 mei 2010

Angela Jansenheeft het project: Briefing TopTrans toegevoegd.

fase 2

13:34uur20 mei 2010

Peter de Boerheeft het project: Concept Bloedvrijtoegevoegd.

Recent toegevoegde projecten Recente comments Recente Tweets

> meer recente projecten > meer recente comments > meer recente tweets

Volg Kelele overalKelele TwikiVind hier al uw antwoorden en stel uw vragen over de problematiek in Congo.

Ga naar Twiki

Algemene voorwaarden - Disclaimer - Contact

Hoi Han van de Werken

Uitloggen

Over Kelele• Duis a risus nec felis fermentum porta.• Etiam vitae nisi sed sem elementum dignissim.• 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.

visual

1

Page 10: IO wireframes kelele v10

102

4

768

12801024 10241280

logo kelele

Over KeleleHome

gebruikersnaam wachtwoord

inloggen

wachtwoord vergeten? log inaanmeldenANNOTATIES

Toelichting:watdoetdezepagina?

1. Uiteghoede6productiefasesprecieswerken.2. Eenelementdatdelaatstenieuwsberichten(deadlinetijd,

commentsenaantalingezondenprojetenlaatzien)Denavigatiebestaatuitbuttonsonderinhetelement.

Productie Fases

2.3 Overviewpagina-productiefasesalgemeen

Briefing Concept Vormgeving Software Hardware Promotie

10IFProductionsKeleleInteractieOntwerpv1.06June2010 | CommunicatieenMultimediaDesign

Waarom 6 productie fases? En hoe pakken we dit aan?

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.

Deadline:13 dagen 6uur : 12min : 23sec

Comments:13

Projecten:36 ingezonden

Fase 2Concept

Fase 1Briefing

Fase 3Vormgeving

Fase 5Software

Fase 4Hardware

Fase 6Promotie

Fase 2Concept

fase 4

13:34uur20 mei 2010

Bert Geussenheeft het project: Applicatie Groen toegevoegd.

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

fase 1

13:34uur20 mei 2010

Angela Jansenheeft het project: Briefing TopTrans toegevoegd.

fase 2

13:34uur20 mei 2010

Peter de Boerheeft het project: Concept Bloedvrijtoegevoegd.

Recent toegevoegde projecten Recente comments Recente Tweets

> meer recente projecten > meer recente comments > meer recente tweets

Volg Kelele overalKelele TwikiVind hier al uw antwoorden en stel uw vragen over de problematiek in Congo.

Ga naar Twiki

Algemene voorwaarden - Disclaimer - Contact

1

2

Page 11: IO wireframes kelele v10

102

4

768

12801024 10241280

logo kelele

Over KeleleHome

ANNOTATIES

Toelichting:watdoetdezepagina?

1. Eenklokdieaftelttotaandedeadline2. Eenuitgebreideuitlegvandefase.Ondersteuntmetfilmpjesen

foto’s.3. Buttonwaarjeopkliktomjeeigenprojectaandedesbetreffende

fasetoetevoegen.4. Overzichtvanalleingezondenprojectendieingezondenzijnbijde

desbetreffendefase.5. Alsjeingelogdbentkanjecommentsgevenopdedesbetreffende

fase.6. Hierziejewelkeledenopdatmomentonlinezijn.7. Hieronderbevindzichnogdefatfooter.(nietafgebeeld.zie2.2)

Fase 1 Fase 2 Fase 3 Fase 4 Fase 5 Fase 6

Productie Fases

2.4.1 Detailpagina-detailfase(ingelogd)

Productie Fases

Briefing Concept Vormgeving Software Hardware Promotie

11IFProductionsKeleleInteractieOntwerpv1.06June2010 | CommunicatieenMultimediaDesign

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 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.

16:9

2:04/5:23

Plaats een Project

Project: Green Packagedoor: Frits Huizinga 25 mei 2010

Comments: 12

Like 45 Dislike 5

Project: Green Packagedoor: Frits Huizinga 25 mei 2010

Comments: 12

Like 45 Dislike 5

Project: Green Packagedoor: Frits Huizinga 25 mei 2010

Comments: 12

Like 45 Dislike 5

Projecten (3) allemaal meeste stemmen meeste comments

Discussie

geplaast op: 13 mei 2010 om 16:45uurLorem 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. Joost Boosten

Voeg je comment toejou tekst... Voeg toe

Deadline21 dagen, 9 uur : 46 minuten : 2 seconde

Concept ontwikkeling

Hoi Han van de Werken

Uitloggen

Hannie Boom

Joost Jansen

Sjon Tuin

Harrie Mensen

Gebruikers online

Hannie Boom

Joost Jansen

Sjon Tuin

Harrie Mensen

1

2

3

4

5 6

7

Page 12: IO wireframes kelele v10

102

4

768

12801024 10241280

logo kelele

Over KeleleHome

gebruikersnaam wachtwoord

inloggen

wachtwoord vergeten? log inaanmeldenANNOTATIES

Toelichting:watdoetdezepagina?

1. Dezezinwordtgetoondalseengebruikernietisingelogd.Alleenalsjeingelogdbentkanjeeenprojectplaatsen

2. Dezezinwordtgetoondalseengebruikernietisingelogd.Alleenalsjeingelogdbentkanjeeencommentplaatsen

3. Hieronderbevindzichnogdefatfooter.(nietafgebeeld.zie2.2)

Fase 1 Fase 2 Fase 3 Fase 4 Fase 5 Fase 6

Productie Fases

2.4.2 Detailpage-detailfase(nietingelogd)

Productie Fases

Briefing Concept Vormgeving Software Hardware Promotie

12IFProductionsKeleleInteractieOntwerpv1.06June2010 | CommunicatieenMultimediaDesign

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 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.

16:9

2:04/5:23

Project: Green Packagedoor: Frits Huizinga 25 mei 2010

Comments: 12

Like 45 Dislike 5

Project: Green Packagedoor: Frits Huizinga 25 mei 2010

Comments: 12

Like 45 Dislike 5

Project: Green Packagedoor: Frits Huizinga 25 mei 2010

Comments: 12

Like 45 Dislike 5

Projecten (3) allemaal meeste stemmen meeste comments

Discussie

geplaast op: 13 mei 2010 om 16:45uurLorem 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. Joost Boosten

Deadline21 dagen, 9 uur : 46 minuten : 2 seconde

Concept ontwikkeling

Laat een comment achter. Log in bij Kelele of meld je aan.

Plaats je project. Log in bij Kelele of meld je aan.

Hannie Boom

Joost Jansen

Sjon Tuin

Harrie Mensen

Gebruikers online

Hannie Boom

Joost Jansen

Sjon Tuin

Harrie Mensen

1

2

3

Page 13: IO wireframes kelele v10

102

4

768

12801024 10241280

logo kelele

Over KeleleHome

gebruikersnaam wachtwoord

inloggen

wachtwoord vergeten? log inaanmeldenANNOTATIES

Toelichting:watdoetdezepagina?

1. Detailpaginavoorhetproject.Uitlegdoormiddelvantekst/video/plaatjes.

2. Detijdvaninzending3. Plaatswaarspecifiekecommentsgepostkunnenwordenmet

betrekkingopditproject.4. Hieronderbevindzichnogdefatfooter.(nietafgebeeld.zie2.2)

Fase 1 Fase 2 Fase 3 Fase 4 Fase 5 Fase 6

Productie Fases

2.5 Detailpagina-detailproject

Productie Fases

Briefing Concept Vormgeving Software Hardware Promotie

13IFProductionsKeleleInteractieOntwerpv1.06June2010 | CommunicatieenMultimediaDesign

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 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.

16:9

2:04/5:23

Comments

geplaast op: 13 mei 2010 om 16:45uurLorem 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. Joost Boosten

geplaast op: 13 mei 2010 om 16:45uurLorem 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. Joost Boosten

Ingestuurd23 mei 2010 17.34uur

Project 1

Voeg je comment toe

Voeg toejou tekst...

terug naar overview

1

2

3

4

Page 14: IO wireframes kelele v10

102

4

768

12801024 10241280

logo kelele

Productie Fases

Briefing Concept Vormgeving Software Hardware Promotie

Over KeleleHome

gebruikersnaam wachtwoord

inloggen

wachtwoord vergeten? log inaanmelden

2.5 Aanmeldingsformulier

ANNOTATIES

Toelichting:watdoetdezepagina?

1.

14IFProductionsKeleleInteractieOntwerpv1.06June2010 | CommunicatieenMultimediaDesign

Promotie tekst

- Actie punt 1

- Actie punt 2

- Actie punt 3

visuals die het

platform moeten

ondersteunen

Actie knop/Visual dat door linkt naar de uitleg over het platform van Kelele.

Actie knop/Visual dat door linkt naar het aanmeld formulier.

Actie knop/Visual dat door linkt naar productie fases

fase 4

13:34uur20 mei 2010

Bert Geussenheeft het project: Applicatie Groen toegevoegd.

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

fase 1

13:34uur20 mei 2010

Angela Jansenheeft het project: Briefing TopTrans toegevoegd.

fase 2

13:34uur20 mei 2010

Peter de Boerheeft het project: Concept Bloedvrijtoegevoegd.

Recent toegevoegde projecten Recente comments Recente Tweets

> meer recente projecten > meer recente comments > meer recente tweets

Volg Kelele overalKelele TwikiVind hier al uw antwoorden en stel uw vragen over de problematiek in Congo.

Ga naar Twiki

Algemene voorwaarden - Disclaimer - Contact

Aanmeldings formulier voor Kelele

Voornaam:

Achternaam:

Email adres:

Wachtwoord:

Herhaal wachtwoord:

ik heb alle algemene voorwaarden en gelezen, begrepen en geaccepteerd.

Aanmelden

sluiten

Page 15: IO wireframes kelele v10

IFProductionsKeleleInteractieOntwerpv0.26June2010 | CommunicatieenMultimediaDesign 15

03 NAVIGATIE

Page 16: IO wireframes kelele v10

102

4

768

12801024 10241280

ANNOTATIES

Toelichting:watdoetdezepagina?

1. LogovanKelele2. Inlogvensterwaarjekuntinloggen,maarwaarjejeookvoorkunt

aanmelden.3. Dehoofdnavigatie.Dezegeeftjeingangtotde2belangrijkste

pagina’svandewebsite.DeuitlegoverKeleleendeProductiefases.Deproductiefaseheefteensubnavigatiewaardeverschillendefasesopeenrijstaan.

4. Alsjeingelogdbentkrijgjeeenpersoonlijkeverwelkomingeneenmanieromuitteloggen.

3.1 Mainmenu

gebruikersnaam wachtwoord

inloggen

wachtwoord vergeten? log inaanmelden

Hoi Han van de Werken

Uitloggen

Niet ingelogd

Ingelogd

logo kelele

Productie Fases

Briefing Concept Vormgeving Software Hardware Promotie

Over KeleleHome

logo kelele

Productie Fases

Briefing Concept Vormgeving Software Hardware Promotie

Over KeleleHome

16IFProductionsKeleleInteractieOntwerpv1.06June2010 | CommunicatieenMultimediaDesign

21

4

3

Page 17: IO wireframes kelele v10

102

4

768

12801024 10241280

ANNOTATIES

Toelichting:watdoetdezepagina?

1. Hierwordendelaatsttoegevoegdeprojectengetoond2. Hierwordendelaatstgeplaatstecommentsgetoond3. Hierwordendelaatstverzondentweetsgetoond4. Ditiseeningangnaareenexternewebsite.KeleleKwiki.Een

platform/omgevingwaardegeheleproblematiekinCongowordtbeschrevenenwordtuitgelegd.Dezewordtonderhoudendoorenvoorgeintresseerden.

5. OpdezeplekkanjeinloggenopeenvandesocialenetwerkenenKelelevolgen.

6. Hierstaandestandaardlinksdienoodzakelijkzijnineenfooter.

3.2 Fatfooter

17IFProductionsKeleleInteractieOntwerpv1.06June2010 | CommunicatieenMultimediaDesign

fase 4

13:34uur20 mei 2010

Bert Geussenheeft het project: Applicatie Groen toegevoegd.

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

Hannie Boom heeft gereageer op het project Briefing TopTransan hour ago

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

#kelele Wat een fantastisch initiatief is dit toch.an hour ago

fase 1

13:34uur20 mei 2010

Angela Jansenheeft het project: Briefing TopTrans toegevoegd.

fase 2

13:34uur20 mei 2010

Peter de Boerheeft het project: Concept Bloedvrijtoegevoegd.

Recent toegevoegde projecten Recente comments Recente Tweets

> meer recente projecten > meer recente comments > meer recente tweets

Volg Kelele overalKelele TwikiVind hier al uw antwoorden en stel uw vragen over de problematiek in Congo.

Ga naar Twiki

Algemene voorwaarden - Disclaimer - Contact

1 2 3

4 5

6