Healthcare & Science

Custom Vector Art

Step-by-step Animation

Visualizing Neurotransmission: Interactive Walkthrough

Visualizing Neurotransmission: Interactive Walkthrough


Bringing an invisible biological process to life. Features custom vector artwork built in Illustrator
and programmed for smooth, bite-sized learner progression.


Bringing an invisible biological process to life. Features custom vector artwork built in Illustrator and programmed for smooth, bite-sized learner progression.

ROLE


Instructional &
Visual Designer


ROLE

Instructional &
Visual Designer


ROLE

Instructional &
Visual Designer


TARGET AUDIENCE


Undergraduate Biology

& Nursing Students


TARGET AUDIENCE

Undergraduate Biology

& Nursing Students


TARGET AUDIENCE

Undergraduate Biology

& Nursing Students


TOOLS USED


Adobe Illustrator,

Figma, iMovie


TOOLS USED

Adobe Illustrator,

Figma, iMovie


TOOLS USED

Adobe Illustrator,

Figma, iMovie


FRAMEWORKS


Bloom’s Taxonomy,

Universal Design for
Learning (UDL)


FRAMEWORKS

Bloom’s Taxonomy,

Universal Design for
Learning (UDL)


FRAMEWORKS

Bloom’s Taxonomy,

Universal Design for
Learning (UDL)


The Learning Challenge

Neurotransmission happens all at once, mixing tiny chemical and electrical signals that are nearly impossible to picture from a flat textbook diagram. Students usually end up just trying to memorize steps for an exam instead of actually grasping how it works.

The Instructional Strategy

I chunked the entire pathway into four guided, interactive stages. By combining clean vector art with self-paced animations, learners can explore ion movement and vesicle fusion step-by-step without getting overwhelmed.

Instructional Architecture & Storyboards

Instructional Architecture & Storyboards

A look behind the scenes: mapping visual triggers, accessibility standards, and custom variable logic directly alongside the user experience.

Scenario Hook & Context (Intro): Hooks learners immediately with a relatable clinical case, putting them in the role of medical investigator to diagnose Elena’s muscle fatigue before introducing underlying synaptic physiology.

Interactive Practice (Anatomy Hotspots): Helps learners build confidence through hands-on exploration, using on-screen term keys and anatomical hotspots to reduce cognitive load while studying presynaptic and postsynaptic structures.

Final Knowledge Check (Sequence Reconstruction): Puts problem-solving skills to the test with drag-and-drop sequencing that delivers targeted, encouraging feedback to reinforce the step-by-step pathway of synaptic transmission.

Performance Summary (Clinical Diagnosis): Connects cellular mechanism directly to clinical care, confirming Elena's Myasthenia Gravis diagnosis and providing clear next steps for remediation or module completion.

© 2026 Debra Reynolds. All rights reserved.

© 2026 Debra Reynolds. All rights reserved.