10
| SCHEMATICS NIMM2.DE

Ostfalia Webdesign Hausaufgaben Schematics

Embed Size (px)

Citation preview

Page 1: Ostfalia Webdesign Hausaufgaben Schematics

||

SCHEMATICS NIMM2.DE

Page 2: Ostfalia Webdesign Hausaufgaben Schematics

||

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.

Page 3: Ostfalia Webdesign Hausaufgaben Schematics

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

Page 4: Ostfalia Webdesign Hausaufgaben Schematics

||

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.

Page 5: Ostfalia Webdesign Hausaufgaben Schematics

||

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.

Page 6: Ostfalia Webdesign Hausaufgaben Schematics

||

SCHEMATICS NIMM2.DE

1. Homepage

2. Spielseite

3. Produktseite

Page 7: Ostfalia Webdesign Hausaufgaben Schematics

|

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)

Page 8: Ostfalia Webdesign Hausaufgaben Schematics

|

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

Page 9: Ostfalia Webdesign Hausaufgaben Schematics

|

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

Page 10: Ostfalia Webdesign Hausaufgaben Schematics

||

ERGEBNIS.

Bitte die neu angeordneten Schematics der drei Seiten ausgedruckt, oder gezeichnet

mitbringen, damit wir sie am nächsten Termin besprechen können.