COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival...

35
COTTA STREETBALL FESTIVAL

Transcript of COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival...

Page 1: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

COTTA STREETBALL FESTIVAL

Page 2: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

COTTA STREETBALL FESTIVAL

Page 3: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

INHALTSVERZEICHNIS

DAS TEAM• Franziska• Samuel• MatthiasAUSGANGSSITUATION• Zielsetzung• Idee der Website (MindMap)• Situationsanalyse• Zielgruppe• USP• ZweckINHALTSPLAN• Bereiche• Navigation (Projektstrukturplan)LAYOUT• Layout (Corporate Design) • Scribbles• MasterseiteORGANISATION• Gantt-Chart• Quellenverzeichnis

Page 4: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

DAS TEAM

Page 5: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

SAMUEL BASLER, der Allrounder. Das Prinzip nach dem er lebt heißt – mit möglichst wenig Aufwand den größtmöglichen Erfolg erzielen. Manche würden sagen, dass sei eine falsche Einstellung zum Leben, vor allem in der schulischen Ausbildung. Jedoch stellt sein Umfeld jedes Mal aufs Neue fest, er schafft es immer und immer wieder ei-ner der Besten zu sein. Daher sind wir sehr froh ihn und sein Knowhow mit der gewis-sen Leichtigkeit in unserem Team zu haben. Dange Samu!

FRANZISKA GESING, das Pokerface. Man könnte Angst vor ihr haben, wenn man nicht wüsste dass sie gar nicht so mürrisch ist wie sie immer schaut. Doch hinter der oftfinsterenMieneverstecktsichkeinGargamel.EhereineMischungausSchlumpFine und einer weiblichen Form von Papa Schlumpf. Mit diesen Charakterzügen und dem täglichen Hauch von Glitzer und Glamour ist Franzi das Hollywood Sternchen in unserem Team. Heppa Hepp!

MATTHIAS BUCHER, das ruhige „Käpsele“. Mit Matthias in einer Gruppe zu sein, bedeutet immer die Ruhe zu bewahren – auch in Ausnahmesituationen. Er würde es niemals wagen überstürzt zu handeln und schützt somit das Team vor unklugem undunrealistischemHandeln.MatthiasistderProfiaufdemGebietOnlineMarketing– durch den leicht „nerdigen“ Eindruck ist er essentiell für unser Team. Für dumme Sprüche die die Laune für etwa 30 Sekunden heben ist er auch ganz nützlich für eine Gruppenarbeit. In diesem Sinne Matze, danke für deinen manchmal unauffälligen, aber immer nützlichen Einsatz am Projekt!

Page 6: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

AUSGANGSSITUATION

Page 7: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

ZIELSETZUNG. Um das geplante Cotta Streetball Festival der Cotta Schule zu opti-mierenunddenInformationsflusszuerleichternhabenwiresunszumZielgesetztder Event mit einer interaktiven Website zu untermauern. Ziel der Website ist es eine benutzerfreundliche Anmeldung der Teilnehmer zu garantieren und Interessierte ge-nauestens zu informieren.

DIE IDEE ZUR WEBSITE.

Page 8: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

AUSGANGSSITUATION

Page 9: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

SITUATIONSANALYSE. Betrachtet man die vorhandenen Streetballturniere in Deutschland kann man erkennen dass nur wenige Veranstalter auch eine Website für ihr Event bereitstellen. Im Raum Stuttgart, welchen wir für unsere Konkurrenzana-lyse als Basiseinzugsraum genutzt haben, bietet nur ein einziger Mitbewerber, der TSV 1909 Affalterbach, eine solche Website an. Der Verein sichert sich die allgemeine Domain „streetballturnier.de“, auf welche durch eine Google Suche auf schnelle Weise zugegriffen werden kann (zweites Suchergebnis beim Suchen von „Streetballturnier). Die Website zeichnet sich jedoch hauptsächlich durch ihre schlechte Gestaltung und unübersichtliche Anordnung der Menüpunkte aus. Genau diese Dinge werden wir an unserer Website verbessern und dadurch den Interessierten und Bewerben den Zu-gang zum Turnier zu vereinfachen.

ZIELGRUPPE. Unsere interaktiven Website für das Eventkonzept „Cotta-Streetball-Festival“istbasiertaufdieZielgruppedieauchbeidemEventkonzeptklardefiniertwurde:sportaffineJugendlicheimAltervon15-25Jahren,dieSpaßamBasket-ballsport und am Wettbewerb haben und zudem offen sind für „eine andere Art“ von Turnier. Das Eventkonzept fokussiert sich bei dieser Zielgruppe auf die Region Stutt-gart – da die Anreise der Teilnehmer nicht mehr als 60 km betragen soll. Durch das eingeplante Werbemittel „interaktive Website“ ergibt sich die Chance, die Reichweite zu erweitern. Nach einer Umfrage in einer Stuttgarter Basketball-Facebook-Gruppe, auf was es ankommt bei den Basketballinteressierten, wurde klar, dass das Spiel, der Wettbewerb sowie der Spaß im Vordergrund liegen. Also treffen sich unsere Zielgrup-pen bereits im Internet – ist heutzutage schließlich auch der einfachste Weg viele Menschen zu erreichen oder sich zu „vernetzen“.

Page 10: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

AUSGANGSSITUATION

Page 11: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

Auf diese bereits bestehende (positiven) Verknüpfung zur Cotta Schule wollen wir bauenundhabensomit,passendzumumfassendenSportprofilderSchule,diesesportlich aktive Zielgruppe gewählt.

USP – funktionell & fordernd. Die interaktive Informationswebsite mit individuel-lem Spaßfaktor - der virtuelle Ehrgeiz der durch die in der Website integrierten Mini-Spielen bei den Benutzern hervorgerufen wird, macht Lust auf die reale Herausforde-rung und schafft den entscheidenden Anreiz am Turnier teilzunehmen und sich seinen Gegnern auf dem Court zu stellen. Außerdem besitzen wir mit der strukturierten und professionellen Website einen großen Vorteil gegenüber unserer Konkurrenz. Der pro-fessionelle Außenauftritt & die Online-Anmeldefunktion senken die Hemmschwelle zur Registrierung/Teilnahme am Event und schafft vertrauen an uns als Veranstalter.

ZWECK – informativ & unterhaltsam. Wie schon unter „Zielsetzung/Idee“ er-läutert,dientdieinteraktiveWebsitevorallemdazudenInformationsflussunseresStreetball Turniers zu vereinfachen. Turnierdaten sollen unkompliziert online abrufbar sein, Anmeldungen vereinfacht und der Bekanntheitsgrad gesteigert werden. Neben diesen direkten Zielen bietet uns die Website noch weitere Nebenziele. So wird durch die spielerische Anwendung der Mini-Games Interesse an der in der heutigen Genera-tion nicht mehr allzu bekannten Sportart Streetball geschaffen. Außerdem erhöht sich durchdiesesAngebotwelcheszuunseremUSPzähltderTrafficaufunsereWebsite.Zudem bieten wir mit der Website unseren Sponsoren & Partnern erhöhte Anreize für ein Sponsoring So können wir starke Verlinkungen (Backlinks) anbieten, welche die Websites unserer Sponsoren SEO technisch verbessern.

Page 12: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

INHALTSPLAN

Page 13: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

BEREICHE – Startseite. Öffnet sich die Startseite wird automatisch ein Street-ball-Trailer abgespielt. Dieser soll Seitenbesucher in Streetball Stimmung versetzten und ein Festival Feeling heraufbeschwören. Unterstützt wird dies durch ein Streetball Moodbild, das am Rand der Seite platziert ist.

Page 14: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

INHALTSPLAN

Page 15: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

BEREICHE – Masterseite. Die Masterseite untergliedert sich in Header, Main Frame und Footer.

ImHeaderfindetsichdasLogosowiederSchriftzug„CottaStreetballFestival“wieder.DieNavigationsleistezudenUnterseitenistebenfallsimHeaderzufinden.

Im Footer werden Logos von Partnern & Sponsoren, sowie Social-Media Buttons und das Impressum platziert.

BEREICHE – Anmeldung. AufderAnmeldeseitefindetsicheinFormularzurAn-meldung für das Streetball Turnier. Dem Nutzer steht außerdem die Möglichkeit zu Verfügung sich über ein double opt-in Verfahren für einen Veranstaltungsnewsletter anzumelden.

Page 16: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

INHALTSPLAN

Page 17: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

BEREICHE – Infos. Der Infobereich unserer Website soll allen Teilnehmern, Besu-chern und Interessierten einen strukturierten Überblick über alles Wissenswerte zum Festival geben. So sollen Nicht-Anmeldungen aufgrund von fehlenden Informationen oder offenen Fragen vermieden werden. Neben dem seitenübergreifenden Header und Footer besteht die Infoseite aus vier Abschnitten:TurnierablaufUnter diesem Abschnitt ist der grobe Ablauf- und Zeitplan des Turniers tabellarisch dargestellt. Der Bereich soll Teilnehmern und Interessierteren zur Planungshilfe und Zeiteinschätzung dienen.TurnierregelnHier werden die wichtigsten Turnierregeln aufgelistet und organisatorische Dinge be-kanntgegeben (z.B. Was müssen Teilnehmer mitbringen, was wird gestellt?).FragenformularHier wird ein Formular eingebunden, über welches man Fragen oder Anmerkungen di-rekt an die [email protected] richten kann. Das Formular beinhaltet die Felder „Betreff“, „Email“ & „Text“.AnfahrtHier wird der Google-Maps Routenplaner eingebunden. Außerdem wird ein Link zur VVS gesetzt und die entsprechende Haltestelle genannt.

Page 18: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

INHALTSPLAN

Page 19: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

BEREICHE – Galerie. Die Galerie ist vor allem aus Marketinggründen wichtig. Sie soll durch ansprechende Bilder und ein gelungenes Design, den Interessierten Lust auf das Turnier machen und die Anmeldungen in die Höhe treiben. Außerdem liefert es Seitenbesuchern einen besseren Eindruck über die Location und das Feeling auf dem Turnier.

BEREICHE – Spiele. Als Fun Faktor, um dem User den Aufenthalt auf unserer Seite so abwechslungsreich und spannend wie möglich zu gestalten, bieten wir unseren Besuchern ein Spiel an. Mit einer Mischung aus einem Basketballspiel und Reaktions-test wird dem Spieler einiges abverlangt. Das Spiel beginnt damit, dass in langsamen Tempo Basketballkörbe an verschiedenen Stellen auf dem Bildschirm auftauchen. In diese Körbe muss der Spieler die vorhandenen Basketbälle so schnell wie möglich „dunken“ in dem er sie mit dem Mauszeiger in die angezeigten Körbe wirft. Je länger das Spiel dauert desto kürzer ist die Einblendzeit der Körbe was das Spiel mit längerer Laufzeit immer schwieriger macht. Mit einer Highscore Tabelle können sich die Nutzer auf unserer Homepage mit ihrem Resultat verewigen. Dies läd natürlich dazu ein die Website öfters zu besuchen um seinen Highscore auf Platz eins zu halten.

Page 20: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

INHALTSPLAN

Page 21: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

NAVIGATION – Projektstrukturplan.

Page 22: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

LAYOUT

Page 23: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

LAYOUT – Corporate Design. Das Layout unserer Seite orientiert sich vollstän-dig am Corporate Design der Johann-Friedrich von Cotta Schule. Neben der Schriftart „Verdana“ werden Logo und Schriftfarbe ebenfalls mit den entsprechenden schwarz undrotTönenderCottaSchulegestaltet.GrafischhabenwireinBasketballfeldinGrautönen als Hintergrund der Website gelegt um den „Streetstyle“-Charakter auch visuell erlebbar zu machen.

• Schrift: Verdana Regular Verdana Italic Verdana Bold Verdana Bold Italic

• Bild:

R: 183G: 14B: 11

R:35G: 31B:32

• Farben:

Page 24: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

LAYOUT

Page 25: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus der Zusammenhang zwischen Schule und Sport hergestellt wird. Bestandteil des Logos ist ebenfalls der Name unserer Veranstaltung „ Cotta Streetball Festival“.

Page 26: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

LAYOUT

Page 27: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

LAYOUT – Scribbles.

Page 28: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

LAYOUT

Page 29: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

LAYOUT – Scribbles.

Page 30: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

LAYOUT

Page 31: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

LAYOUT – Masterseite.

Page 32: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

ORGANISATION

Page 33: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

ORGANISATION – Gantt-Chart.

KW 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26Inhalt Wer Dauer JuliPlanungshilfenMind Map alleInhaltsverzeichnis MatzeProjektstrukturplan Matze/FranziProjektzeitplan SamuQuellenverzeichnis alle

AusgangssituationZielsetzung MatzeIdee FranziMarkt & USP FranziZielgruppe MatzeZweck SamuDrehbuch Erstellung Franzi

Inhalt / ProgrammierungInhaltsplan alleBereiche alleNavigation alleMasterseite alleLayout (CD) SamuScribbles SamuTeamvorstellung Franzi

Januar Febraur April

Interaktive Streetball WebsiteMonat und Woche

Abgabe Drehbuch

März

Zwischenbericht

Abgabe

Master Version

Mai Juni

FERIEN

FERIEN

FERIEN

FERIEN

FERIEN

Page 34: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

ORGANISATION

Page 35: COTTA STREETBALL FESTIVAL - ProjecToniC...LAYOUT – Logo. Das Logo der Cotta Streetball Festival Homepage ist eine Kreati-on des Cotta Logos mit Basketball relevanten Elementen, woraus

ORGANISATION – Quellenverzeichnis.

• Die Idee der interaktiven Website basiert auf unserem Eventkonzept „Cotta-Streetball-Festival“ - Zahlen, Daten Fakten aus dem Booklet

• Aus diesem Konzept stammt auch der Trailer der an der Startseite abgespielt wird• Hintergrundbild unserer Website: https://de.pinterest.com/pin/362399101244156147/

• http://www.cotta-schule.de/• https://www.cotta-design.de/• http://www.dropitin.de/• Logo der Cotta Schule