Explore demos from the world's best eLearning designers and developers.
CoursePortfolios.com is where the most creative eLearning professionals share demos of their craft.
Portfolios
Courses
two-cars
just gallery test
zip-course
test for zip course
Simple HTML
Voice to Text
Simple demo that uses Google's Cloud Speech-to-Text to capture your Learner's response (via voice). It then converts it text and searches for correct key words
Slider in Adobe Captivate
Combining an HTML5/CSS3 slider with Captivate via it's JavaScript API.
Straightaway
Fun course!
Revision in Storyline
Task was to update an outdated course in Storyline 360. Revised every slide minus the images in the first two slides, and the image in the final slide.
3D Animation
Example of our 3D Animation work.
Georgia Pacific Resins [DEMO]
Sample of our ToolBook to Storyline conversion
Ally Bank Little Red
Video demo of Ally Bank's car loan program training.
Walmart - Introduction to OSHA training
Video used to introduce learners to importance of OSHA.
Storyline Print Slide Example
This examples demonstrates our JavaScript solution to print slides from Storyline
Talent Review for Spanish speakers
Task- Client need to transition from Instructor Led Training (ITL) to online. We took her PPTs (all bullet points) and made this training in both Spanish and Portuguese. The client was really excited to be involved in the process and have more time free up as she no longer had to do conduct this training herself.
Interactive Game Template
5 Star Rating w/ SVGs and JS
SVGs are fun. Scalable Vector Graphics are really just fancy XML files. And this means we can use JavaScript to manipulate them. Which opens up a lot of possibilities. Read this blog post to learn how I made this: https://blog.elearningbrothers.com/how-to-create-a-5-star-rating-system-in-adobe-captivate
Fading Storyline Layers with Javascript
Another example of how we can use JavaScript to access elements in Storyline. Here we are using a SL slider to fade entire layers in and out.
Random Spinner
Enables the learner to spin a dial which will randomly land on an option. The same option will not be selected twice. Uses JavaScript along with Storyline variables and triggers.
glossary_jump
Click a link on the page; the Glossary will open and scroll to that term.
Body Language
A learner can get overwhelmed with all the content that is presented on the screen. By making the course interactive, we can let the learners interact with the elements on the screen and thereby explore and uncover the facts themselves.
Interactive Graph
Statistical data presented through an interactive graph!
Comparison Slider
A beautiful image comparison slider like this one is a visual treat to the learners .
Circular menu
Circular Menu to add color to your course. Or you can use it as a short resume!!