Aufgabe · Architekten

Vorgaben

Termin

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

Ausgangslage

Für ein Architekturbüro muss eine «Portfolio Website» neu gemacht werden. Die bestehende Website dient als Ausgangslage. Die neue Site wird die bestehende Website ablösen. Es muss eine Analyse über die jetzige Seite gemacht werden und es müssen Vorschläge gemacht werden, welche Verbesserungen getätigt werden sollen. Die Zielgruppe sind potentielle Auftraggeber, die dem Architekturbüro einen Direktauftrag vergeben (Studie oder Bauprojekt) oder aber das Büro für einen Wettbewerb einladen möchten.

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 nicht abschliessend. Es wird im Laufe der Arbeit noch ein «Update» (4. April 2017) geben. Die Website muss in der Gestaltung also genügend flexibel bleiben, so dass auch später hinzugefügte Inhalte, Anforderungen und Menü-Strukturen möglich sind.

Manuskript

Es steht den Studierenden frei, welche Website für ein Redesign gewählt wird. Es ist jedoch zu beachten, dass die Struktur und der Umfang der Website gut ausgebaut ist. Bitte keine Kleinstbüros.

Gestalterische Aufgabe

Die gestaltenden Personen haben die Aufgabe, ein Konzept der Website zu präsentieren und die Inhalte der Seite exemplarisch zu gestalten. Aufzuzeigen sind in einem hierarchischen Diagramm die Inhalte und die Struktur der Website. Mit der Abgabe muss die klare Idee über die gestalterische/inhaltliche Struktur erkennt werden können. Die technische Realisation könnte aufgrund der Abgabe ausgeführt werden. Ein Bildkonzept für die Handhabung und die Ästhetik der Bilder in der Website muss gezeigt 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 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 (25%)

• Inhaltliche Strukturen wurden verstärkt
• Alle Inhaltselemente wurden genügend Visualisiert
• Vorschlag zur Gliederung ist überlegt und nachvollziehbar

Führung/Menü (30%)

• 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 (30%)

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

Architekten – Update

Erweiterung

Zusätzlich zur Aufgabestellung muss in den Entwürfen ein Suchfeld vorgesehen werden, welches auf jeder Seite (Desktop) sichtbar ist. Auch für die mobile Version muss eine geeignete und leicht zugängliche Suche vorgeschlagen werden. Der Suchindex umschliesst auch hochgeladene PDF-Dateien. Im Suchergebnis soll klar ersichtlich sein, ob der Treffer nun in einem PDF war oder auf einer Seite und somit der Link auf eine Website führt oder ein PDF-Download ausführt.

Zusätzlich soll die Website Zweisprachig werden (DE/EN) es muss möglich sein, einfach zwischen den Sprachen zu wechseln.

Abgabe

Diese Erweiterung ist Bestand der Endgültigen Abgabe.