Your SlideShare is downloading. ×
0
Schematics Nimm2.de<br />
Hintergrund.<br />In den ersten beiden Tagen haben wir neben den Grundlagen der Gestaltung und der Vorgaben der Marke nimm...
Die Idee „Gartenparty mit Spielparcours und Sampling und Leadgenerierung<br />Die Idee „Nimm2 Olympiade“ Mit Spiel-Parcour...
Konzept.<br />Grundidee: Räuberkinder (Kinder versuchen während der Abwesenheit der Mutter an leckere, aber nicht einfach ...
Die Hausaufgabe lautet.<br />Ordnen Sie die Elemente auf den folgenden Charts so an, dass ein User sofort versteht, welche...
CTA<br />(call to action „Spiel starten“)<br />Logo<br />Hauptnavi<br />Subnavi<br />Metanavigation<br />Schematics Homepa...
Wissensaufgabe<br />„Multiple choice“. <br />Logo<br />Hauptnavi mit Hervorhebung des ausgewähltgen Menüpunkts „Game“<br /...
Hauptnavi mit Hervorhebung des ausgewähltgen Menüpunkts „Game“<br />Logo<br />Subnavi Produkte. Ausgewählt ist Lachgummi (...
Ergebnis.<br />Bitte die neu angeordneten Schematics der drei Seiten ausgedruckt, oder gezeichnet mitbringen, damit wir si...
Ostfalia Webdesign Hausaufgaben Schematics
Upcoming SlideShare
Loading in...5
×

Ostfalia Webdesign Hausaufgaben Schematics

299

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
299
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Ostfalia Webdesign Hausaufgaben Schematics"

  1. 1. Schematics Nimm2.de<br />
  2. 2. Hintergrund.<br />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.<br />
  3. 3. Die Idee „Gartenparty mit Spielparcours und Sampling und Leadgenerierung<br />Die Idee „Nimm2 Olympiade“ Mit Spiel-Parcours aufeinanderfolgend (Denk, kreativspiele) <br />Die Idee „Tiere basteln“<br />Die Idee „Nimm2 Town“+ Codes für Spiel<br />Die Idee „Baumhaus Piraten (Zwille) mit Vitamin Score “<br />Die Menüidee “Pflanzenranke“- Spiel Baum hoch“<br />Die Idee „Räuberkinder“<br />Die Idee „Lachgummimonster füttern+ Tamagotchi “<br />Die Idee „Perforierte Tüte“<br />Die Idee „Gartenwelt“Nimm2-Mach-Maschine<br />Die Idee „Senso“<br />Die Idee „2 gewinnt (Memory)“<br />Die Idee „Garten-Phantasie-Marken-Welten“<br />Die Idee „Mit Quizfragen spielerisch lernen.“(Virt. Freund)<br />Die Idee „Menüpunkte/Inhalte angeln+ Taucher und Lachgummifische retten“<br />Die Idee „Saftgesichter in die Home-Tüte schubsen“Spiel Parcours<br />Die Idee „Garten-Spielhaus - Zoomer“<br />Die Idee „Gartenpartymit Spielparcours“<br />Die Idee „Stadt vitaminisieren“Spielfigur basteln.<br />Die Idee „Vitamin-Rally“+ Vitaminquiz<br />Die Idee „Saft-Heros“ killen Ungesundes.<br />Die Idee „Picknickdecke“ * Kalorienkriege.<br />Die Idee „Urwald/Abeteuer mit Schatzkiste“<br />Die Idee „Urwald mit Vitamin-Einwohnern“<br />© Elephant Seven<br />3<br />
  4. 4. Konzept.<br />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.<br />
  5. 5. Die Hausaufgabe lautet.<br />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.<br />Dafür sollten Sie:<br /><ul><li> 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.</li></li></ul><li>Schematics Nimm2.de<br />Homepage<br />Spielseite<br />Produktseite<br />
  6. 6. CTA<br />(call to action „Spiel starten“)<br />Logo<br />Hauptnavi<br />Subnavi<br />Metanavigation<br />Schematics Homepage in Größe anpassen und neu auf dem Layout anordnen. <br />(Die Positionen der Element auf diesem Chart sind zufällig und ist keine Vorlage)<br />Visual (Abbildung Aufmacher-Bild)<br />
  7. 7. Wissensaufgabe<br />„Multiple choice“. <br />Logo<br />Hauptnavi mit Hervorhebung des ausgewähltgen Menüpunkts „Game“<br />Antwort a<br />Subnavi<br />Antwort b<br />Anzeige Spiel-Stufe und Schritte bis zum Ziel<br />Metanavigation<br />Antwort c<br />Visual Game (Baum) mit Blindtext-Fragen an jedem Ast.<br />Schematics Spiel in Größe anpassen und neu auf dem Layout anordnen. <br />
  8. 8. Hauptnavi mit Hervorhebung des ausgewähltgen Menüpunkts „Game“<br />Logo<br />Subnavi Produkte. Ausgewählt ist Lachgummi (siehe www.nimm2.de)<br />Metanavigation<br />Produktabbildungen <br />Verpackungs-einheiten<br />Schematics Produktseite in Größe anpassen und neu auf dem Layout anordnen. <br />Nährwertinfos, Vitamine, Zutaten<br />
  9. 9. Ergebnis.<br />Bitte die neu angeordneten Schematics der drei Seiten ausgedruckt, oder gezeichnet mitbringen, damit wir sie am nächsten Termin besprechen können.<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×