01
Learning Problem
The water cycle is often taught as a static diagram. Learners may remember labels, but they do not always feel how atmosphere, land, plants and water movement belong together.
Cinematic Water Literacy Prototype
The Hidden Life
of a Raindrop
This is more than a project page: an interactive cinematic microlearning experience that turns one raindrop into a guided journey through atmosphere, leaf, soil, roots, streams and return.
What this experience is.
The page is not only a documentation of a workflow. It is an interactive cinematic microlearning prototype: the film creates attention, the website turns the story into understanding, practice and reflection.
02
Design Response
The prototype replaces the abstract overview with a guided visual journey. One raindrop becomes the learner’s anchor: small enough to observe, rich enough to explain a system.
03
Learning Goal
Learners understand that water does not simply fall and disappear. It changes form, moves through places, supports life and returns to the atmosphere as part of a continuous cycle.
From rain as weather
to water as system.
The learner moves from a familiar everyday event into a deeper systems view: condensation, surface tension, infiltration, runoff, evaporation and ecological connection.
04
Target Audience
Designed for visual learners, school and Weiterbildung contexts, portfolio viewers, educators and anyone who benefits from learning science through story, image, interaction and short-form reflection.
Film conceptMicrolearningUXStorytellingWater Literacy
The Learning World.
The Character / Visual Continuity Sheet makes the raindrop teachable. It defines what must stay consistent so learners can focus on the scientific idea instead of being distracted by changing styles or fantasy effects.
Character / Visual Continuity SheetThe sheet defines how the raindrop behaves as a learning object: transparent, physically believable, shaped by surface tension, refraction, gravity and interaction with the botanical world.
✓
Physically believable
transparent, glass-like water, surface tension, refraction and realistic movement.
✓
Macro botanical world
leaf veins, moss, wet soil, roots, mist, dawn light and silver-blue shadows.
✕
No anthropomorphism
no face, no eyes, no fantasy glow, no cartoon styling, no fake infographic layer.
Storytelling for understanding.
The learning journey is planned as a visual transformation: learners begin with curiosity, discover the hidden process behind rain and end with a usable mental model of the water cycle.
01
Mystery
A single raindrop appears ordinary, but the close macro view invites the learner to ask: where does it come from and where does it go next?
02
Reveal
The journey reveals the hidden sequence: moisture becomes cloud, rain touches leaf, water enters soil, feeds roots, moves as runoff and rises again as mist.
03
Competence
By the end, learners can explain the cycle as a connected system and transfer the idea to real observations: fog, dew, puddles, runoff, soil moisture and drying surfaces.
Scribble StoryboardRough visual thinking: the first map of attention, sequence, camera direction and learning beats before polished production.
Polished StoryboardProduction reference: each scene becomes a cinematic learning step, not just a beautiful frame.
01Learning PromiseOne drop reveals the water cycle.
02Visual LockRealistic macro raindrop identity.
03StoryboardScribble, then polished production board.
04Final StillsOne scene = one image, no collage.
05Learning UXQuiz, captions, microlearning and reflection.
Final Still Frames.
Each image is an independent 16:9 film still prepared for image-to-video animation. The gallery is interactive, but the assets are not combined into a collage.
Learning beat: A single drop can carry a whole world.
Animation: Slow macro push-in; dew shimmer; leaf barely moves.
Learning beat: Rain begins as invisible moisture becoming visible.
Animation: Forward drift through cloud moisture; suspended droplets float.
Learning beat: Water leaves the sky and begins its journey toward earth.
Animation: Side-tracking slow-motion descent; rain streaks and mist.
Learning beat: When water touches life, change begins.
Animation: Locked macro camera; splash settles; tiny ripples expand.
Learning beat: Water does not disappear. It travels through hidden paths.
Animation: Ground-level push into soil; water glints between roots.
Learning beat: Water supports growth by moving into living systems.
Animation: Soft rack focus from roots to young leaves; warm light rises.
Learning beat: Water connects local places to larger systems.
Animation: Low tracking movement along a miniature stream path.
Learning beat: Water changes form, but it is never lost.
Animation: Upward drift from wet ground into mist and dawn light.
Learning beat: Every drop belongs to a continuous cycle.
Animation: Final echo of Scene 01; quiet push-in; mist breathes.
Learning beat: You see a drop. Nature sees a cycle.
Animation: Opening or closing hero shot; cinematic push into the droplet.
Thumbnail System.
Three 16:9 thumbnail variants support different publishing contexts: portfolio hero, social hook and LMS/education.
Primary
ONE DROP
Best for website hero, portfolio cover and LinkedIn post.
Social Hook
NOT JUST RAIN
Stronger emotional hook for Shorts, Reels or teaser posts.
Education
THE WATER CYCLE
Clear didactic version for LMS, course context or teaching material.
Water Literacy in Practice.
This is the awareness layer of the experience. Learners do not only watch water move; they decode the process behind it and practice seeing evidence of the cycle in everyday environments.
CONDENSATION
The hidden cycle begins before the drop falls.
Learners discover that rain starts before it is visible: as water vapor in the air. Cooling air turns vapor into tiny droplets, making the hidden atmospheric part of the cycle visible.
✓Notice the transition from invisible moisture to visible droplets.
✓Connect cloud, mist and rain as stages of one process.
✓Transfer it: look for fog, dew or cloud build-up after temperature changes.
Water Cycle Learning Check.
Seven questions, five answers each. The learner receives immediate feedback, progress tracking, Next and Reset controls.
Question 1 / 7
0/7
Final Lesson
A drop is never just a drop.
The final learning outcome is water literacy: a visible raindrop becomes a gateway to system awareness. Learners understand that water moves through forms, places and living structures — and that small observations can reveal large ecological connections.
Case & Learnings.
This portfolio case documents a full educational media prototype. It combines cinematic image-making with learning objectives, narrative sequencing, prompt-based production, UX interaction and assessment logic.
01
Learning design value
The project turns a science topic into a guided learning experience. The learner does not only receive information; they move through observation, explanation, interaction and reflection. This makes the water cycle easier to remember and easier to transfer to real life.
02
Storytelling insight
The central narrative device is simple: one tiny drop stands for a larger system. Mystery creates attention, reveal builds understanding and competence appears when learners can explain what happens beyond the visible moment of rain.
03
Production system insight
The workflow shows why AI media design needs more than image generation. Visual continuity, storyboards, approved prompts, generation manifests, quality checks and separate animation prompts turn isolated outputs into a controlled learning product.