SlideShare ist ein Scribd-Unternehmen logo
Schematics Nimm2.de
Hintergrund.In den ersten beiden Tagen haben wir neben den Grundlagen der Gestaltung und der Vorgaben der Marke nimm2 Ideen entwickelt, wie die Markenwerte von nimm2 spielerisch auf der Website „erkundet“ werden können und uns aus der Menge eurer Ansätze für eine konzeptionellen Idee entschieden, die wir bis zum HTML-Dummy umsetzen werden.
Die Idee „Gartenparty mit Spielparcours und Sampling und LeadgenerierungDie Idee „Nimm2 Olympiade“ Mit Spiel-Parcours aufeinanderfolgend (Denk, kreativspiele) Die Idee „Tiere basteln“Die Idee „Nimm2 Town“+ Codes für SpielDie Idee „Baumhaus Piraten (Zwille) mit Vitamin Score “Die Menüidee “Pflanzenranke“- Spiel Baum hoch“Die Idee „Räuberkinder“Die Idee „Lachgummimonster füttern+ Tamagotchi “Die Idee „Perforierte Tüte“Die Idee „Gartenwelt“Nimm2-Mach-MaschineDie Idee „Senso“Die Idee „2 gewinnt (Memory)“Die Idee „Garten-Phantasie-Marken-Welten“Die Idee „Mit Quizfragen spielerisch lernen.“(Virt. Freund)Die Idee „Menüpunkte/Inhalte angeln+ Taucher und Lachgummifische retten“Die Idee „Saftgesichter in die Home-Tüte schubsen“Spiel ParcoursDie Idee „Garten-Spielhaus - Zoomer“Die Idee „Gartenpartymit Spielparcours“Die Idee „Stadt vitaminisieren“Spielfigur basteln.Die Idee „Vitamin-Rally“+ VitaminquizDie Idee „Saft-Heros“ killen Ungesundes.Die Idee „Picknickdecke“ * Kalorienkriege.Die Idee „Urwald/Abeteuer mit  Schatzkiste“Die Idee „Urwald mit Vitamin-Einwohnern“© Elephant Seven3
Konzept.Grundidee: Räuberkinder (Kinder versuchen während der Abwesenheit der Mutter an leckere, aber nicht einfach zu erreichende, nimm2 zu kommen.Umgebung: Garten/Spielhaus, Picknick, KücheSpielkonzept: Spielparcours (mehrere unterschiedliche Spiele in Reihenfolge. Wir starten mit einem Multiple-Choice Wissensspiel.Spiel-Navigation: Baumklettern (Umso höher, desto näher am Ziel)Programmierung:HTML-Framework mit Flash-Spiel.
Die Hausaufgabe lautet.Ordnen Sie die Elemente auf den folgenden Charts so an, dass ein User sofort versteht, welche Inhalte die Seite bietet, wo er sich befindet und was er auf der Seite machen soll.Dafür sollten Sie: das Menü so positionieren, dass es nicht wichtige Inhalte überdeckt.- das Menü so anlegen, dass es auf den Unterseiten an der selben Stelle steht.- bedenken, dass das Untermenü nach einem Klick ausklappt und danach sichtbar ist- den Bildbereich (Motiv zwei Jungen) großflächig anlegen. - den „Next best click“ wie z.B den Link zum Spiel (Call-to-action) deutlich sichtbar platzieren, damit er die User zum Interaktionsziel „Spielteilnahme“ führt.Schematics Nimm2.deHomepageSpielseiteProduktseite
CTA(call to action „Spiel starten“)LogoHauptnaviSubnaviMetanavigationSchematics Homepage in Größe anpassen und neu  auf dem Layout anordnen. (Die Positionen der Element auf diesem Chart sind zufällig und ist keine Vorlage)Visual (Abbildung Aufmacher-Bild)
Wissensaufgabe„Multiple choice“. LogoHauptnavi mit Hervorhebung des ausgewähltgen Menüpunkts „Game“Antwort aSubnaviAntwort bAnzeige Spiel-Stufe und Schritte bis zum ZielMetanavigationAntwort cVisual Game (Baum) mit Blindtext-Fragen an jedem Ast.Schematics Spiel in Größe anpassen und neu  auf dem Layout anordnen.
Hauptnavi mit Hervorhebung des ausgewähltgen Menüpunkts „Game“LogoSubnavi Produkte. Ausgewählt ist Lachgummi (siehe www.nimm2.de)MetanavigationProduktabbildungen Verpackungs-einheitenSchematics Produktseite in Größe anpassen und neu  auf dem Layout anordnen. Nährwertinfos, Vitamine, Zutaten
Ergebnis.Bitte die neu angeordneten Schematics der drei Seiten ausgedruckt, oder gezeichnet mitbringen, damit wir sie am nächsten Termin besprechen können.
Ostfalia Webdesign Hausaufgaben Schematics

Weitere ähnliche Inhalte

Andere mochten auch

HERMINIO I BALTAR
HERMINIO I BALTARHERMINIO I BALTAR
HERMINIO I BALTAR
Hermie Baltar
 
brandnooz NOOZ Magazin Ausgabe 06/2015
brandnooz NOOZ Magazin Ausgabe 06/2015brandnooz NOOZ Magazin Ausgabe 06/2015
brandnooz NOOZ Magazin Ausgabe 06/2015
brandnooz
 
Hotelpaket b2 c & b2b
Hotelpaket b2 c & b2bHotelpaket b2 c & b2b
Hotelpaket b2 c & b2b
Austrian National Tourist Office
 
Knit for babies
Knit for babiesKnit for babies
Knit for babies
LIsapen9
 
Informatica
InformaticaInformatica
Ruefa Reisekompass 2014
Ruefa Reisekompass 2014Ruefa Reisekompass 2014
Ruefa Reisekompass 2014
Austrian National Tourist Office
 
Psychiatrie im Film
Psychiatrie im FilmPsychiatrie im Film
Psychiatrie im Film
F. Nouri
 
E- twinningprojekte 2011
E- twinningprojekte 2011E- twinningprojekte 2011
E- twinningprojekte 2011
Aimi Jõesalu
 
NetworkCamp: webthinking
NetworkCamp: webthinkingNetworkCamp: webthinking
NetworkCamp: webthinking
Tobias Teutsch
 
Ofensimulation | weyer spezial
Ofensimulation | weyer spezialOfensimulation | weyer spezial
Ofensimulation | weyer spezial
weyer gruppe
 
Onlinepoker Tipps
Onlinepoker TippsOnlinepoker Tipps
Onlinepoker Tipps
P4inBr34ker
 
Power Point
Power PointPower Point
Activity Theory in der informationswissenschaft eine Neubewertung 2013 (Sze...
Activity Theory in der informationswissenschaft   eine Neubewertung 2013 (Sze...Activity Theory in der informationswissenschaft   eine Neubewertung 2013 (Sze...
Activity Theory in der informationswissenschaft eine Neubewertung 2013 (Sze...
Christoph Szepanski
 
EVALUACION DIAGNOSTICA BLOQUE 2
EVALUACION DIAGNOSTICA BLOQUE 2EVALUACION DIAGNOSTICA BLOQUE 2
EVALUACION DIAGNOSTICA BLOQUE 2
BrendaColli
 
Infografik: 7 typen von internetnutzern, die sie auf einem sozialen unternehm...
Infografik: 7 typen von internetnutzern, die sie auf einem sozialen unternehm...Infografik: 7 typen von internetnutzern, die sie auf einem sozialen unternehm...
Infografik: 7 typen von internetnutzern, die sie auf einem sozialen unternehm...
Zyncro
 

Andere mochten auch (16)

HERMINIO I BALTAR
HERMINIO I BALTARHERMINIO I BALTAR
HERMINIO I BALTAR
 
brandnooz NOOZ Magazin Ausgabe 06/2015
brandnooz NOOZ Magazin Ausgabe 06/2015brandnooz NOOZ Magazin Ausgabe 06/2015
brandnooz NOOZ Magazin Ausgabe 06/2015
 
Hotelpaket b2 c & b2b
Hotelpaket b2 c & b2bHotelpaket b2 c & b2b
Hotelpaket b2 c & b2b
 
Knit for babies
Knit for babiesKnit for babies
Knit for babies
 
Informatica
InformaticaInformatica
Informatica
 
Ruefa Reisekompass 2014
Ruefa Reisekompass 2014Ruefa Reisekompass 2014
Ruefa Reisekompass 2014
 
Psychiatrie im Film
Psychiatrie im FilmPsychiatrie im Film
Psychiatrie im Film
 
E- twinningprojekte 2011
E- twinningprojekte 2011E- twinningprojekte 2011
E- twinningprojekte 2011
 
NetworkCamp: webthinking
NetworkCamp: webthinkingNetworkCamp: webthinking
NetworkCamp: webthinking
 
Ofensimulation | weyer spezial
Ofensimulation | weyer spezialOfensimulation | weyer spezial
Ofensimulation | weyer spezial
 
Onlinepoker Tipps
Onlinepoker TippsOnlinepoker Tipps
Onlinepoker Tipps
 
Power Point
Power PointPower Point
Power Point
 
Activity Theory in der informationswissenschaft eine Neubewertung 2013 (Sze...
Activity Theory in der informationswissenschaft   eine Neubewertung 2013 (Sze...Activity Theory in der informationswissenschaft   eine Neubewertung 2013 (Sze...
Activity Theory in der informationswissenschaft eine Neubewertung 2013 (Sze...
 
EVALUACION DIAGNOSTICA BLOQUE 2
EVALUACION DIAGNOSTICA BLOQUE 2EVALUACION DIAGNOSTICA BLOQUE 2
EVALUACION DIAGNOSTICA BLOQUE 2
 
Infografik: 7 typen von internetnutzern, die sie auf einem sozialen unternehm...
Infografik: 7 typen von internetnutzern, die sie auf einem sozialen unternehm...Infografik: 7 typen von internetnutzern, die sie auf einem sozialen unternehm...
Infografik: 7 typen von internetnutzern, die sie auf einem sozialen unternehm...
 
BR-CONCEPTS Lokale Suchmaschinen Optimierung
BR-CONCEPTS  Lokale Suchmaschinen OptimierungBR-CONCEPTS  Lokale Suchmaschinen Optimierung
BR-CONCEPTS Lokale Suchmaschinen Optimierung
 

Ähnlich wie Ostfalia Webdesign Hausaufgaben Schematics

Ravensburger Digital - wie der europäische Marktführer bei traditionellen S...
Ravensburger Digital - wie der europäische Marktführer bei traditionellen S...Ravensburger Digital - wie der europäische Marktführer bei traditionellen S...
Ravensburger Digital - wie der europäische Marktführer bei traditionellen S...
Daniel Volk
 
Ravensburger Digital - wie der europäische Marktführer bei traditionellen S...
Ravensburger Digital - wie der europäische Marktführer bei traditionellen S...Ravensburger Digital - wie der europäische Marktführer bei traditionellen S...
Ravensburger Digital - wie der europäische Marktführer bei traditionellen S...
Daniel Volk
 
A wild live tile appeared!
A wild live tile appeared!A wild live tile appeared!
A wild live tile appeared!
Kristina Rothe
 
Gamification infosession für den #cl20
Gamification infosession für den #cl20Gamification infosession für den #cl20
Gamification infosession für den #cl20
Thomas Jenewein
 

Ähnlich wie Ostfalia Webdesign Hausaufgaben Schematics (6)

Ravensburger Digital - wie der europäische Marktführer bei traditionellen S...
Ravensburger Digital - wie der europäische Marktführer bei traditionellen S...Ravensburger Digital - wie der europäische Marktführer bei traditionellen S...
Ravensburger Digital - wie der europäische Marktführer bei traditionellen S...
 
4.4 erweiterte spiele
4.4   erweiterte spiele4.4   erweiterte spiele
4.4 erweiterte spiele
 
Ravensburger Digital - wie der europäische Marktführer bei traditionellen S...
Ravensburger Digital - wie der europäische Marktführer bei traditionellen S...Ravensburger Digital - wie der europäische Marktführer bei traditionellen S...
Ravensburger Digital - wie der europäische Marktführer bei traditionellen S...
 
Game pics #mlab14
Game pics #mlab14Game pics #mlab14
Game pics #mlab14
 
A wild live tile appeared!
A wild live tile appeared!A wild live tile appeared!
A wild live tile appeared!
 
Gamification infosession für den #cl20
Gamification infosession für den #cl20Gamification infosession für den #cl20
Gamification infosession für den #cl20
 

Ostfalia Webdesign Hausaufgaben Schematics

  • 2. Hintergrund.In den ersten beiden Tagen haben wir neben den Grundlagen der Gestaltung und der Vorgaben der Marke nimm2 Ideen entwickelt, wie die Markenwerte von nimm2 spielerisch auf der Website „erkundet“ werden können und uns aus der Menge eurer Ansätze für eine konzeptionellen Idee entschieden, die wir bis zum HTML-Dummy umsetzen werden.
  • 3. Die Idee „Gartenparty mit Spielparcours und Sampling und LeadgenerierungDie Idee „Nimm2 Olympiade“ Mit Spiel-Parcours aufeinanderfolgend (Denk, kreativspiele) Die Idee „Tiere basteln“Die Idee „Nimm2 Town“+ Codes für SpielDie Idee „Baumhaus Piraten (Zwille) mit Vitamin Score “Die Menüidee “Pflanzenranke“- Spiel Baum hoch“Die Idee „Räuberkinder“Die Idee „Lachgummimonster füttern+ Tamagotchi “Die Idee „Perforierte Tüte“Die Idee „Gartenwelt“Nimm2-Mach-MaschineDie Idee „Senso“Die Idee „2 gewinnt (Memory)“Die Idee „Garten-Phantasie-Marken-Welten“Die Idee „Mit Quizfragen spielerisch lernen.“(Virt. Freund)Die Idee „Menüpunkte/Inhalte angeln+ Taucher und Lachgummifische retten“Die Idee „Saftgesichter in die Home-Tüte schubsen“Spiel ParcoursDie Idee „Garten-Spielhaus - Zoomer“Die Idee „Gartenpartymit Spielparcours“Die Idee „Stadt vitaminisieren“Spielfigur basteln.Die Idee „Vitamin-Rally“+ VitaminquizDie Idee „Saft-Heros“ killen Ungesundes.Die Idee „Picknickdecke“ * Kalorienkriege.Die Idee „Urwald/Abeteuer mit Schatzkiste“Die Idee „Urwald mit Vitamin-Einwohnern“© Elephant Seven3
  • 4. Konzept.Grundidee: Räuberkinder (Kinder versuchen während der Abwesenheit der Mutter an leckere, aber nicht einfach zu erreichende, nimm2 zu kommen.Umgebung: Garten/Spielhaus, Picknick, KücheSpielkonzept: Spielparcours (mehrere unterschiedliche Spiele in Reihenfolge. Wir starten mit einem Multiple-Choice Wissensspiel.Spiel-Navigation: Baumklettern (Umso höher, desto näher am Ziel)Programmierung:HTML-Framework mit Flash-Spiel.
  • 5. Die Hausaufgabe lautet.Ordnen Sie die Elemente auf den folgenden Charts so an, dass ein User sofort versteht, welche Inhalte die Seite bietet, wo er sich befindet und was er auf der Seite machen soll.Dafür sollten Sie: das Menü so positionieren, dass es nicht wichtige Inhalte überdeckt.- das Menü so anlegen, dass es auf den Unterseiten an der selben Stelle steht.- bedenken, dass das Untermenü nach einem Klick ausklappt und danach sichtbar ist- den Bildbereich (Motiv zwei Jungen) großflächig anlegen. - den „Next best click“ wie z.B den Link zum Spiel (Call-to-action) deutlich sichtbar platzieren, damit er die User zum Interaktionsziel „Spielteilnahme“ führt.Schematics Nimm2.deHomepageSpielseiteProduktseite
  • 6. CTA(call to action „Spiel starten“)LogoHauptnaviSubnaviMetanavigationSchematics Homepage in Größe anpassen und neu auf dem Layout anordnen. (Die Positionen der Element auf diesem Chart sind zufällig und ist keine Vorlage)Visual (Abbildung Aufmacher-Bild)
  • 7. Wissensaufgabe„Multiple choice“. LogoHauptnavi mit Hervorhebung des ausgewähltgen Menüpunkts „Game“Antwort aSubnaviAntwort bAnzeige Spiel-Stufe und Schritte bis zum ZielMetanavigationAntwort cVisual Game (Baum) mit Blindtext-Fragen an jedem Ast.Schematics Spiel in Größe anpassen und neu auf dem Layout anordnen.
  • 8. Hauptnavi mit Hervorhebung des ausgewähltgen Menüpunkts „Game“LogoSubnavi Produkte. Ausgewählt ist Lachgummi (siehe www.nimm2.de)MetanavigationProduktabbildungen Verpackungs-einheitenSchematics Produktseite in Größe anpassen und neu auf dem Layout anordnen. Nährwertinfos, Vitamine, Zutaten
  • 9. Ergebnis.Bitte die neu angeordneten Schematics der drei Seiten ausgedruckt, oder gezeichnet mitbringen, damit wir sie am nächsten Termin besprechen können.