Mushroom Guide | Renee Mahrun

This interactive guide helps learners identify common edible mushrooms by exploring key characteristics, habitat information, and identification tips through an interactive tab system. Learners can flip between mushrooms, view close-up images, and uncover key facts through animated reveals.

Key Features

Tabbed Navigation: Persistent tab system for quick access to all mushrooms.
Click-to-Reveal Facts: Interactive mushrooms for additional learner engagement.
Layered Design: Each mushroom’s content is housed in a dedicated layer.
Smooth Animations: Timeline animations enhance readability and engagement.

I developed this project in Articulate Storyline 360, designing a tab interaction where each mushroom has its own content layer. I used object states to highlight which tab is selected and ensure a seamless transition between mushrooms.

Each mushroom section includes timeline-based animations to stagger the appearance of images, descriptions, and icons, creating a natural reading flow. I also added click-to-reveal cards within the layers, allowing learners to uncover fun facts or safety tips.

The navigation is learner-controlled, with an always-visible tab menu so users can revisit mushrooms at any time. This flexibility gives the module the feel of a reference tool rather than a linear course.

Edible Mushroom Guide Microlearning