Waltraut Bergmann Stiftung

Drei Entwürfe für die neue Website

Alle drei nutzen die Inhalte, Bilder und Dokumente der bisherigen TYPO3-Seite. Sie unterscheiden sich darin, wie weit sie sich vom bisherigen Auftritt entfernen. Jeder Entwurf zeigt die Startseite mit allen Bereichen und funktioniert auf Desktop und Smartphone.

Entwürfe

Vorschau Entwurf A: Überschrift auf heller Dreiecksfläche über einem Foto.

Am nächsten am bisherigen Auftritt

A: Facetten

Die hellen Dreiecke, die bisher in die Hintergrundbilder eingebrannt waren, werden zum gezeichneten Gestaltungsmittel: Sie tragen die Überschrift, schneiden Bilder und Abschnitte an.

Bleibt
Lato, Logo in der Mitte der Navigation, grüne Linie unter der Kopfzeile, runde Projektbilder, kurzes Lineal unter Überschriften, Spenden-Lasche am rechten Rand, olivgrüne Fußzeile.
Neu
Fotos aus dem Cilento statt Stockbildern, Projektchronik, Förderantrag mit Downloads, IBAN zum Kopieren.
Entwurf A öffnen
Vorschau Entwurf B: Serifen-Überschrift neben dem Porträt einer älteren Frau.

Deutlicher modernisiert, gleiche Farben

B: Cilento

Die Menschen der Langlebigkeitsstudie stehen vorn. Ein Diagramm zeigt den Kern der Studie: Im Cilento leben Frauen 8 und Männer 6 Jahre länger als im italienischen Schnitt.

Bleibt
Grüntöne, Lato im Fließtext, grüne Linie oben, runde Projektbilder.
Neu
Serifenschrift für Überschriften, Fachbegriffe als aufklappbare Erklärungen statt Glossar am Seitenende, Bildleiste, Spenden als Button in der Navigation.
Entwurf B öffnen
Vorschau Entwurf C: olivgrüner Einstieg mit großem Baumzeichen und drei Einstiegen.

Am stärksten auf Antragstellende ausgerichtet

C: Jahresringe

Der Baum aus dem Logo wird zum Leitbild. Geförderte Projekte erscheinen als Jahresringe, der Weg zur Förderung als klarer Ablauf in fünf Schritten.

Bleibt
Olivgrün (jetzt auch im Einstieg), zentrierte Fußzeile mit weißer Linie, runde Projektbilder mit Ring.
Neu
Signika als einzige Schrift (stand bereits im ursprünglichen Template), drei direkte Einstiege, interaktive Jahresringe, Förderablauf.
Entwurf C öffnen

Ausgangslage: die bisherige Seite

Die bisherige Startseite: Navigation mit Logo in der Mitte, Überschrift auf einem Foto mit Obstkörben, darunter zentrierter Text.

Aufbau

  • TYPO3 7 mit jQuery 1.11, drei Sprachen (Englisch als Standard, Deutsch, Italienisch).
  • Seiten: Home, Stiftung (Andreas und Waltraut Bergmann), Projekte (Longevity Forschung, LIBRE II, KAKS, GREAT Meeting), Spenden, Kontakt, Presse, Impressum, Datenschutz.
  • Fachbegriffe als Glossar-Abschnitte am Seitenende, verlinkt aus dem Text.
  • Google-Maps-Karte und Kontaktformular in der Fußzeile bzw. auf der Kontaktseite.

Gestaltung

  • Lato 300/400, Olivgrün #4b7603, Logo-Grün #009900, Salbei #849052, Hintergrund #f7f7f7.
  • Helle Dreiecke in den Fotos, runde Teaserbilder mit olivem Ring, kurzes schwarzes Lineal unter Überschriften.

Extrahiert

  • Alle Texte je Sprache als Markdown und der Seitenbaum: Ordner extrakt/.
  • Bilder (optimiert) und alle PDF-Dokumente: Ordner entwuerfe/assets/.