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

Ostfalia Webdesign Hausaufgaben Schematics

  • 1.
  • 2.
    Hintergrund.In den erstenbeiden 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 „Gartenpartymit 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 (Kinderversuchen 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.OrdnenSie 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“. LogoHauptnavimit 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 Hervorhebungdes 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 neuangeordneten Schematics der drei Seiten ausgedruckt, oder gezeichnet mitbringen, damit wir sie am nächsten Termin besprechen können.