Aufgabe Gestaltung und Technik – Digital

Prüfungsbereich 1: Gestaltungsumsetzung und technische Realisation

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

Der SV Trainingen möchte das Sportereignis Waldtriahlon in Form einer eigenen responsiven Microsite präsentieren und bewerben. Planen und gestalten Sie die Microsite.

Umsetzung

1. Entwickeln Sie auf Basis der Aufgabenbeschreibung einen Lösungsvorschlag mit Arbeitsplanung. Das Logo muss verwendet werden. Auswahl und Umfang der Bilder sind freigestellt, Bildmontagen und Verfremdungen sind möglich. Zusätzliche lizenzfreie Bilder können eingesetzt werden. Urheberrechte sind zu beachten und in der Dokumentation mit anzugeben. Eigene grafische Elemente und Piktogramme können erstellt und verwendet werden. Der gesamte Text ist zu integrieren und darf redaktionell nicht verändert werden. Textelemente des vorgegebenen Texts dürfen zusätzlich als Bildunterschrift, Textzitate (Quotes) oder grafische Stilelemente auf der Microsite verwendet werden.
2. Der Sportverein wünscht, dass die Microsite auf möglichst vielen Endgeräten (Devices) dargestellt werden kann. Unabhängig vom Alter des Geräts und der Leistungsfähigkeit des verwendeten Browsers soll der vom Sportverein gewünschte Inhalt auf den Endgeräten vermittelt werden. Dabei soll die Umsetzung den Gedanken des „Progressive Enhancements“ folgen.
3. Die Microsite soll nach den Regeln des responsiven Webdesigns optimiert werden. Entwerfen Sie eine optimierte Ansicht der Microsite. Das jeweilige Device soll dabei seine native Breite nutzen. Die zu beachtenden Viewports sind „< 576 px“, „≥ 576 px“, „≥ 992 px“ und „≥ 1400 px“.
4. Das Logo soll entsprechend den Regeln des responsiven Webdesigns mittels Reduktion und Skalierung optimiert auf den jeweiligen Devices dargestellt werden. Dabei soll die Darstellung des Logos den Prinzipien des „Responsive Logo“ folgen und für die drei Viewports „< 576 px“, „≥ 576 px“ und „≥ 992 px“ gestaltet werden.
5. Gestalten Sie passende Icons für:
   • Start
   • Ziel
   • Verpflegungspunkt
   • die Sportarten
     – Radfahren
     – Schwimmen
     – Laufen
6. Unter dem Menüpunkt „Streckenpläne“ werden die unterschiedlichen Strecken für Schwimmen, Radfahren und Laufen präsentiert. Dazu soll eine Karte die unterschiedlichen Strecken für Schwimmen, Radfahren und Laufen mit einer Auswahlmöglichkeit und der Anzeige der einzelnen Strecken integriert werden. Entwickeln Sie ein Konzept anhand der vorgegebenen Streckenpläne. Die zu den Streckenplänen gehörende Legende soll Folgendes enthalten:
   • die Namen der einzelnen Strecken
   • die Länge der jeweiligen Runde in Kilometer oder Meter
   • die Icons für die jeweilige Sportart: Schwimmen, Radfahren oder Laufen
   Die einzelnen Strecken sollen über die Legende ausgewählt werden können.

Einzusenden sind je ein farbiger Ausdruck der gestalteten Screens (ohne Browserleiste) auf DIN A4 und die Bilder in der Abfolge der Animation auf max. zwei DIN-A4-Seiten.