Life Cycle of a Frog (ELC #522 – Creating Circular Navigation Menus with Dials)

Articulate Storyline Samples
Written By Anuradha Gopu

For this challenge, I created an interactive learning sample that explores the six stages of a frog’s life cycle. Using Storyline’s dial interaction, learners can rotate the circular dial to navigate through each stage — Eggs, Embryo, Tadpole, Tadpole with Legs, Froglet, and Adult Frog. Each stage includes visuals, kid-friendly text, and real-life images to help learners connect with the concept.

 

Click the image to view the sample 👉

Here’s a link to e-learning challenge page

 

Trailer

 

Software Used

Articulate Storyline 360, Adobe Illustrator

 

Highlights

  • A custom Circular Dial interaction powers the navigation between the six life cycle stages.

  • Each stage includes simple, kid-friendly descriptions with supporting images.

  • Learners can freely rotate the dial to explore the cycle in sequence or revisit any stage.

  • Real frog images are combined with illustrations for a fun and educational experience.

  • Used Storyline’s Emphasis Animations to subtly enhance certain illustrations.

 

Snapshots

Anuradha Gopu
Next

Build Your Own Ice Cream Cone (ELC #520 - Using Variables to Personalize E-Learning)