Webdesign - Webseiten planen, gestalten - Free-Hack Library

190
4.
5.
Übung: Siteplanung der „pixographen“-Site
Entwickeln Sie auf Basis der Main Idea eine Site- und eine
Navigationsstruktur und stellen Sie diese als Strukturdiagramm
dar. Überlegen Sie, welche Seiten Sie erstellen und
wie diese in der Struktur organisiert werden.
Entwickeln Sie Vorschläge für das Interaktionsdesign und
visualisieren Sie diese in Form eines Navigationslayouts.
Definieren Sie die Interaktionselemente und nehmen Sie
eine erste Seitenuntergliederung vor. Spielen Sie im Papierprototyp
unterschiedliche Navigationswege durch.
Im „Kunden-Briefing“ erfahren Sie, dass für die Site mindestens
folgende Seiten gewünscht werden:
• Startseite
• Eine Seite über die Firma „pixographen“ (mit Kurzvorstellung
der drei pixographen inklusive Foto)
• Portfolio (Web Design Gazette und Tragamin)
• Dienstleistungen der „pixographen“
• Kontaktformular mit Impressum
• Vorbereitung für ein Weblog „Pixoblog“ auf Basis von
Wordpress. (nur in Navigationsstruktur berücksichtigen)
Die „pixographen“ sind:
• Lena: Dipl.-Designerin (beherrscht Photoshop, InDesign,
Illustrator, Flash und Dreamweaver, hat grundlegende
CSS-Kenntnisse)
• Tom: Programmierer (beherrscht Java mit JSP/Servlets, PHP,
ASP sowie Python und beginnt sich gerade für Ruby on
Rails zu begeistern)
• Robert: Diplom-Informatiker (Medieninformatik FH), hat
vor seinem Studium eine Ausbildung als Fotograf gemacht.
Er ist das „Mädchen für alles“ und kann neben XHTML und
CSS ein bisschen von allem.
Das bieten die „pixographen“ an:
• Webdesign-Paket „Pixo-Start“ (555,- €)
Individuelles, professionelles Webdesign mit maximal 5
Unterseiten auf Basis von XHTML und CSS.
• Webdesign-Paket „Pixo-Standard“ (999,- €)
Individuelles, professionelles Webdesign mit maximal 10
Unterseiten inklusive Kontaktformular auf Basis von XHTML
und CSS.
• Webdesign-Paket „Pixo-Deluxe“ (1555,- €)
Individuelles, professionelles Webdesign mit maximal 20
Unterseiten auf Basis von XHTML, CSS inklusive eines kleinen
Flash-Intros und Einrichten einer freien Blogsoftware
inklusive Template-Erstellung.
• Webdesign-Paket „Pixo-CMS“ (2555,- €)
Individuelles, professionelles Webdesign mit maximal 25
Unterseiten auf Basis von XHTML und CSS inklusive einer