Upload
ostfalia-webdesign
View
293
Download
3
Embed Size (px)
Citation preview
||
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.
| 3© Elephant Seven
Die Idee „Picknickdecke“ * Kalorienkriege.
Die Idee „2 gewinnt (Memory)“
Die Idee „Perforierte Tüte“
Die Idee „Räuberkinder“
Die Idee „Saftgesichter in die Home-Tüte schubsen“
Spiel Parcours
Die Idee „Vitamin-Rally“+ Vitaminquiz
Die Idee „Stadt vitaminisieren“
Spielfigur basteln.
Die Idee „Mit Quizfragen spielerisch lernen.“
(Virt. Freund)
Die Idee „Saft-Heros“ killen Ungesundes.
Die Idee „Garten-Phantasie-Marken-
Welten“
Die Idee „Gartenwelt“
Nimm2-Mach-Maschine
Die Idee „Senso“
Die Idee „Baumhaus Piraten (Zwille) mit
Vitamin Score “
Die Idee „Garten-Spielhaus -
Zoomer“
Die Idee „Lachgummimonster
füttern+ Tamagotchi “
Die Idee „Urwald/Abeteuer mit Schatzkiste“
Die Menüidee “Pflanzenranke“
- Spiel Baum hoch“
Die Idee „Tiere basteln“
Die Idee „Urwald mit Vitamin-Einwohnern“
Die Idee „Gartenparty mit Spielparcours und
Sampling und Leadgenerierung
Die Idee „Gartenpartymit Spielparcours“
Die Idee „Nimm2 Town“+ Codes für Spiel
Die Idee „Nimm2 Olympiade“ Mit Spiel-
Parcours aufeinanderfolgend (Denk,
kreativspiele)
Die Idee „Menüpunkte/Inhalte
angeln+ Taucher und
Lachgummifische retten“
||
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üche
Spielkonzept: 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.DE
1. Homepage
2. Spielseite
3. Produktseite
|
Visual (Abbildung Aufmacher-Bild)
CTA
(call to action „Spiel starten“)
Logo
Hauptnavi
Subnavi
Metanavigation
Schematics 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 Game (Baum) mit Blindtext-Fragen an jedem Ast.
Wissensaufgabe„Multiple choice“.
Logo
Hauptnavi mit Hervorhebung des ausgewähltgen Menüpunkts „Game“
Subnavi
Metanavigation
Schematics Spiel in Größe anpassen und neu auf dem Layout anordnen.
Antwort a
Antwort b
Antwort c
Anzeige Spiel-Stufe und Schritte
bis zum Ziel
|
Produktabbildungen
Logo
Hauptnavi mit Hervorhebung des ausgewähltgen Menüpunkts „Game“
Subnavi Produkte. Ausgewählt ist Lachgummi (siehe www.nimm2.de)
Metanavigation
Schematics Produktseite in Größe anpassen und
neu auf dem Layout anordnen.
Verpackungs-einheiten
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.