Projektdokumentation - Pia Reisinger

Ausgangssituation:

Seit nun gut zwei Jahren bin ich selbständige Zumba-Trainerin und unterrichte Kinder / Erwachsende. Schwerpunkt meiner Arbeit liegt vor allem im Kinderbereich. Da es in meiner Umgebung sehr viele Zumbatrainer gibt, ist es sehr schwierig bekannt zu werden und neue Kunden zu gewinnen.

Die Homepage soll mir helfen, meine Leistungen zu veranschaulichen.

Gerade bei den Kinderkursen ist eine Kommunikation mit den Eltern sehr schwierig, da Infos über neue Kursblöcke von den Kindern nur spärlich an die Eltern weitergebeben werden. Mittels einer Homepage könnte ich nicht nur mich als Trainerin vorstellen, sondern auch die einzelnen Kurstermine und Kursinfos ankündigen.

Aus Lizenzgründen muss ich auf den Namen Zumba verzichten.

Homepage:

Die Homepage soll in erster Linie zur Bekanntmachung meiner Kinderkurse dienen (die Erwachsenenkurse halte ich an der Volkshochschule ab, hier muss ich keine Teilnehmer werben). Dennoch sollten die Erwachsenenkurse auf der Homepage erwähnt werden, da dies genauso zu meinen Leistungen zählt. Gerade in der Vergangenheit kam es auch öfters vor, dass Eltern von meinen Kinderkursen an Erwachsenenkursen von mir teilgenommen haben.

Die Homepage sollte folgende Informationen enthalten:

·       Leistungen (Kinderkurse, Erwachsenenkurse)

·       Aktuelle Termine

·       Preise

·       Video

·       Über mich

·       Kontakt

·       Eventuell Aktionen (Weihnachten?)

Es sollte auch die Möglichkeit bestehen, sich gleich direkt über die Homepage für einen Kurs anzumelden (per Mail à Kontaktformular).

Generell sollte die Homepage sehr Übersichtlich und auf den wesentlichen Inhalt beschränkt sein.

Zielgruppe:
Kinder zwischen 4 und 9 Jahren (wobei sich eher die Eltern die Homepage ansehen werden) und Erwachsene mit Interesse an GroupFitness-Kursen.

Meine erste Idee war es, eine eher kindliche Homepage zu gestalten. Da aber eher Eltern die Homepage besuchen werden und in Zukunft auch andere Kurse für Erwachsene (Aerobic / Bokwa) angeboten werden sollen, sollte die Homepage eher neutral sein.

Corporate Design

Bilder: Benötigt werden drei Sliderbilder, 2 Bilder als Hintergrund für Formulare, 4 kleinere Bilder im Bereich „About“. In den Bereichen Kurse und Preis sollen Grafiken erstellt werden (selbst gezeichnet). Die Grafiken sollen eine Stil besitzen und gut zusammenpassen, ebenso die Bilder.

Farben:

·       Hauptfarben sollen Grau und Grün sein.

·       Grau: #666666

·       Grün: #AFD128

·       Beide Farben sollen ident mit den Farben des Logos sein.

Warum Grün?

·       hilft Körper und Seele ins Gleichgewicht zu bringen

·       regenerierend und harmonisierend

·       wirkt erfrischend

·       vitalisierend

·       fördert Ausgeglichenheit

·       fördert die Konzentration

·       bringt Harmonie ins Leben

Warum Grau?

·       Grau, als Mischfarbe von schwarz und weiß, symbolisiert den Grenzbereich, das Undurchdringliche, und steht für Neutralität und Vorsicht.

Quelle: http://www.farbenundleben.de/farbwirkung/farbwirkung_psychisch.htm abgerufen am 06.03.2015

Schrift:

·       Open Sans Regular  (Fließtext)

·       Open Sans Bold  (Überschriften) 

Die Schrift ist je nach Hintergrund weiß bzw. auf weißem Hintergrund grau gehalten. Das Menü ist in grauer Schrift, active = grün.

Buttons: grüner Button, weiße Schrift; hover  = Button weiß, grüne Schrift

Aufbau:

·       Home

·       About (Infors über mich)

·       Angebot (Beschreibung Kinderkurse, Erwachsenenkurse)

·       Termine (Terminübersicht - Datum, Uhrzeit, Adresse)

·       Preis (Kinder (Schnuppern, 6er Block) / Erwachsene (Verweis zur VHS-OÖ)

Vii  Video (Einbetten von Youtube)

·       Contact (Formular für Nachricht)

·       Footer (meine Kontaktdaten)

Entwurf:

·       Oben links befindet sich das Logo daneben ist das Menü.

·       Anschließen ist ein Slider mit drei Bildern platziert.

·       Im nächsten Element befinden sich ein kleiner Willkommens-Text, eine Beschreibung zu meiner Person und vier Bilder.

·       Im Bereich Angebot soll der Kinder- bzw. Erwachsenenkurs beschrieben werden. Neben der Beschreibung wird eine Grafik passend zum Thema platziert. Die Grafik möchte ich gerne per Hand zeichnen, sowie alle anderen Grafiken auch. Für den Bereich Kinder möchte ich eine „Strickmännchen“-Kinder Grafik zeichnen, für die Erwachsenen eine „Strickmännchen“-Erwachsenen Grafik.

·       Darunter befinden sich die aktuellen Termine, dargestellt in Rechtecken (Angabe von Ort, Art des Kurses, Termine, Anmeldebutton)

·       Newsletter: Formular zum Anmelden für den Newsletter, Hintergrund soll ein Bild sein, genauso wie bei dem Kontaktformular. D.h. bei Formularen soll immer ein Hintergrundbild gezeigt werden.

·       Im Bereich Preis, soll ein Überblick über die einzelnen Preisarten gegeben werden. Dazu wieder zwei Grafiken, eine für den Kinderkurs (Sparschwein als Symbol) und eine Grafik für die Erwachsenen (Euromünze). Beide Grafiken möchte ich gerne wieder selbst zeichnen.

·       Das Kontaktformular soll die Möglichkeit geben, mir Nachrichten zu schicken, bzw. zusätzliche Informationen zu den Kursen einzuholen. Da es sich um ein Formular handelt, befindet sich hier ebenfalls ein Bild als Hintergrund.

·       Abschließend wird noch Google-Maps eingebunden und im Footer finden sich meine Adresse, das Copyright sowie das Impressum.

·       Facebook: Nach lange Überlegung bin ich zu dem Entschluss gekommen, dass ich keinen Facebook-Button auf meiner Homepage möchte, da ich nur meine private Facebookseite habe.

·       Favicon: Soll Ähnlichkeiten zum Logo haben, eventuell nur das Kreiselement.

Layouts:

1.    Formular: Felder und Buttons mittig, Bild als Hintergrund

2.    Slider / Google Maps: über die gesamte Seite

o    Termine: Rechteck, fast über die ganze Seite, mittig

3.    Herzlich Willkommen: zweispaltig, links Text (hier schaut man automatisch hin), rechts Bilder

o    Angebot, Preis: zweispaltig, einmal Text links und Bild rechts, dann umgekehrt

Skizze Logo

Skizze Homepage Entwurf

Skizze Grafiken

Skizze Video