Interactive Conservation Website Design

An Interactive Conservation Website Built Around Fallen Wood

Second Spring begins with a fallen log rather than a donation form. A branch crosses the screen diagonally beneath a large serif headline, while leaves frame the outer edges. Moving over the wood grows a temporary patch of moss. In the captured state, the interface reports 20% moss cover; that number describes the screen effect, not habitat restored.

The composition gives each layer a different job. The pale center keeps the headline readable, the textured bark identifies the interactive surface, and a narrow control row collects rotation, rain, reduced motion, reset and capture actions. A visitor can understand the basic invitation without studying the controls first.

01

A Surface Worth Touching

The log is the largest tactile object on the page. Its diagonal position draws attention across the screen and gives the pointer a recognizable target. Keeping the effect on the wood connects the interaction to the subject; an animation that followed the cursor everywhere would tell a less specific story.

02

Feedback Without a Scoreboard

Moss cover appears beside the scene controls in restrained text. It confirms that the interaction did something without competing with the campaign headline. Because growth later fades, treating that percentage as a cumulative achievement would misrepresent the experience. The resting-state label helps distinguish inactivity from a failed scene.

03

Control Over the Atmosphere

Rotation and rain have separate controls, so movement and weather need not be one inseparable effect. Rotation was paused for the captured hero while rain continued. This is useful in an exploratory scene: visitors can examine one area without losing all of the atmosphere that makes it distinctive.

Connecting Support Amounts to Concrete Activities

The support section turns three prices into three different kinds of work. Each column repeats the same order: amount, activity, short explanation and action. That repeated structure makes the options comparable, while the activity names prevent the numbers from becoming arbitrary price tiers.

The units are intentionally different, so the page does not establish a price-per-impact comparison. A real campaign would need evidence for those relationships. Here, every button says Support (simulated), and the local confirmation repeats that no payment occurs. The design is useful for testing how people understand the choices before connecting any transaction system.

From Forest-Floor Stories to a Volunteer Form

After the hero, four observations introduce soil, water, fungi and canopy. They are presented as an editorial sequence rather than rewards unlocked by growing moss. The page explicitly says the reading does not depend on interaction progress. Someone who skips the scene can therefore reach the same explanation and participation options.

1. Explain the Object First

   The first observation connects deadwood to the forest floor. Water, fungi and canopy then broaden the subject around that same object. This keeps the reading tied to the log that the visitor has already seen, instead of switching abruptly to an unrelated campaign statement.

2. Offer More Than a Financial Action

   Give a morning follows the support options with a separate volunteer form. It asks for name, email and a field day. The day selector names a deadwood survey, sapling planting and a moss-monitoring walk, so the choice describes an activity rather than an unexplained date.

3. Make the Form Boundary Visible

   The simulated sign-up notice sits above the fields, where it can be read before information is entered. This matters more than a disclaimer hidden in the footer. For a real service, that same area would need a truthful explanation of where the information goes and what happens next.

What This Conservation Prototype Demonstrates

The local preview demonstrates a rendered interactive scene, configurable motion, editorial content and simulated participation interfaces. The £15 support dialog was opened and confirmed locally. No payment, email or restoration work resulted. Field-day names and support amounts are fictional examples; the scene’s moss percentage should not be reported as environmental impact.