A concept landing page for a fictional ocean conservation nonprofit, designed and built end-to-end.
Most environmental websites lead with alarm — big statistics, urgent colors, fear-based calls to action.
The psychology backfires: when faced with overwhelming threat, people retreat rather than engage. Ondine is designed around the opposite principle.
The visitor moves through a deliberate emotional sequence — awe, meaning, reality, hope, action — that mirrors how people actually decide to care about something and act on it.
They descend into the ocean as they scroll. Slow motion. Deep blue. A single bioluminescent accent that only appears where it matters.
The hard truth shown not as horror but as one drifting bottle in the deep. The donation ask framed with dignity, not pressure.
Designed in Figma, built in HTML/CSS/JavaScript with a fixed-background scrolling technique. Cinematic imagery created with AI image generation and curated for consistent mood. Mobile-first and fully responsive.
Live demo:
https://liviakiss.github.io/ondine/
Case Study:
https://alivedesignstudio.net/ondine.html