Abgabe: Webdesign

Anforderungen

Was ist alles abzugeben?

Bei der finalen Abgabe für den Webdesign-Teil des Wahlfaches sind bis 04. Mai 2025 folgende Ausarbeitungen für euer frei gewähltes Projekt abzugeben:

  1. Konzept & Navigationsstruktur
    Der PDF-Export aus FigJam beinhaltet mindestens:
    • Konzeptionelle Überlegungen in Form von Textfeldern/Post-Its (=Zweck der Webseite, Zielgruppe, gewünschte Handlungen der Zielgruppe)
    • Navigationsstruktur als Hierarchie-Baum (= Felder und Zuordnungen für alle geplanten Seiten + grobe Beschreibung des Inhalts pro Hauptmenü-Seite)
  2. Designkonzept
    Der PDF-Export aus Figma beinhaltet mindestens:
    • Farben (mind. 3 definierte Farben)
    • Schriften (mind. h1, h2, h3, h4, p)
    • Buttons & Links (Default- und Hover-State)
    • verwendete Bildsprache und/oder Icons
    • Navigationsleiste
    • Footer
    • mind. 2 wiederkehrende Elemente oder Abschnitte
  3. Screendesign der Startseite
    Der PDF-Export aus Figma beinhaltet mindestens:
    • Navigationsleiste
    • Hero-Section / großer erster Einstieg
    • mehrere Abschnitte bzw. Teaser der wichtigsten Unterseiten
    • abschließender Call-to-Action
    • Footer
    WICHTIG:
    Keine Platzhaltertexte!
    Ein One Pager präsentiert auf der Startseite natürlich den gesamten Inhalt der Webseite!
  4. Optimierungen:
    Der PDF-Export aus Figma beinhaltet mindestens:
    • Eine eigene Seite für das Design Navigationsleiste bei Maus-Interaktion
    • Eine eigene Seite für die mobile Darstellung der Startseite (Smartphone-Größe)
    • Eine eigene Seite für die mobile Darstellung der Navigation (Smartphone-Größe)
    WICHTIG:
    Da bei One Pager keine Navigationsleiste gestaltet werden kann, müssen hier stattdessen andere Optimierungen je auf Desktop- und mobiler Darstellung gezeigt werden – siehe Unterrichtsunterlagen (z.B. Pop-Ups, weitere Hover-Effekte, barrierefreie Einstellungen, …)!

Datei-Benennung beachten: Nachname_Vorname_Inhalt.pdf
z.B. Ascher_Simona_Navigationsstruktur.pdf

Nach oben scrollen