Aufgabe · Gerät (One-Pager)

Vorgaben

Termin

Am 24. März 2017 müssen von allen relevanten Teilen PNG-Bilder abgegeben werden. Lauffähige Demo (HTML) ist möglich.

Ausgangslage

Für ein einmaliges Projekt soll ein Gerät, welches mindestens 10 Jahre alt ist, kurz in seiner Gestalt und seiner Geschichte vorgestellt werden. Die endgültige Seite soll als One-Pager gelöst sein. Die Website hat lediglich die Aufgabe die Information und eine Stimmung zu vermitteln. Es gibt kein Produkt- oder Marktinteresse.

Funktionalität

Die Website soll auf einfache Weise an einem Desktop-Computer oder aber auf einem Smartphone bedienbar sein. Die vorgegebenen Inhalte sollen einfach zugänglich sein. Die Website soll sich dabei an gewohnte Interface-Konzepte im Web orientieren, so dass dem Benutzer eine schnelle Bedienung der Website gewährt ist.

Technologie

Die Website muss auf einem Bildschirm mit einem sichtbaren Browserfenster von 1100 × 550 px und auf einem Smartphone mit sichtbaren 375 × 667 px (device pixel ratio: 1) bedienbar sein. Beim Smartphone darf die kleinste Touch-Grösse (kleinster Link) 35 × 35 px nicht unterschreiten. Die Website wird später von einem Programmierer mit HTML5 und CSS umgesetzt. Bei technologischen Entscheidungen betreffend Browsern, werden nur Edge, Chrome, Safari, Firefox und iOS/Android berücksichtig, die innert den letzten 10 Monaten erschienen sind.

Flexibilität

Das Manuskript ist abschliessend und es werden keine weiteren Inhalte später hinzugefügt.

Gestalterische Aufgabe

Die gestaltenden Personen haben die Aufgabe, ein Konzept der Website zu präsentieren und somit die Inhalte der Seite zu entwerfen. Aufzuzeigen sind die im Manuskript enthaltenen Strukturen (Inhalte), so dass eine klare Idee über die gestalterische/inhaltliche Struktur erhalten werden kann, wie auch die technische Realisation aufgrund der endgültigen Abgabe erfolgen kann. Ein Bildkonzept für die Handhabung und die Ästhetik der Bilder in der Website muss gezeigt und mit Platzhaltern visualisiert werden.

Zu visualisieren sind alle Inhalte auf zwei Bildschirmgrössen:

Smartphone 375 × 667 px (iPhone 6 Dimension – device pixel ratio: 1)
Bildschirm 1280 × 768 px

Darin eingezeichnet muss ein Browserfenster sein.

Aufgezeigt werden müssen die Inhalte des Manuskripts und alle Teile die zum Verständnis der Website beitragen. Abgegeben werden muss auch eine Vermassung der eingesetzten Architektur (zum Beispiel Raster oder Hilfslinien).

Bewertung

Technik (15%)

Die Abgegebenen Visualisierungen sind für die technische Realisation aussagekräftig und vollständig
Die technischen Vorgaben sind eingehalten
Realisierbarkeit ist gegeben

Inhalt (20%)

Inhaltliche Strukturen wurden erhalten oder verstärkt
Alle Inhaltselemente wurden genügend Visualisiert
Inhalte, die auf dem Manus fehlen, wurden wo nötig mit Platzhalter visualisiert

Führung/Menü (25%)

Menüstruktur ist schlüssig und schnell zugänglich
Menü wurde für Touch-Devices optimiert
Die aktuelle Position innerhalb der Website ist stets nachvollziehbar
Die Leseführung ist überlegt und offensichtlich
Gewohnte Interface-Konzepte

Grafisches Konzept (40%)

Das Grafische Konzept ist schlüssig und durchgängig
Grafische Sprache entspricht dem Inhalt
Typografie überlegt eingesetzt
Seitenarchitektur überlegt
Zweckmässigkeit gegeben

Manuskript – Inhalte

Die Struktur der Website soll die nachfolgenden Inhalte umschliessen. Sollte die Strukturierung der Inhalte vom Gestalter oder der Gestalterin anders vorgeschlagen werden, so ist dies möglich. Alle Texte die in diesem Manuskript nicht ausgearbeitet sind, sind mit Platzhaltern zu visualisieren. Stimmungsbilder dürfen ergänzt werden. Quellen müssen überall angegeben werden.

Titel & Intro

Einstieg (etwa 450 Zeichen)

Geschichte

Hintergrund zum Gerät (etwa 2000 Zeichen)

Fotogalerie

Fotos zum Gerät (mindestens 12 Stück)

Video

Dokumentation
Anwendung

Verweise

Links