Storyboard: Introduction to Computer Hardware

This artefact is an example of a storyboard I put together for an e-learning course on Computer Hardware. I chose this artefact as it’s a demonstration of my storyboarding skills. I really enjoyed putting this storyboard together as I was able to be imaginative and creative. As this was a personal project, I was able to choose the colours, font and styling myself. I based my choices on background research and audience analysis. I then justified these choices in a project proposal.


Planning and Development

I started by designing a rough layout of the e-learning course in Articulate Storyline 360. The project scope required me create a learning object, based on this storyboard, so the idea was to keep the storyboard and learning object as closely related as possible, with very little deviation from storyboard to prototype. Once I was happy with the design, I took some screenshots and pasted them into a PowerPoint storyboard template, which I created myself after gaining inspiration from various YouTube videos. Along with the storyboard, I created a Project Proposal which included a brief overview of the course layout. I consulted the following books when planning the design of this storyboard:

  • Usability for the Web
  • Multimedia-based instructional design
  • Technical communication

I found these resources helpful in deciding how and where to include navigation, graphics, typography and layout. 


I categorised my slides into sections – main slides and sub-slides, and included details on colour scheme, font and content structure. The project outline includes some very high level information which I used as a reference point later on when creating my learning object. I have created storyboards in the past using different techniques – pen and paper or my iPad and the Adobe Comp app. This was the first time I used Articulate to initially design my storyboard. This project was actually quite unusual for me, as my normal storyboard technique requires me to design something with very little colour (as these choices are usually made later) and include image placeholders rather than actual images.


The toughest part was designing the colour scheme; I found some really interesting graphics which I wanted to include in my learning object. I used these images as a base for my colour scheme. I watched a few YouTube videos on storyboarding before undertaking this project. This was good as it enabled me to refine and create a template which I can use for future projects.

Skills Demonstrated
  • Storyboard design
  • Research
  • Planning
Tools Used
  • Microsoft PowerPoint 2016
  • Articulate Storyline 360


Brinck, T., Gergle, D. and Wood, S. (2003). Usability for the Web. San Francisco, CA: Morgan Kaufmann.
Lee, W. and Owens, D. (2012). Multimedia-based instructional design. San Francisco, CA: Pfeiffer.
Markel, M. and Selber, S. (2018). Technical communication, 12th ed. Boston: Bedford/St. Martin’s.