Stiftung Ökologie & Landbau

SÖL (Stiftung Ökologie & Landbau) ist eine wichtige Institution auf dem organischen Sektor. Revelate wurde mit der Neugestaltung deren Hauptwebseite (www.soel.de, eine der wichtigsten Internetadressen, wenn es um Information auf diesem Gebiet geht.) beauftragt. Anschließend wurden wir gebeten, eine separate Webseite für Gut Hohenberg, deren Bildungs- und Forschungsbauernhof, einzurichten und zu gestalten.

Die ursprüngliche Internetseite wies einige Probleme auf:

• Verwendung von Frames (Probleme beim Bookmarken und beim Seitendisplay, vor allem bei kleineren Bildschirmen).
• Unklare Navigationsstruktur, welche viele der Dokumente scheinbar einfach verschwinden ließ (Gesamtumfang der Website bis zu 1000 Dokumenten).
• Ein nicht besonders elegantes Design

Design

Um eine höhere Benutzerfreundlichkeit zu gewährleisten, wurden einige Erneuerungen durchgeführt, die Seiten neu strukturiert und auf den Einsatz von Frames verzichtet:

• Top-Level Index-Seiten, übergreifend auf die entsprechenden Unterkategorien.
• Eine "Linkfährte" (Breadcrumb Navigation), um die momentane Position anzuzeigen
• Eine verbesserte Suchfunktion
• Eine Reihe neuer Dokumente, die dem Erstbesucher als Hilfestellung dienen sollen.
• Eine übersichtlichere gestaltete Homepage (siehe Abschnitt Homepage)

Visuell wurde das Design dem Kopf einer Zeitung nachempfunden. Das Ziel hierbei war, die SÖL als einen Anbieter von Information darzustellen. Zugleich wurde das Design aufgefrischt, und auf den wichtigsten Seiten verschieden Piktogramme eingesetzt. Dies verlieh der Webseite nicht nur eine bessere Ästhetik, sondern erleichterte auch ihre Handhabung. Man kann nun die einzelen Seiten rasch und einfach überfliegen.

Homepage

Die Homepage von soel.de beinhaltet hauptsächlich Berichterstattungen und Neuigkeiten aus dem Gebiet der Ökologie und Landwirtschaft. Diese Informationsgestaltung hat sich als sehr beliebt und bewährt herausgestellt.
Gleichzeitig aber bot sie keinen funktionellen Zugang zum Rest der Webseite, was bei Erstbesuchern Verwirrung stiften konnte.

Ein Teil dieses Problems bestand darin, dass alles in Form von Textlinks aufgelistet war. Dies machte es quasi unmöglich, herauszufinden, was aufrufbar war, ohne den entsprechenden Link vorher zu lesen. Es gab keine Hierarchie von visuellen Elementen, die halfen, der Seite eine klare Struktur zu geben.

Die Lösung dieses Problems bestand darin, wichtige Elemente visuell so zu präsentieren, dass sie sofort die Aufmerksamkeit der Besucher auf sich ziehen. Z. B. wurde der wichtige Link zur Datenbank so gestaltet, dass er sowohl ein Blickfänger, als auch ein praktischer Zugang zur dieser ist.

Um den Informationsstandard dieser Internetpräsenz sehr hoch zu halten, vergewisserten wir uns, dass die Erneuerungen, die wir durchführten, nicht auf Kosten der Besucher gingen, die die Webseite regelmäßig besuchen.

Umsetzung

Die soel.de Webseite erscheint auf den ersten Blick recht simpel. Wir waren bemüht, nicht die Arbeitsweise der Redakteure zu beeinflussen, die gewohnt waren mit einfachen Dreamweaver Sites zu arbeiten. Auf jeden Fall aber wollten wir eine Trennung zwischen Inhalt und Präsentation, so wie auch eine einfache Möglichkeit, grundsätzliche Veränderungen auf der Website durchzuführen.

Aus früheren Erfahrungen wussten wir, dass Verwirrung bei den Redakteuren entstehen kann, wenn die Navigationsstruktur jeder Seite über den Server läuft. Dies könnte zur Folge haben, dass sie unabsichtlich die Struktur der Webseite, an der sie gerade arbeiten, zerstören.

Auf der anderen Seite wäre der vollständige Einsatz eines Content Management Systems aus verschiedenen Gründen auch unpassend gewesen:

• Teuer in der Anschaffung und schwer umzusetzen
• Es würde alle Dokumente in ein CMS-Format umwandeln
• Die URL wäre neu (es würden alle eingehende Links zerstört werden), und durch das unpraktische CMS-Format würden desweiteren Schwierigkeiten beim Kopieren eines gedruckten Textes entstehen.
• Es würde die Flexibilität von Dreamweaver beim Editieren von Seiten negativ beeinflussen.
• Die Redakteure waren mit dem Umgang von Dreamweaver (Software) und FTP bereits vertraut.

Um dieses Problem zu lösen, entwickelten wir ein individuelles Programm im PHP-Format, welches alle Navigationselemente unmittelbar einfügt.

Betrachten wir einmal folgende Internetadresse:

www.soel.de/projekte/internet.html

Obwohl der Teil "/projekte/" völlig normal erscheint, ist dieser Teil nicht wirklich ein Ordner. Er weißt jedoch auf ein Programm hin, das im PHP-Format geschrieben ist.
Die Endung "/internet.html" beauftragt das Programm damit, die Seite "/internet.html", welche sich in einem ganz anderen Ordner befindet, zu suchen und aufzurufen.

Nun muss das Programm alle Links identifizieren, und sie der neuen Platzierung der Seiten anpassen. Erst dann kann die Navigationsleiste geladen werden, und schließlich dem Besucher die vollständige Seite präsentiert werden.

Für den Server ist das ein hartes Stück Arbeit, da die komplette Seite ge-cached ist, und sich der Code automatisch erneuert, sobald ein Redakteur neuen Inhalt hinzufügt.
Dank dieser Tatsache ist das Hochfahren der Seiten nur geringfügig langsamer als bei normalen HTML Seiten, und wesentlich schneller, als bei Seiten, die von der Datenbank her betrieben werden.

Dieses System wurde von den Redakteuren sehr begrüßt, und zwar aus einem einfachen Grund:
Es beeinflusste weder ihre vorherige Arbeit, noch mussten sie veränderte Links korrigieren, oder irgendwelche stupiden Arbeiten, Site-Relaunchs betreffend, verrichten.
Für sie verwandelte sich praktisch einfach über Nacht ein mittelmäßigen Design in ein höchst ansprechendes Design. Und das in jeder Hinsicht.

Gut Hohenberg

Gut Hohenberg ist der Bildungs- und Forschungsbauernhof der SÖL. Da er ein zunehmend wichtiger Teil von der SÖL ist, und eine breitere Zielgruppe anspricht, war es unerlässlich, ihm eine eigene Website einzurichten.

Im Prinzip verwendeten wir das gleiche Design, wie bei soel.de, aber mit einer Navigationsstruktur, die für eine kleinere Webseite geeigneter ist.
Durch das ansprechende Design vermittelten wir das spielerische Vorgehen und den hohen Spaßfaktor auf dem Bauernhof. Bekräftigt wurde dies außerdem noch durch den Einsatz von viel Bildmaterial.

Das System der Umsetzung beruht auf dem gleichen Prinzip, wie bei soel.de. Es gibt dem Bauernhof die Möglichkeit, die Webseite selbst regelmäßig zu aktualisieren.

Zusätzlich entwickelten wir ein Rotationssystem für die besten Fotografien und Illustrationen.