Projekt "Kids4nature"

Meine Designvorschläge für das Web-Projekt "Kids4Nature":

• Startseite
• Unterseite

 
Design:

Die Website ist optisch eher dezent gehalten, besitzt jedoch auf der Startseite ein auffälliges, animiertes Bannerbild. Damit dieser Banner auch besonders zur Geltung kommt, ist das restliche Design eher schlicht, aber dennoch freundlich und einladend.

Aufbau:

Die Website besitzt auf jeder Seite einen Header mit Logo und Schriftzug. Unter dem Header befindet sich die Hauptmenüleiste mit einer auffälligen Hauptnavigation und einer etwas dezenteren Metanavigation.

Das große Bannerbild der Startseite scheint auf den Unterseiten nicht mehr auf, damit genügend Platz für die Inhalte zur Verfügung steht und der User nicht schon bei den ersten Absätzen scrollen muss. Auf den Unterseiten gibt es dafür aber eine Unternavigation im linken Bereich.

Auf der Startseite im unteren Bereich sowie auf den Unterseiten im linken Bereich unterhalb der Unternavigation besteht außerdem die Möglichkeit, wichtige oder aktuelle Themen in Form von Newsboxen hervorzuheben. Die Newsboxen auf den Unterseiten werden teilweise auch als animierte Bilder präsentiert.

Farben:

Das Design der Website beinhaltet nur wenig verschiedene Farben, die sich aus freundlichen aber auch Natur-assoziierenden Farbtönen zusammensetzen.

Folgende Farben wurden verwendet:

Das verwendete Dunkelgrün stammt aus dem Vereinslogos und wird im Menübalken, für die Metanavigation, für den Vereinsschriftzug und für alle Hauptüberschriften verwendet. Die restlichen Farben ? helleres Grün, Gelb und Cremeweiß ? habe ich gewählt, da sie einerseits mit der Natur und andererseits mit Freude und Leichtigkeit in Verbindung gebracht werden. Die Farbe des Fließtextes und der Unterpunkte der Navigation ist schwarz, um eine gute Lesbarkeit zu gewährleisten.

Schriften:

Für alle Schriften - mit Ausnahme des Vereinsschriftzuges - wurde die Schriftart Verdana verwendet. Die Hauptnavigationspunkte sind fast weiß auf grünem Hintergrund, die Metanavigationspunkt hingegen grün auf fast weißem Hintergrund. Die Hauptüberschriften sind alle in grün gehalten und die Unter-Navigationspunkte sind schwarz.

Bilder:

Auf der Startseite befindet sich ein großes animiertes Bannerbild, das sowohl Fotos als auch Kurztexte enthalten wird.  Auf den Unterseiten gibt es die Möglichkeit, animierte Bilder in der Newsbox unterhalb der linken Unternavigation einzubauen. Weitere Bilder finden sich unter dem Menüpunkt "Projekte".

Video:

Auf der Website findet sich auch ein Imagevideo zum Verein, dass einen ersten Einblick in die Tätigkeiten des Vereins und das Sommerprojekt 2011 gibt.

Fazit:

Das Hauptziel der Website besteht darin, Sponsoren, Partner und andere Unterstützende zu akquirieren und nebenbei auch Familien und Betreuende auf die Ausflüge des Vereins aufmerksam zu machen. Genau deshalb wurde einerseits ein auffälliger Banner gewählt, um Emotionen und Interesse zu wecken und andererseits ein schlichtes aber fröhlich-freundliches Design gesetzt, um die Tätigkeiten des Vereins widerzuspiegeln:

Kindern mit Migrationshintergrund bzw. aus sozial schwachen Familien soll auf spielerische Weise einerseits der Schutz der Natur und der Umwelt sowie andererseits der wertschätzende Umgang miteinander näher gebracht werden. Und das in freier Natur und mit viel Spaß und Abenteuer.