Interaktives Naturschutz-Webdesign

Eine interaktive Naturschutz-Website rund um Totholz

Second Spring beginnt mit einem umgestürzten Stamm statt mit einem Spendenformular. Ein Ast verläuft diagonal unter einer großen Serifenüberschrift durch das Bild, während Blätter die äußeren Ränder rahmen. Bei Bewegung über das Holz wächst vorübergehend eine Moosfläche. Im aufgenommenen Zustand meldet die Oberfläche 20 % Moosbedeckung. Dieser Wert beschreibt den Bildschirmeffekt, nicht wiederhergestellten Lebensraum.

Die Komposition gibt jeder Ebene eine andere Aufgabe. Die helle Mitte hält die Überschrift lesbar, die strukturierte Rinde kennzeichnet die interaktive Fläche und eine schmale Steuerungsreihe bündelt Drehung, Regen, reduzierte Bewegung, Zurücksetzen und Aufnahme. Besucher können die grundlegende Einladung verstehen, ohne zuerst alle Steuerelemente zu studieren.

01

Eine Oberfläche, die zum Berühren einlädt

Der Stamm ist das größte haptisch wirkende Objekt der Seite. Seine diagonale Position lenkt die Aufmerksamkeit über den Bildschirm und bietet dem Zeiger ein erkennbares Ziel. Den Effekt auf das Holz zu begrenzen, verbindet die Interaktion mit dem Thema. Eine Animation, die dem Cursor überall folgt, würde eine weniger konkrete Geschichte erzählen.

02

Rückmeldung ohne Punktetafel

Die Moosbedeckung erscheint in zurückhaltender Schrift neben der Szenensteuerung. Sie bestätigt eine Wirkung der Interaktion, ohne mit der Kampagnenüberschrift zu konkurrieren. Da das Wachstum später verblasst, würde eine Darstellung dieses Prozentsatzes als kumulierter Erfolg das Erlebnis falsch wiedergeben. Die Ruheanzeige hilft, Inaktivität von einer fehlerhaften Szene zu unterscheiden.

03

Die Atmosphäre gezielt steuern

Drehung und Regen haben getrennte Steuerelemente. Bewegung und Wetter müssen daher kein untrennbarer Effekt sein. Für das aufgenommene Titelbild wurde die Drehung angehalten, während der Regen weiterlief. In einer erkundbaren Szene ist das hilfreich: Besucher können einen Bereich untersuchen, ohne die gesamte Atmosphäre zu verlieren, die den Ort auszeichnet.

Unterstützungsbeträge mit konkreten Aktivitäten verbinden

Der Unterstützungsabschnitt übersetzt drei Preise in drei verschiedene Arten von Arbeit. Jede Spalte folgt derselben Reihenfolge: Betrag, Aktivität, kurze Erklärung und Aktion. Diese wiederkehrende Struktur macht die Optionen vergleichbar. Die Aktivitätsnamen verhindern zugleich, dass die Zahlen zu beliebigen Preisstufen werden.

Die Einheiten unterscheiden sich absichtlich. Die Seite stellt deshalb keinen Vergleich von Preis und Wirkung her. Eine echte Kampagne bräuchte Belege für diese Zusammenhänge. Hier steht auf jeder Schaltfläche Support (simulated), und die lokale Bestätigung wiederholt, dass keine Zahlung stattfindet. Mit diesem Design lässt sich prüfen, wie Menschen die Auswahl verstehen, bevor ein Transaktionssystem angebunden wird.

Von Waldbodengeschichten zum Freiwilligenformular

Nach dem Titelbereich führen vier Beobachtungen in Boden, Wasser, Pilze und Kronendach ein. Sie erscheinen als redaktionelle Abfolge, nicht als Belohnungen, die durch Mooswachstum freigeschaltet werden. Die Seite erklärt ausdrücklich, dass das Lesen nicht vom Interaktionsfortschritt abhängt. Wer die Szene überspringt, erreicht somit dieselben Erklärungen und Beteiligungsmöglichkeiten.

1. Zuerst das Objekt erklären

   Die erste Beobachtung verbindet Totholz mit dem Waldboden. Wasser, Pilze und Kronendach erweitern anschließend das Thema rund um dasselbe Objekt. So bleibt der Text mit dem bereits gesehenen Stamm verbunden, statt abrupt zu einer unzusammenhängenden Kampagnenaussage zu wechseln.

2. Mehr als finanzielle Unterstützung anbieten

   Auf die Unterstützungsoptionen folgt Give a morning mit einem separaten Freiwilligenformular. Es fragt nach Name, E-Mail und einem Feldarbeitstag. Die Tagesauswahl nennt eine Totholzerhebung, das Pflanzen von Setzlingen und einen Moos-Monitoring-Spaziergang. Die Auswahl beschreibt somit eine Aktivität statt eines unerklärten Datums.

3. Die Grenzen des Formulars sichtbar machen

   Der Hinweis auf die simulierte Anmeldung steht oberhalb der Felder und ist damit vor der Dateneingabe lesbar. Das ist wichtiger als ein im Footer versteckter Haftungsausschluss. Bei einem echten Dienst müsste derselbe Bereich wahrheitsgemäß erklären, wohin die Angaben gelangen und was als Nächstes geschieht.

Was dieser Naturschutzprototyp zeigt

Die lokale Vorschau zeigt eine gerenderte interaktive Szene, konfigurierbare Bewegung, redaktionelle Inhalte und simulierte Beteiligungsoberflächen. Der Unterstützungsdialog für £15 wurde lokal geöffnet und bestätigt. Daraus entstanden weder eine Zahlung noch eine E-Mail oder Renaturierungsarbeiten. Die Namen der Feldarbeitstage und die Unterstützungsbeträge sind fiktive Beispiele. Der Moosprozentsatz der Szene darf nicht als Umweltwirkung dargestellt werden.