Aufgabe Gestaltung und Technik – Digital

Prüfungsbereich 1: Gestaltungsumsetzung und technische Realisation

Prüfungsstück I: Lösungsvorschlag (Entwurf) mit Arbeitsplanung für eine Website  (Konzeptionsphase 10 Arbeitstage)

Das „Theater im Parkett“ will das Festival nutzen, um mehr Aufmerksamkeit zu bekommen. Ein neuer Internetauftritt soll neben diversen Werbemitteln als Kommunikationsplattform dienen. Neben der Präsentation des Festivals soll die Website natürlich auch das Theater vorstellen, einen aktuellen Spielplan zeigen und die Möglichkeit bieten, Tickets zu reservieren.

Umsetzung:

1. Entwickeln Sie auf Basis der Aufgabenbeschreibung einen Lösungsvorschlag mit Arbeitsplanung.
   Das Bildmaterial und das Logo sind vorgegeben. Auswahl und Umfang der verwendeten Bilder sind freigestellt, Bildmontagen und Verfremdungen sind möglich. Eigene grafische Elemente und Piktogramme können erstellt und verwendet werden. Der gesamte vorgegebene Text ist zu integrieren und darf redaktionell nicht verändert werden. Textelemente des vorgegebenen Textes dürfen als Bildunterschrift, Textzitate (Quotes) oder grafische Stilelemente auf der Website verwendet werden.
2. Der Kunde gibt vor, dass die Website nach den Regeln des Responsive Webdesign zu optimieren ist. Entwerfen Sie für die Viewport-Breiten ≤ 750 px und ≤ 1200 px eine optimierte Ansicht der Website.
3. Entwickeln Sie ein Gestaltungskonzept für die Menüführung/Navigation des Web-Auftritts anhand der im Text vorgegebenen Bezeichnungen der einzelnen Menüpunkte. Die grafische Darstellung des Menüs ist den jeweiligen Anforderungen der einzelnen Breakpoints anzupassen. Die „Startseite“ und die Seite „Festival“ sind hierbei komplett auszuarbeiten.
4. Integrieren Sie auf der Startseite eine 15 bis 20 Sekunden lange Animation. Es sollen die Texte der Datei „Animation.docx“ und mindestens die vier gestellten Bilder verwendet werden. Weitere Bilder oder grafische Elemente können frei gewählt werden. Die Art der technischen Umsetzung der Animation ist freigestellt, es darf allerdings kein Flash als Ausgabeformat zum Einsatz kommen

Fertigen Sie anhand Ihres Entwurfs einen lauffähigen Internetauftritt für das „Theater im Parkett“ an. Setzen Sie die „Startseite“ und die Seite „Festival“ mittels aktueller HTML5-, CSS3-Elemente und JavaScript o. ä. um.

Die Website ist für die vorgegebenen Viewports entsprechend zu optimieren.

Erstellen Sie die Animation auf der Startseite entsprechend der von Ihnen vorgesehenen Technik. Die Website ist für eine aktuelle Version eines Browsers Ihrer Wahl zu optimieren. Entwickeln Sie ausschließlich eine clientseitige Lösung.