Aufgabe Gestaltung und Technik – Digital

Aufgabenbeschreibung

Projekt: Internetauftritt des Vereins „impulse e.V.“

Der Verein „impulse e.V.“ ist ein gemeinnütziger Verein, der Menschen in schwierigen Lebenslagen unterstützt. Bisher wurde die Außenkommunikation von Laien gestaltet. Nun sollen alle Informations- und Werbemittel professionell neu gestaltet werden.
Beachten Sie das Beiblatt „Informationen über den Kunden“. → PDF-Download

„impulse e.V.“ möchte seinen Internetauftritt aktualisieren. Er wünscht einen sachlichen, seriösen und modernen Auftritt, der die Vielfalt der Dienstleistungen widerspiegelt. Der Leitsatz von „impulse e.V.“. „Den einzelnen Menschen in seinem Eigenbewusstsein und seiner Mitverantwortung für die Mitmenschen stärken, sozialen Ungleichheiten entgegenwirken und Verbesserungen der Lebensbedingungen der Menschen bewirken“ soll gestalterisch berücksichtigt werden.

Prüfungsbereich 1: Gestaltungsumsetzung und technische Realisation

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

„impulse e.V.“ beauftragt Sie mit der Erstellung eines Internetauftritts. Dieser muss aufgrund der gesetzlichen Bestimmungen barrierefrei zugänglich sein. Gleichzeitig soll der Inhalt bei konsistenter Gestaltung auf verschiedenen Endgeräten (PC-Screen, Smartphone und Tablet) präsentiert werden.

Zielgruppe:

• Alter 30–55 Jahre
• beide Geschlechter
• Personen im Umfeld des zu betreuenden Klientels

Die angebotenen Dienstleistungen sind zeitlich begrenzte Projekte. Dabei variieren die Projektzeiten zwischen ein und zehn Jahren. Dies bedeutet, dass im Menü neue Projekte hinzukommen, bzw. bestehende wegfallen können. Beachten Sie diesen Aspekt bei der Entwicklung der Website und der Menüführung/Navigation.

1. Entwickeln Sie auf der Basis der Aufgabenbeschreibung einen Lösungsvorschlag mit Arbeitsplanung.
2. Entwickeln Sie ein Gestaltungskonzept für die Menüführung/Navigation anhand der vom Kunden mitgelieferten Strukturskizze. Die grafische Darstellung des Menüs ist den jeweiligen Anforderungen der selbst definierten Breakpoints anzupassen.
3. Auswahl und Umfang der verwendeten Bilder sind freigestellt, Bildmontagen und Verfremdungen sind möglich. Neben dem vom Kunden gelieferte Bildmaterial dürfen Sie, falls benötigt, eigenes Foto- und Grafikmaterial verwenden. Modifizierungen bzw. Veränderungen sind zulässig. Urheberrechte sind zu beachten und in ihrer schriftlichen Erläuterung zur Gestaltung mit anzugeben.
4. Der gesamte Text ist zu integrieren und darf redaktionell nicht verändert werden.

Fertigen Sie anhand Ihres Entwurfs eine lauffähige Internetseite. Die Navigation ist aus den von Ihnen entwickelten Menüpunkten auf der Grundlage der Strukturskizze umzusetzen. Folgende funktionsfähige Navigationselemente mit den dazugehörigen Seiten sind anzulegen:

• Home
• Berufsausbildung Umschulungsbegleitende Hilfen (ubH)
• Über uns Leitbild
• Impressum inkl. Standorte

Die Website ist für die aktuelle Version des Browsers „Chrome“ zu optimieren. Es soll zunächst eine clientseitige Lösung entwickelt werden. Serverseitige Überlegungen, wie zum Beispiel die Optimierungsmöglichkeiten, die bei der Bilderskalierung zum Einsatz kommen können, sollen an dieser Stelle nicht einbezogen werden.

Arbeitsanweisungen:

• Die Text-Bild-Zuordnung ist nach gestalterischen und logischen Gesichtspunkten vorzunehmen.
• Die Verwendung von eigenen grafischen Schmuckelementen ist möglich, Bildmodifikationen und -collagen sind unter gestalterischen Gesichtspunkten zulässig.
• Das Navigationsmenü ist benutzerfreundlich zu gestalten.
• Skripte dürfen verwendet werden. Im Code wie in der Dokumentation müssen die Quellen bei fremden Skripten angegeben werden.

Hinweis: Der Kunde möchte die Seite später dynamisieren lassen (dies ist nicht Teil der Prüfungsaufgabe, soll aber bei der Entwicklung der Website mit berücksichtigt werden).