AvatarGrid (Unfolding UI) for Storyline

AI video is everywhere in learning design, but the learning experience hasn’t caught up yet. Too often, video is dropped onto a slide, paired with text, and left to do all the work. AvatarGrid was created to challenge that approach.

AvatarGrid is an unfolding UI system built for Articulate Storyline that reveals content progressively through motion-driven design. Instead of static layouts, learners experience cinematic transitions, intentional movement, and clear visual hierarchy that guide attention and reinforce meaning.

The AI videos showcased in AvatarGrid were created using Higgsfield AI, including Nano Banana for high-fidelity realism and HeyGen AI for natural talking-head performances. Combined with layered vector assets, these videos feel integrated, not pasted in.

The result is a learning experience that feels immersive, modern, and engaging. Every animation serves a purpose. Every interaction supports the story. Motion becomes part of the UX, not decoration. If you want to explore what AI-first, motion-driven UXD looks like in practice, AvatarGrid sets a new standard for Storyline video-based modules.

Watch the short tutorial here: https://www.youtube.com/watch?v=iLXJ_-K4vXI