
Hi, I'm Henry Duong
A creative learning content designer empowering learners through dynamic experiences. Experienced in multimedia development, I use adult learning and instructional design principles to produce quality videos, eLearning courses, guides, graphics, and more. I value collaboration, equitable learning solutions, and positive growth.My skills have contributed to many training, onboarding, and leadership experiences across tech, higher education, and nonprofit industries for over 14 years.I hope you enjoy exploring my portfolio and please reach out with any questions. Cheers!
Instructional Design Example
Winter Weather in Ottawa
Scenario-based interactive eLearning activity made in Articulate Storyline to onboard incoming international university students to winter weather basics.
Instructional Design Example
Compliance Credential
Multiple courses and lessons made in Articulate Rise to train admins to become experts in the dashboard platform.
Videos
Video Content Library
Explore a wide range of video styles including conceptual, instructional, training, live action, animation, and more.
Content Design
Asset Content Library
Explore a wide range of assets developed including course assets, video templates, animations library, graphics, logos, guides, and more.
Short-Form Media
Short-Form and Social Media Content Library
Discover how GIFs, short videos, and photography have been integrated in various social media campaigns.
Copyright © 2025 Portfolio By Henry. All right reserved.
Winter Weather in Ottawa
I designed and developed a scenario-based interactive eLearning solution to onboard incoming international university students to the basics of navigating winter weather in a new environment.
Overview
Audience: New international students starting classes in the winter
Learning Outcome: By completing the learning activity, students would be able to identify winter weather basic precautions when it comes to dress attire, commuting around town, and staying healthy.
Responsibilities: Instructional Design, eLearning Development, Visual Design, Storyboarding, Action Mapping, Prototyping
Tools Used: Articulate Storyline 360, Adobe XD, Adobe Illustrator, Microsoft Office, NotabilityA client supporting international students at a university in Canada wanted an interactive eLearning solution for students to use as they onboarded to the university. They originally had this content as part of a larger PowerPoint presentation facilitated by a staff member. The client was interested in developing an activity for students to do online at their own leisure. By completing the eLearning activity, students would be able to identify winter weather basic precautions.
After analyzing the learning restrictions the current PowerPoint format provided, I proposed a scenario-based eLearning experience where students would practice identifying how to dress, what to watch out for while commuting, and how to stay healthy during the winter. I suggested framing this activity around a University guide leading the experience for the student and to section each theme (dress, commuting, staying healthy) in its own scenario, transitioning from one to the next.The client accepted my proposal and we proceed with the project.
Process
The following contains the action mapping, storyboarding, visual mockup, and development processes.
Action Mapping
I consulted with the client who was the subject matter expert (SME) to develop the action map and establish an overall goal and roadmap. We decided on the activity having a simple completion method since all students would complete this as part of their transition as an international student.
The required actions for the activity were identified for each theme for students to gain a clear understanding of navigating winter weather in Ottawa.
Text-Based Storyboard
With the action map approved, I wrote a text-based storyboard to incorporate these key actions into a cohesive narrative.I framed the scenario as the student just settling into their residence hall (dorm) and their University guide would support them by giving them a tour around town. I consulted with the SME to make sure each element of the scenario was relevant and realistic to the international student experience at their University.Although there could have been many situations that would bring up precautions for the student to be aware of, I focused on basics every student would commonly encounter.
The first themed scenario was set in the student’s bedroom to focus on what to pack and how to dress before going out in wintry weather. Students would be asked multiple choice questions. Selecting an incorrect choice would require the learner to try again.The second themed scenario took place outside in the city to focus on what hazards to watch out for. The third themed scenario happened in the kitchen of the student’s dormitory to point out foods and items to consume to stay healthy. Both scenarios were point and click-based. This involves the learner to hover over areas until they noticed it glowing to spot and click to expand the lessons being taught. For example, the student learner would click on glowing snow on the ground, which engaged a pop-up to appear with information on needing to watch out for that type of hazard. All areas would have to be clicked on before being able to move on. Student learners could revisit the scenario if they wanted to or proceeded forward when all aspects of the scenario activity were completed.In all scenarios, student learners could get help or a tip if they got stuck.
Visual Mockups
After the text-based storyboard was developed and approved, I created visual mockups for the scenarios in Adobe Illustrator and Adobe XD. Adobe Illustrator allowed me to curate and edit the vector images into a cohesive set of image assets. The visual style was established to maintain consistency, resulting in a custom color palette from the background to the characters. Adobe XD allowed me to experiment and compile visual elements to define a logical narrative-driven layout that would easily transfer over to Articulate Storyline.
Interactive Prototype
Using the visual mockups and storyboard, I used Articulate Storyline 360 to create an interactive prototype with proper actions programmed. The prototype consisted of a title screen, scenario introduction, and University guide introduction, before transitioning to the first themed activity.I integrated transitions, animations, and some sound effects fitting to the look and feel for each prompt and slide element for additional immersion. For instance, when a student learner got an answer wrong to any multiple choice questions, the University guide character would have a different facial expression.With the framework programmed and established, I shared the prototype to the client and sought feedback on the look, feel, and overall experience of the project. The reception was positive, with some suggestions such as integrating relearning opportunities and a more immersive exit to fit the theme I created. I moved on to full development after all the feedback was processed.
Full Development
The full development of the scenario happened using Articulate Storyline 360. It was straightforward and efficient since all the elements had been created and a programming framework for each consequence was established. There was some back and forth at times to experiment and determine what trigger actions would be best. Running through the full development highlighted some minor additions needed to make sure the animated version flowed properly. This resulted in summary prompts before moving onto the next activity.
Features
• Custom Visuals: An image repository was used to source visual assets. I edited them using Adobe Illustrator to maintain immersion and a cohesive look. This included resizing, editing layers, replacing other vector assets with more theme fitting ones, recoloring individual elements, and merging assets.• Prescriptive Feedback – University guide: In each scene with an interactive activity, the student learner can access their university guide to provide suggestions for their responses. This guide helps steer the learner toward the correct answer or behavior while providing explanations for why that choice is effective. I created the custom guide button using Adobe Illustrator to incorporate the University guide cleanly into each question prompt.• Hover and Click Labeled Graphics: I incorporated hover over and click features in two of the scenes involving those elements. To achieve this, I created a hover state with individual graphics glowing in Articulate Storyline and then duplicated the same graphic with a normal state that glowed. Then through unique triggering and variables, I made it possible for the previously clicked graphics to remain glowing to help the learner identify what has already been clicked.• Custom Variables: To use additional prompts in the same scene as layers in Articulate Storyline, custom variables were added to program two outputs: 1. Learner can click on hover and click labeled graphics in any order and the activity will know when all have been clicked to trigger a summary prompt to move on. 2. An exit sequence that would play the Zoom outro sound before exiting the project.• Custom Sounds: Sourced sound effects from a sound repository to connect to various scenes during the intro, introduction to the next scene/activity, and to exit the project. The sounds were edited by clipping, level adjusting, and added fades.• Scenario Branching: For the Bedroom – Getting Ready To Go Out scene, the scene included questions which prompted the learner to select the correct answer. Incorrect choices would lead the learner to prompts and information from the University guide to guess it right by trying again. Once the correct answer is selected, the learner will be prompted to continue to the next question.
Results and Takeaways
I shared the completed project with the client, and it was positively received. Along with being shared with the client’s colleagues, they really enjoyed the overall interactive abilities and immersive style. They were satisfied with how it veered away from the sit-and-get type PowerPoint presentation they were accustomed to facilitating with their students. Since this project was completed at the start of the Fall semester, it will be a few months before any international students start in the Winter, so further results will have to be determined at a later time.When taking into consideration of potential improvements for a future iteration of this project provided with more time and resources, there are several possibilities:
• Increased Audio Elements: There was consistently positive feedback around the sound effects included. An expansion opportunity would be to narrate the prompts where the University guide is talking. It could add another layer of immersion and provide an additional type of learning delivery on top of just reading text.• Expanded Situations: This project featured only a few scenarios with simplified knowledge. There is opportunity to either turn each of those themed scenarios into its own expanded experience, or, to add more questions or situations within the same themes.• More Customized University Characters: If the client ever wanted to, there is the opportunity to integrate the University’s mascot for example. It would involve working with their University’s branding office to gain permission, but it would add another customized element and tailored feel just for this University’s students.• SCORM Integration: Since this interactive experience is a new approach for the client, they are using this completed project as a supplemental tool that be accessed by a link. There is an opportunity to support the client in adding this project to the University’s learning management system (LMS) if they choose to use that resource.
This project provided me with the opportunity to work with a SME, integrate feedback, and utilize a wide variety of instructional and graphic design tools. I had a lot of fun engaging in a more graphic-based design approach, which was an area I wanted to get even more experience in considering I have done more videography, live-action, and screen capturing based learning content.
Compliance Credential
I co-developed a new 90-minute eLearning credential learning path with multiple courses and lessons to build the compliance management competency of admins using the company's dashboard platform.
Overview
Audience: Admin users wanting to optimize their use of the platform and enhance their operational efficiency.
Learning Outcome: Understand the intricacies of compliance management, HOS regulations, and how to use compliance reports to their advantage.
Responsibilities: Instructional Design, eLearning Development, Visual Design, Storyboarding, Action Mapping, Prototyping, Scripting
Tools Used: Articulate Rise, Camtasia, Wellsaid Labs, Thought Industries, Figma, Google SuiteThis 90-minute Compliance Platform Expert Credential takes learners through a dedicated learning path with multiple courses and lessons to build their skill in compliance management with the company’s platform.The courses contained relevant lessons with a mix of learning modals such as labeled graphics, process steps, matching activities, and short-form videos.This project was part of a larger Customer Education team initiative where we launched three digital and two live professional credentials for customers. Other team members developed credential learning paths on other topics.
This quarter-long project reframed our educational offerings to customers and required collaboration amongst my own team as well across many other partners in Customer Success and Branding. Each team member was responsible for a credential topic, but we collaborated to follow the process and timeline together, in addition to co-developing, reviewing, and iterating on each other's work.In addition to the collaborative work, I led the development of video and Rise course assets (i.e. intros/outros, animations, backgrounds) and enablement documents.
Process
A blend of ADDIE and SAM concepts were applied to this project as our team needed to work efficiently to analyze and design, but to also work effectively to build something and then make iterations through feedback and testing.
Research and Course Drafting
I conducted research by building out a comprehensive list of what compliance resources existed, which included help center articles, videos, and internal product guides. Then, I met with subject matter experts which included customer success managers who knew what would be important compliance topics to focus on.Since the outcome is to be able to manage compliance regulations and reports, the focus needed to center around core compliance topics which would fulfill an admin’s beginner competency in the company’s dashboard platform. This would include topics such as compliance settings, workflows, and audits.With each course selected, they were broken down to lessons where each lesson focused on a specific skill, product feature, or action.
Within each lesson, different interactive blocks of learning were applied. Any spots where videos would be relevant were added to a video development spreadsheet to be organized into a production process later.To support the agile process of these lessons, each lesson had a link at the end for learners to provide feedback so in future quarters, our team was able to review feedback and iterate with improvements.
Development
Developing these courses and lessons were split into two focus areas which were the Rise lessons and the short-form videos. As a Customer Education team, we all took various lead and contributor responsibilities.Video Development: I led our team’s video development process by prioritizing new videos and pre-existing videos needing updates. I then organized the production into phases split into a drafting process, review process, and final drafting process.Videos were developed through script drafting, grabbing screenshots, building out a slide deck of screenshots, running AI audio voiceover, then building out the videos in Camtasia.
Rise Development: Rise lessons were converted from the written draft into the visual draft. As content was applied across the corresponding Rise blocks, the visual design elements were added in. Lessons generally followed the pattern of introducing a concept, then providing interactive opportunities to apply what they learned. This included interactive blocks and knowledge checks such as labeled graphics, processes, sorting, matching, and more in addition to videos.Visually, I provided guidance and helped finalize what visual design elements could be applied to provide a visual learning experience that matched the company’s brand guidelines. Visual graphics to aid the learning included backgrounds and images which complemented the topics, divider breaks from content, and navigational guidance.After the learner passed the final quiz in the conclusion course, directions were provided for how to download the certificate, share the certificate out on LinkedIn, and a satisfaction survey.Upon completion of the courses, the SCORM files were uploaded into the LMS, then the team conducted user acceptance testing to ensure any issues were detected and resolved before launching.
Results and Takeaways
A quarter after the release of all the credentials, 1414 credentials were issued with a customer satisfaction rating of 4.7 out of 5.Since the initial release of these credentials, the following improvements were made in future quarters for existing and new credentials:
• Less Reliance on Video: The use of videos in these credentials dropped by an average of four videos. This allowed the team to utilize other methods of learning and would make updating more efficient. For example, rather than using a short video to guide a learner through steps on how to accessing something, a GIF with associated text or Process block could be used instead.• Listening to Feedback: These original credentials were improved through feedback from learners, which included changes to scenarios or cleaning up processes for example. A navigational video was also added to the beginning of the credential to help learners easily navigate the SCORM file within the LMS.• Simplifying Branding: I helped lead in simplifying the branding used for these courses by designing simplified iterations of past designs and condensing the customizable graphic options down to two or three per asset type. This would cut down on decision fatigue for content developers, while creating a more predictable visual learning experience to learners.
This project allowed me to experience developing eLearning through multiple modalities at the same time. It required a lot of collaboration and teamwork across departments and especially with the co-workers on my team. The entire Customer Education was needed, which meant we relied heavily on efficient stand up meetings, clear communication, and an emphasis on improving through action together.Overall, I was able to develop a written and visual learning experience that was cohesive with one another to support the compliance competency building for admin users.
Video Content Examples
Explore some of my video examples which range from conceptual, instructional, training, live action, animation, and more.Each video utilized tools that were applicable to their own situations. These included:
• Video Editing Software: Camtasia, Final Cut Pro, Adobe Premiere
• Audio: AI Audio (WellSaid Labs), Dynamic/condensor microphones
• Graphic and Animation Design: Adobe After Effects, Illustrator, Figma, Motion
Samsara Academy Site Tour
A walkthrough of how to navigate the LMS site, search for content, and start learning.Video Type: Explainer, Animated
Driver App - Inbox Overview
Shares how to use the inbox tab feature within the driver app.Video Type: Instructional, Tutorial
Route Tracking in Samsara
Teaches learners about how route tracking in Samsara functions to aid with deliveries and services.Video Type: Conceptual, Animated
Navigate the App Marketplace
Quick tip video teaching admins how to add different app integrations for their individual business needs.Video Type: Micro-Learning, Instructional
Basics of Bonusly
Three part video lesson in the LMS to go over how to use the Bonusly employee recognition software.Video Type: Explainer
Go to the Library
One of 20 videos used for online orientation to onboard new and transferring university students.Video Type: Live-Action, Explainer
MSU Denver Spirit Video
Intro video seen by every in-person onboarding participant as the first thing they see to pump them up for the day.Video Type: Live-Action, Hype
Staff Recruitment Video
Recruitment video for prospective employees, showcasing life as an Orientation Leader and testimonials from current and former staff.Video Type: Live-Action, Testimonial
Asset and Design Examples
Explore a wide range of assets developed including course assets, video templates, animations library, graphics, logos, guides, and more.Assets were created from a variety of tools such as Figma, Camtasia, and Google Suite, depending on the type of asset being made.
Video Templates
The following assets were all designed and developed to aid in video development. These were important because it allowed for videos to be replicated quickly and provided consistent branding and video styling regardless of who on the team was developing videos.Camtasia Library, Animated intros and outros, Video screenshot slide decks
Camtasia Library
To make accessing the team's video assets easy for all content developers and instructional designers, I developed a library of re-usable video assets that every co-worker could import onto their computer's Camtasia application so every Camtasia project had access to this library. The library contained common assets used in every type of video the team made, including backgrounds, branded callout boxes, brand approved icons, and intro and outro video bookends.The Camtasia Library cut down time needing to find or re-add commonly used assets and made sure assets were branded and the properties of things like callout boxes stayed consistent without need to adjust.
Intro and Outro Video Bookends
I designed intros and outros for Samsara's customer education training videos. In total, there were two types of intros and one outro made. I collaborated with the creative design and brand team in order to get their approval on the music and styling I used.To make these intros and outro accessible for anyone to edit in the future, I developed them in Camtasia since that was the one software every person on the Customer Education team had access to.These intros and outros provided a professional opening and ending for every video.
Screenshot Slide Deck Templates
I designed slide deck templates to allow every developer to fit their dashboard or mobile app screenshots into a reusable template that provided consistent style and design.Screenshots were heavily used at this company. They would be edited in SnagIt to scrub private data or to add in a templated web browser. Then each screenshot would be added into the slide deck template with the laptop or phone mockup device frame. Once exported, the fully stylized images would be imported into Camtasia to be animated into videos.
Rise Course Assets
I developed backgrounds for Rise courses used in Samsara's eLearning offerings to aid in the visual feel. I also provided guidance on how to utilize pre-made graphic assets from branding to frame out dashboard screenshots with some design elements via Figma.These assets supported the ability to offer a cohesive learning experience with recognizable assets that still offered some variables to customize. This allowed developers to focus on making the best written course content.
Animations and Motion Graphics Library
I developed a library of ready-to-use animations and motion graphics for training videos at Samsara being made in Camtasia. Icon and illustration graphics from branding as well as my own designs were used to create these animations.These motion graphics showcased animated design elements with moving text, shapes, and graphics. They helped illustrate points, provide text quotes, demonstrate a concept, and more!By amassing over 70 different types of animations, the team was able to have a variety of options to tell their visual stories without needing to create their own animations. I taught the team how to pluck and choose different animations and shared how to adjust and personalize the animations as needed for their use cases.Scroll down to view eight animation examples.
Quick Start Guides
I developed a 1-page template for the Customer Education team to summarize course offerings available on the LMS. These "quick start" guides would be utilized by Sales and Customer Success teammates working with customers directly.I worked with branding to come up with a header design, then I brought it over to a Google Doc. Making these guide in a Google Doc allowed for more team members to have access to edit and update in the future. I kept the design simple and links were all to drive customers to the LMS for self-directed learning.
Graphic Design
Throughout professional and personal pursuits, I've been able to design various graphics and visuals such as logos, t-shirts, printed event posters, conference pamphlets, and more.Designs were done using Adobe Illustrator, InDesign, or Figma.
Short-Form and Social Media Examples
Discover how GIFs, short videos, and photography have been integrated in various social media campaigns.These examples illustrate not only my videography and photography skills, but my ability to be visually creative, tell stories, and build audience-relevant content that people connect with.
Bonusly GIFs
Filmed, edited, and produced 60+ work-relevant GIFs for Bonusly so anyone is able to give a quick thanks, a thumbs up, or celebrate a victory! GIFs were uploaded to Giphy and Tenor, so customers could add these GIFs to recognition posts in the employee recognition software or use in any relevant use cases.As of March 2025, there have been over 46.4 million total GIF views on Giphy.
#OLAdvice Campaign
Tasked with several university resource themes and worked with onboarding employees (Orientation Leaders) to take their creative ideas and turn them into fun, easy to digest, video content. There were four videos, which generated ~9,000 views on the university's Instagram account over a 4-week period.Click on each image to be taken to the respective Instagram post.
Onboarding Experiences
Created social media posts which highlighted different onboarding experiences available in-person at a mid-sized university I worked for. Photos in posts were also taken by me.Click on each photo to be taken to the Instagram post.