Elearning Portfolio

In 2015, I joined Savv-e and went from building websites to eLearning modules. Most of these will just be screenshots with some content erased as they are not for the general public to use.

Featured - First Stop Transport eLearning

First Stop Transport promo image

Tag: Custom HTML

Along with the website a eLearning module was also delivered. This module was also checked for accessibility by Vision Australia. Features include a visibility switcher button, carousels, and 2 pools of questions in the assessment.

Check out the module

Filters

Type:
project screenshot
AEC

Tag: Custom HTML

More than 20-30 modules were made for the client. The screenshot shows a more fun one with some gamificated elements.

project screenshot
AEC Bendelta

Tag: Custom HTML

A big feature in this module is a survey where the results are displayed in graph form. Another page also contains a set of videos that have to be viewed in order.

project screenshot
ASIC

Tag: Custom HTML

This module is fully responsive and accessible. The project went smoothly and the client was really happy with the result. Most of the pages were multiple choice questions with audio and overlays but the entire structure was interesting in that it was split into 3 sections that each had it's own subsections.

project screenshot
ASIC 2

Tag: Custom HTML

This is definitely the most technically complicated module I've made by far. It contains page flipping animation, page bookmarking that shows up in the navigation, page commenting and a predefined search bar.

project screenshot
Ausgrid

Tag: Articulate

The module contains a ton of video tracking. There are 4 roles to choose from. Each has 4 topics and each topic has around 2-5 videos.

project screenshot
Ausgrid 2

Tag: Articulate

This module has a flower icon in the bottom left that 'grows' as you check certain items. At the end you can review what you've checked and then print out the checked items.

project screenshot
BPAY

Tag: Articulate

This was the first Articulate module I made. Articulate is a pretty good program, though for someone who knows how to code, I prefer custom HTML. This module has a lot of animations and pop ups.

project screenshot
CBA

Tag: Custom HTML

Responsive and accessible, the main star of this module is the design with the full screen background and fun characters (which I didn't do). There's also some CSS3 animation splashed in.

project screenshot
CBA 2

Tag: Custom HTML

This project consisted of about 5-6 modules and each has up to 3 language choices. This was done using Handlebars. Most of the modules also included some sort of gamification like limited tries in the form of 'lives' or a bar that increases or decreases depending on the answers. It also works offline except in IE due to how it handles local storage.

project screenshot
CBA 3

Tag: Custom HTML

This project was done in a similar style to CBA 1. It didn't build the modules but I created a theme so future modules could be updated in 1 go. I also helped with bug fixes.

project screenshot
Landcom

Tag: Custom HTML

This module is accessible, contains an audio/image slideshows and true and false questions with overlay feedbacks. It also has a social media like simulator that you can 'like'. Finally the assessment allows you to skip questions that you got right previously.

project screenshot
Kaplan 11

Tag: Custom HTML

This module has interactions to tracked saved topics. It contains frame by frame animations and background image animations that only trigger when all the images are loaded.

project screenshot
Kaplan 11 2

Tag: Custom HTML

This module has a pressure test with a countdown timer, a question page where a heart metre goes up and each correct answer and a print button at the end to print out selected areas for review and self written notes.

project screenshot
Kaplan T2

Tag: Custom HTML

This project has around 10+ modules that have changing backgrounds on button press, questions skipped in the assessment if they were answered correctly before as well as a popup that shows what topics to review. There are also dropdown questions that each have to be changed before the submit button highlights. There were a lot of tehcnical issues to overcome in this project like IE versions and the LMS having to run the module in a popup.

project screenshot
MLA PLA

Tag: Custom HTML

The modules were mostly done when I started working on it. I did a bunch of functionality changes including saving the number of times each question was answered correctly or uncorrectly. The module is not on an LMS so the data was saved to a cookie.

project screenshot
NAB

Tag: Custom HTML

This module has a try again feature on question pages, a progress bar and works in IE quirks mode.

project screenshot
NAB 2

Tag: Custom HTML

This module has rollovers that reveal content, an assessment question randomiser and a retry functionality when getting a quesiton wrong the first time.

project screenshot
NAB 3

Tag: Custom HTML

The one feature this module has is the use of image maps due to the design.

project screenshot
Slater+Gordon

Tag: Custom HTML

This module is not visually impressive at all with no images however I am very happy with it technicallly. Users first select their preferences from dropdowns and then they get 10 random questions related to their choices. This is also my first project that uses handlebars, having all the question content in the js.

project screenshot
Toll

Tag: Custom HTML

This module uses the bootstrap framework but not pages work on mobile. Working on mobile was not a requirement, and the module had a couple of drag and drop pages. The module also features multiple audio on the page which interact with each other, and timed events depending on which part the audio is up to.

project screenshot
Toll 2

Tag: Articulate

A very straight forward project: to convert a powerpoint to an Articulate module. Not the prettiest module but delivered on time and within budget.

project screenshot
Tramada

Tag: Custom HTML

Tramada had 10+ modules that also had an American version. It contains simulations done in Captivate, a progress bar and audio slideshows.

close