Header und Footer bieten Orientierung, erleichtern die Navigation und enthalten wichtige Infos, was Struktur und Nutzerfreundlichkeit verbessert.
Inhalt
Powerpoint
Präsentation von Sebastian Hörmann und Leo Scharmann
Header
Navigation
- 3–6 Hauptmenüpunkte
- Dropdowns nur bei komplexen Seiten
- Einheitliches Design auf allen Seiten
Lesbarkeit & Kontrast
- Hoher Kontrast zwischen Hintergrund und Text
- Klare, moderne Schriftarten (z. B. Open Sans, Roboto)
Fixierte Navigation (optional)
- Schnellere Navigation beim Scrollen
- Kompakte Darstellung, um Platz zu sparen
Logo & Branding
- Links oder zentriert
- Klickbar, verlinkt auf die Startseite
Call-to-Action (CTA)
- Farblich abgehobene Buttons
- Klare, direkte Beschriftung
Mobile-Optimierung
- Hamburger-Menü für kleine Bildschirme
- Touch-freundliche Abstände
Footer
Struktur
- Über uns (Mission, Team, Philosophie)
- Kontakt (E-Mail, Telefon, Adresse)
- Rechtliches (Impressum, Datenschutz, AGB)
- Social Media (Icons mit Links)
Design
- Dunklerer Hintergrund für klare Abtrennung
- Dezente Trennlinien oder Boxen
Inhalte
- Kleine, aber gut lesbare Schrift
- Nur relevante Links
Interaktion
- Icons statt Textlinks
- Optional: Newsletter, Chat, Feedback-Formular
Rechtliches
- Impressum, Datenschutz, AGB als Links
- Dezente Platzierung
„Nach oben“-Button
- Unauffällig, aber sichtbar
- Erhöhte Benutzerfreundlichkeit
Fazit
- Klare Struktur
- Hohe Benutzerfreundlichkeit
- Konsistentes, professionelles Design