Fictional Ocean Conservation Page Using Cinematic DesignFictional Ocean Conservation Page Using Cinematic Design
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
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
Post image
En's avatar
pro
1d
Great
Lívia's avatar
Thank you 🩶
En's avatar
pro
1d
Keep going Livia.
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started