Creating E-Learning
With Better Results
E-learning courses allow learners to access courses anytime, anywhere, at their own pace and it has been proven that people learn their best when interacting with the learning material.
Effective Learning
That gets through to your audience
My strength in creating e-learning courses is not only in my design and programming ability, but in the fact that I understand how to communicate the message effectively. I am often given a script with content and I am asked to come up with learning activities to engage the user. My background in writing content and project planning helps create the best learning possible.
E-Learning Case Studies
Below are some recent e-learning courses I created. They require logins and registration to view so I have provided detailed descriptions along with captures of these courses to give you a better idea of the type of work that I do.
Thrivelandia
E-Learning Course
The goal of Thrivelandia is to engage kids and teens so that they will visit the website regularly and build resilience that will help them throughout their lives. Thrivelandia consists of 5 lands and each land helps build a different set of skills.
This is an e-learning course but we purposefully tried to “not” make it seem like that. Instead, we wanted it to feel like gaming site. Kids can do fun activities like crossword puzzles, word searches and drag/drop activities that keep them learning and coming back for more.
I worked closely with a creative director, who led the 3d modelling of Thrivelandia. She also designed the homepage and an interior page of Thrivelandia. I designed all other elements to match her style.
In this showcase of the Thrivelandia online world, you will find some videos, e-learning activities, sample pages and screenshots. The e-learning course is a password protected website but you can register if you want to see more of Thrivelandia.
WordPress
HTML/CSS/SASS
Photoshop
MYSQL/PHP
Video Editing
Sound Editing
Art direction
Design
H5P
Javascript
Trailer
Thrivelandia Online World
Thrivelandia
E-Learning Demo
Intro
Thrivelandia World Intro
Thrivelandia
Sample Activities
There are about 90 different levels in Thrivelandia. Each level features an intro video and an interactive activity for the user to complete. To keep the users engaged, we enlisted the help of 6 different Teens. I worked closely with these teens to create the intro videos. I then edited and added music to each of the videos. I built the activities in H5P and inserted them into the WordPress LMS.
TECHNICAL DETAILS
Registration
I built a full membership system in WordPress. When a user registers, they can choose the speed in which they want the courses to be delivered to them and they can also choose their age group. Each activity is then delivered to their inbox with the timing and age range they chose.
Prizes
Once the user makes it through each land, they get a stamp on their passport and when they collect all stamps, they are entered in a draw to win a prize. The user enters the contest through the Thrivelandia website which sends the contest entry to Constant Contact.
Tracking
I tapped into the User MetaData to build some custom tracking features in PHP and Javascript. That tracking enabled me to build a progress bar that would show each user where they were in the online world (that consists of 5 lands) and allow them to unlock the next land only if they visited all areas of the current land.
Adults
In addition to the youth Thrivelandia site, a site was created for parents and a site was created for teachers. The goal of the parent site is to help parents understand how to work with the kids in the youth site. The teacher site helps educators learn how to use Thrivelandia in their teachings.
Make the Connection
E-learning Course
Make the Connection is an online program designed for new mothers that have babies from 0-3 years old. The program consists of 8 sections and each section contains 8, engaging lessons.
This program was created as an in-person program, written by a psychologist. I adapted everything in the program for the screen by modifying the script and figuring out ways to make things work as interactive elements in the program.
The lessons all contain interactive videos that are built to entertain and engage the users while they are learning. Each lesson is delivered to the users on a weekly “drip-feed” and all lessons have built in “tracking”.
I worked closely with a creative director who designed the logo and the homepage for “Make the Connection”. I designed all other elements to match her style.
In this showcase of the Make the Connection program you will find some videos and screen recordings of activities. The e-learning course is a password protected website but you can register if you want to see more of Make the Connection.
WordPress
HTML/CSS/SASS
Photoshop
MYSQL/PHP
Video Editing
Sound Editing
Art direction
Design
H5P
Javascript
Learndash
Grassblade
Script Writing
Trailer
Make the Connection Course
Intro
What is attachment (e-course)
Story Sample
Setting Limits
Make the Connection
Sample Lessons
There are just over 60 lessons in the Make the Connection program. Each lesson features a video with music, voiceover, onscreen graphics/text and often an onscreen speaker. I directed the onscreen talent. I edited all of the videos, built the activities in H5P and then inserted them into Leardash (on WordPress).
What does it mean?
A sample of an activity that shows a video and then has a quiz
Calming your baby
A video followed by a drag and drop activity
Baby Conversations
A video followed by a quiz
Activities
A video witih illustration followed by a quiz
Ready to Get Started?
If you have a project in mind that you would like to talk about, get in touch with me and we can set up a call to get to know eachother.
From My Portfolio:
Better Together
Better Together Educational Video This video was an opportunity to create something beautifully artistic, educational and informative at the same time. First, I used various A.I Engines to come up…
Yeodrex Promo
Yeodrex Promo Video This is a short video that I created as a promo for the Yeodrex App. I was provided some detail by my client about what this app…
CPFF Advocacy Hub
CPFF Advocacy Hub I built cpff.ca in 2021 and since then I have been maintaining it regularly. I am often asked to add content and to add new areas to…
Central United Website
Central United Church Website I was approached by the Central United Church in Unionville when they were looking for a new brand and a new web presence for the Church….
StressLess Video
StressLess Video This is a 5 min video that I created for the StressLess program. The StressLess program is taught in classrooms and it consists of a series of books….
Thrivelandia Trailer
Thrivelandia Promotional Video I created an online learning world for Thrivelandia that contained many videos and learning activities. When the project was completed, I made this trailer video to help…
Cope Website
Cope Website The Cope Project is an initiative for Canadian famlies that have experienced trauma. My client is a non-profit agency and the goal is to help those that have…
Thrivelandia Website
Thrivelandia Website Thrivelandia is an e-learning course but for kids, it appears to be an “online world”. The purpose of Thrivelandia is to help them build resiliency and strong mental…
CPFF Website
CPFF Website At the time when I got this project, I was busy working on other projects. So, I enlisted the help of a “junior” developer. I custom-built this website…
Make the Connection Website
Make the Connection Website I built this website to house the “Make the Connection” e-learning program. This is an e-learning LMS that is based inside WordPress. The LMS is built…
Cope Intro
Cope Intro This video is the intro to the COPE website. Although I developed this website in WordPress, one of my roles in this project was also “freelance video editor”….
MTC Promo Video
MTC Promo Video I created a full e-learning system for Make the Connection that contains many interactive elements. Since creating that system, I have built the entire program in French,…
Thrivelandia Intro
Thrivelandia Intro This video was created as the introduction to Thrivelandia – a full interactive e-learning world to help kids learn and thrive. This introduction explains to the kids/teens how…
Fear/Anxiety
Fear/Anxiety This is four short videos stitched together. I created all videos and they appear on a page in the Cope website. But there is also a video library so…
Self Soothing
Self Soothing This is one of a series of 70 videos that I created for the Cope website. I was given the clip of footage that was created by the…
Validation
Validation This is one of a series of 70 videos that I created for the Cope website. I was given the clip of footage that was created by the psycholgist….
The impact on children
The Impact on Children This is one of a series of 70 videos that I created for the Cope website. I was given a script and I slightly modified it…
Willpower Hacks
This activity is an interactive video that teaches the kids some “life hacks”.
Character Strengths
In this activity, kids can drag and drop their superhero symbols onto a cape to make their own superhero cape.
Learning Self-Love
This activity is a “picture match” like a concentration type card game.
Paying Attention to Others
This activity is an interactive video that allows the user to choose answers to questions
Commercial Space Toronto
Commercial Space Website I had been maintaining this clients old website for some time and they were frustrated with how it was built. I was hired to rebuild the website…
Aces Hub
TRANSITION FINANCIAL
What is attachment?
What is attachment? This is part of a series of many videos that made up the Making the Connection Program. The purpose of this video was to explain the what…
Why is attachment important?
Why is attachment Important? This is part of a series of many videos that made up the Making the Connection Program. The purpose of this video was to explain the…
Normac Kitchens
Co-regulation Video
Co-regulation Video This is one of a series of 70 videos that I created for the Make the Connection program. I was given a script and I slightly modified it…
Setting Limits Story Video
Setting Limits Story This is one of a series of 70 videos that I created for the Make the Connection program. I was given a script and I slightly modified…
MTC Activities video
Activities Video This is one of a series of 70 videos that I created for the Make the Connection program. Each of the 7 pillars had an “activities” video like…
Baby Conversations Video
MEMORIAL GALLERIES WEBSITE
Dartelle Interiors
Dartelle Interiors I designed and built this website for a small start-up company located in London, Ontario. They had a logo but they didn’t have anything else. They were looking…
OBOA WEBSITE
Rudolph’s Bread
Rudolph’s Bread I was contacted by this company to repair a “mess” that another developer had made on a WordPress install. I was asked to match their “custom design” perfectly…
Gratitude Dance
Willpower Hacks
Opto Island
Mount Mindful
Grat Grove Intro
WPINNOVA WEBSITE
Podcaster Re-skin
Podcaster Re-skin This was a “refresh” of the first design that I did for this podcaster a couple of years earlier. Her business had changed and expanded. She wanted more…
Sony PSP
RPM EXPEDITE
MACKENZIE HEALTH FOUNDATION
WINTER FESTIVAL OF LIGHTS
ROUTE1 WEBSITE
THE COMMUNITY WEBSITE
ROSEDALE CLUB WEBSITE
ETAL MARKETING WEBSITE
THE ADCC WEBSITE
Interior Design Website
Interior Design Website This was a new website design and was my first ever website using DIVI. I no longer use it as a builder but worked with it for…
NEVER SETTLE ANIMATION
OBOA CORPORATE VIDEO
LASERACTION PLUS WEBSITE
The Wave Kiosk
Critter Cop
Grenville Corporate Videos
Grenville Corporate Videos I created these videos to be used in Grenville’s marketing and promotion. First I sold the client on the concept and that was to interview various team…
Grenville Intros
Nudura Designs
Nudura Designs I entered into a partnership with Nudura to provide their 150 distributors websites under a package cost. I designed 3 templates, each within Joomla. These templates all had…
GIS Opening
GIS Intro This was an intro created back in Adobe Flash for an e-learning course. When viewing this animation, the user is about to embark on what could be considered,…
VAUGHAN ANTI-LITTER VIDEO
Anti-Litter Video To address the litter problem in Vaughan, I came up with the concept of interviewing children and adults in Vaughan and then creating a contrast between the beautiful…
COBBLE BEACH TOUCHSCREEN KIOSK
Cobble Beach Cobble Beach was looking for a touch screen kiosk to run in their sales centres, to aid in the selling of their luxury condo units. This kiosk was…
STIPIC WEISMAN BRANDING
Stipic Weisman Stipic Weisman, a law firm located in Windsor, Ontario, was going through a name change. They needed a complete rebranding. I started off by designing their logo. When…
TAYLOR & CO BRANDING
Vaughan Green Intro
Horseshoe Hummer Tours
