VITAL e.V.: fünf Richtungen für die neue Website

Fünf Startseiten mit echten Inhalten, Fotos und Farben des Vereins. Alle fünf sind klickbar, optimiert für die Ansicht am Laptop/Desktop. Es sind Richtungsentwürfe, noch keine fertigen Layouts.

Vorschau Entwurf 1

1 · Vertraut

Aufbau wie heute (Servicezeile, Logo mit EUTB, Navigation, Bild mit Kontakt), nur ruhiger, größer und klarer.

Schrift
Hanken Grotesk + Atkinson Hyperlegible Next
Merkmal
Doppellinie Navy/Sand aus dem Logo als Gliederung
Vorschau Entwurf 2

2 · Verspielt

Die drei Angebotsgruppen des Vereins bilden den Einstieg. Farbige Flächen, runde Formen, dazu Grün für den Treffpunkt Natur.

Schrift
Gabarito + Atkinson Hyperlegible Next
Merkmal
„Aufrichten“: Elemente stehen schräg wie die Logo-Buchstaben und richten sich bei Berührung auf. Der Punkt aus dem „!“ ersetzt den Satzpunkt.
Vorschau Entwurf 3

3 · Bildstark

Die Fotos der Mitglieder tragen die Seite. Weiße Textfelder ragen über die Bildkante, ruhige Typografie.

Schrift
Lexend + Atkinson Hyperlegible Next
Merkmal
„Bildfenster“: Bilder bis an den Rand, Doppellinie aus dem Logo als einziges Schmuckelement, Bildunterschriften
Vorschau Entwurf 4

4 · Klar

Speziell für Menschen nach Schlaganfall oder Hirnverletzung: eine zentrale Lesespalte, ein Thema pro Abschnitt, große Schaltflächen.

Schrift
nur Atkinson Hyperlegible Next, 20 px Basis
Merkmal
Umschalter „Einfach lesen“, Vorlesen je Abschnitt, Piktogramme mit Sand-Punkt aus dem Logo, „Wer sind Sie?“-Auswahl, nächstes Gruppentreffen ausgeschrieben
Vorschau Entwurf 5

5 · Baukasten

Nur mit unseren vorhandenen, erprobten Website-Elementen gebaut, in VITAL-Farben. Der schnellste und günstigste Weg zur neuen Website.

Elemente
hero, text (schmal, Box), Bild + Text (standard, randlos, bildduo), benefits, page_collector (Liste, Raster mit Filter), logo_slider
Tipp
Schalter „Beschriftung“ unten rechts zeigt je Abschnitt Element und Modus

Gemeinsame Grundlage

  • Farben direkt aus dem Logo: Lavendel #959FCA, Sand #DCC287, Navy #465482
  • Fließtext in Atkinson Hyperlegible Next, einer Schrift für Menschen mit Sehbeeinträchtigung, mindestens 18 px
  • VITAL- und EUTB-Logo gleichwertig nebeneinander, in Kopf und Fuß
  • Telefonnummer auf jeder Seite mit einem Klick erreichbar
  • Schalter für größere Schrift, sichtbarer Tastaturfokus, reduzierte Bewegung wird respektiert

Offene Punkte

  • Porträtfotos der Beraterinnen (aktuell Initialen als Platzhalter)
  • Neue, hochwertigere Fotos: Viele Bilder sind Handyaufnahmen
  • Inhalte in Leichter Sprache (Link ist vorbereitet)
  • Öffnungszeiten der Kontaktstelle fehlen auf der aktuellen Seite