A Brief History ofJamaican Music
This interactive timeline explores the evolution of Jamaican music, tracing its journey from early mento through ska, rocksteady, reggae, and dancehall.
The experience was designed to take learners beyond simply presenting historical information, allowing them to explore the cultural influences, musical transitions, and key moments that shaped each era.
Learners progress through the timeline, exploring each era through a combination of historical context, imagery, and audio samples. As they move through the experience, the music itself becomes part of the learning journey, helping connect the history and cultural context to the sounds that defined each period.
The result is an immersive, interactive exploration of Jamaican music that combines storytelling, audio, and guided discovery within a structured eLearning experience.
Project Details
-
Role: e-learning Developer
-
Brief: creation of a short eLearning course based on a prompt from Chat GPT
Key Features
-
Custom Completion Logic: Users must engage with all tabs in each carousel before advancing, tracked via variable triggers.
-
Click-to-Reveal Facts: Interactive radio dial for additional learner engagement.
-
Layered Design: Each era's content is housed in a dedicated layer.
-
Smooth Animations: Timeline animations enhance readability and engagement.
-
Audio with Playback Control: Each era plays a music sample that sets the tone for the period. Learners can pause and resume at any time using custom-built play/pause buttons.
Tools Used
-
Articulate Storyline 360
-
Adobe Audition (Audio clipping and optimization)
-
Adobe Illustrator (Icons, background and era images)
-
Adobe Photoshop (Background and era images)
-
Freepik (Sourcing icons, background and era images)
-
Google Docs (Timeline scripting and content planning)
-
ChatGPT
I began by mapping the evolution of Jamaican music into key eras, identifying the historical context, genres, and musical transitions that would form the foundation of the experience.
I chose an interactive timeline as the primary structure because it provided a natural way to represent the progression of Jamaican music while allowing the content to be explored in manageable sections. I then planned the learner journey, determining how the different eras would unlock and where audio and visual elements could add value.
I developed the experience in Articulate Storyline 360, building the timeline, navigation, animations, and completion logic to support the intended learner journey.
Articulate Storyline 360 allowed me to create a more controlled and interactive learning experience. Rather than allowing learners to move freely between all eras, I used true/false variables and triggers to create a progressive journey through the content. Each new era becomes available only after all sections within the previous era have been explored.
I also incorporated layered audio triggers, allowing learners to listen to short music samples while exploring the historical context of each period. Custom tick mark indicators provide visual feedback when sections have been completed, while timeline animations create a smoother transition as learners move between eras.
These interactions were designed to give learners a sense of progression while still allowing them to explore the content at their own pace within each era.
For the visual direction, I wanted to create an experience that felt energetic and immersive while still maintaining a clean, contemporary eLearning aesthetic.
The timeline became the central visual element, providing a strong visual representation of the progression through Jamaican music. I used imagery, typography, spacing, and visual hierarchy to differentiate the eras and make the historical journey easy to follow.
Because music is such an important part of the subject matter, I wanted the design to support rather than compete with the audio experience. The overall interface was therefore kept focused and uncluttered, allowing the combination of visuals, historical context, and music to tell the story.