Bloop: An Ocean Exploration Learning Experience for ChildrenBloop: An Ocean Exploration Learning Experience for Children
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
Back to feedPost
Surya's avatar
Surya A
• Oct 26
bloop — A little boat. A very big ocean⛵
What if a child’s next “why?” began beneath the waves? 🌊
A turtle rises to the surface. A ray glides past the reef. Something moves beneath the boat.
In bloop, those little moments become invitations to learn.
I built Bloop with Base44 as an ocean exploration experience for curious children: a place to sail, look closely, discover animals, and collect what they learn in their own field journal.
An ocean worth getting curious about
Your journey begins aboard a little expedition skiff. Sail through the sunlit lagoon, follow reef channels, and choose what catches your attention.
The world extends across ten habitats: the lagoon, volcanic reef, seagrass meadow, mangrove shallows, open ocean, Sargassum, kelp coast, cold seas, the deep sea, and an explicitly imaginary Water Garden.
Some regions connect through continuous sailing. Others become separate expeditions, with your return position and progress remembered. In the deep sea, you lower an exploration camera while the boat stays at the surface.
Look closer. Notice something. Understand it.
The central loop is simple: explore → spot → observe → learn.
Animals move through their habitats, and the water makes submerged life less immediately visible. Tools give you a reason to investigate: the glass-bottom viewer helps reveal what is beneath the boat, while the spyglass offers a closer view.
Observation questions ask children to pay attention to behaviour. Hints encourage another look, and explanations connect what they saw to a learning point. In the turtle lesson, watching it surface leads to understanding that green turtles breathe air.
There is no fishing or catching. The reward is discovering something you didn’t know before.
A field journal that grows with you
The Blue Atlas brings together a 59-entry animal catalogue, including the clearly labelled fictional Ripplefin.
Unknown animals appear as silhouettes. As discoveries progress, pencil artwork and coloured model views bring the entries to life. Habitat filters, learning notes, observation records, and source links help children revisit what they’ve found.
The expedition chart shows the geography from the start. Animal sightings, waypoints, and a minimap help players choose where to go and find their way back.
The details that make exploration easier
Progress saves on the current device. Discoveries update the Atlas, sightings appear on the chart, and returning players can continue their expedition.
Sound controls, Read Aloud, text and reading preferences, reduced motion, and lighter graphics provide different ways to experience the world. The interface uses a small set of reusable controls so the ocean remains the focus.
From Figma to Blender to Base44
I began in Figma with the identity, design system, component library, and screen flows. Warm paper surfaces, ocean blues, expressive lettering, and handwritten details gave Bloop the feeling of a personal field journal.
Through AI-assisted Blender workflows, I created and refined the skiff, animal models, and habitat assets, exporting them for the browser. The challenge was making them feel like parts of the same world while keeping them practical for a web experience.
Base44 connected those pieces into the app: navigation, animal encounters, learning interactions, the Atlas, tools, world travel, and saved progress.
I directed the design and used AI throughout the build to help implement, troubleshoot, and iterate. That process included improving underwater visibility, correcting animal orientation, rebuilding habitat layouts, fixing blocked sailing routes, and refining the journal and observation panels.
Code checks and build validation were paired with hands-on preview reviews as I refined the experience. The attached process video follows that journey across Figma, Blender, and Base44.
Bloop began with a small boat. The ambition behind it is simple: give children a reason to look closer, ask another question, and keep wondering.
A little boat. A very big ocean.
Explore Bloop: https://bloop-expedition.base44.app
Built with @Base44 for #Base44Challenge.
base44challengeBase44
Post image
Surya's avatar
Surya A
• Oct 26
Here’s the full bloop walkthrough 🌊
Sail the lagoon, spot what’s moving beneath the surface, and fill your Blue Atlas one discovery at a time.
Your little boat is waiting. Go sail ⛵
Dan's avatar
Dan VisualEdits
pro
• Oct 26
Woah what is this? is this like a game? This is lovely, keep up the great work!
Surya's avatar
Surya A
• Oct 26
Appreciate it, Dan! Yep, it’s a little ocean exploration game. You sail a tiny boat, spot animals beneath the surface, and each discovery fills your Blue Atlas journal.
Dan's avatar
Dan VisualEdits
pro
• Oct 26
Yeah i figured as well that was the case.
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