Sound, Made Clear
An audio field guide that turns system diagrams into hands-on lessons, practical activities and explained quizzes.
- The work
- Interactive learning course
- My role
- Learning experience design, original diagrams and frontend development
- Year
- 2026
Sound, Made Clear turns an audio syllabus into an interactive field guide. I designed the lesson sequence, original system diagrams, practical activities, and lightweight frontend around a simple learning rhythm: read, change something, explain what happened.
The challenge.
Terms such as source, channel, zone, and amplifier are easy to repeat and easy to confuse. The course needed to make those distinctions visible, then help learners use them in a room plan, support note, or sourced content brief.
Decisions that
shaped the work.
Draw the function, then name it
A consistent visual language separates audio paths from control paths and shows selection, amplification, and speaker output as distinct jobs. Diagram labels live in normal HTML, so they wrap and grow with the text instead of becoming tiny artwork on a phone.
Make practice explain the answer
Signal explorers, ordering exercises, and categorization tasks respond with reasoning. A four-room lab lets learners change sources and independent volume settings, making the difference between available programs and listening zones tangible.
Let people leave and return
Each lesson saves its reading position and review marks in the browser. Printable recaps support notebook work away from the screen. Static examples and explanations remain readable without JavaScript, while optional videos load only when requested.
A closer look.
A shared diagram language introduces the functions that later activities ask learners to apply.
A conceptual room lab separates source availability, stereo channels, and independent zone control.
Seven connected stages
Published six self-study lessons and a seventh stage for preparing a supervised review. Each lesson combines six sections, three activities, explained questions, and a recap. A learner-perspective review traced practical assignments back to their explanations and filled gaps in examples, definitions, and self-checks.
What I take forward.
The most useful review question was whether someone could produce the requested work from the lesson itself. That led to stronger teaching, beyond simply checking whether the controls worked.