Food Safety for Home Kitchens
Why I made this project
Food recalls are happening more often these days, so I felt it was important to help regular shoppers learn about food safety. Since people everywhere have different cooking styles and habits, many aren't aware that some of their kitchen and food habits could be harmful.
Food safety involves science, but people need practical advice they can use in their kitchens. I wanted to make complex information simple. In this project, I focused on turning technical FDA guidelines into clear, actionable steps anyone could follow.
Skill-wise, I wanted to practice creating interactive learning experiences through LMS course design. This project let me integrate multiple tools like H5P, Figma, TalentLMS, and Storyline.
-
Project Details
Date created: April 2025
Role: eLearning Designer
Brief: Create an LMS course that integrates a range of eLearning tools
Duration: A week
-
Tools Used
TalentLMS
Articulate Storyline
H5P
Lumi Education
Figma
Vyond
-
Skills
UI Design with Figma
Course Mapping
LMS Course Creation
Image curation
Video Animation
Instructional Design
eLearning Authoring tools
Learning Objectives
The course addresses four measurable learning objectives:
Describe food safety basics and their importance in a home kitchen
Identify common foodborne illnesses and their prevention methods
Implement best practices for food handling, storage, and sanitation
Utilize resources to stay informed about food safety updates and recalls
All content strictly adheres to FDA-approved advice while being accessible to home cooks with varying levels of prior knowledge.
Demo
Design Process
Instructional Strategy
I created a course map that outlines each module. Course mapping allowed me to plan each detail and interactivity efficiently. I was able to finalize interactivities, discussion boards, and practical activities. The course map also allowed me to explicitly connect which asset supports specific objectives.
Before beginning the course, I emphasized motivation and engagement in my learners by highlighting their potentially harmful habits and explaining the prevalence of foodborne illnesses.
I based the course on an easy-to-remember framework: “Clean, Separate, Cook, Chill”, making concepts more memorable
Scenario-based learning using common kitchen situations
A mix of multimedia and quizzes to keep the learner engaged: Narrated content presentation, Vyond animated videos, Practical Job Aids, and challenging the learner to debunk myths before learning best practices
H5P Version
Storyboard and Visual Design
The course follows a linear progression through four main sections with carefully planned interaction points and assessment opportunities. For the interactivities, I created storyboards and low fidelity wireframes on Figma.
In early iterations of the “Name that Foodborne Illness” activity, I created high and low fidelity wireframe for the Storyline version. I ultimately used my storyboard to create a more accessible multiple choice scenario-based quiz on H5P instead. Overall, Figma has been an amazing tool to plan (and unplan) my design and development process. In future iterations, I would love to create the Storyline version below.
For my Drag-and-Drop Fridge activity, I dropped all my food assets into one page on Figma and decided to make all the key visual design decisions on there. I created a high-fidelity visual mockup that looks exactly like the final Storyline version. Figma’s interface is extremely powerful. It allows me to quickly make iterations of my visions without having to spend ages in an authoring tool tinkering with different elements.
After finalizing decisions in Figma, I can use the mockup as a continuous reference in the development process. The best part is, I can copy my assets from Figma and they’ll paste easily in Storyline. This saves A LOT of time tediously uploading the same assets a billion times. If I’m ever unsure about a certain placement, I can go back to Figma and “sketch” it out quickly.
Because of Figma’s prototyping capabilities, this process can also be useful for mapping out the navigation and mechanics of designs.
Development
Tools and Technologies
TalentLMS for course hosting and delivery
H5P for creating interactive elements
Articulate Storyline for Drag-and-Drop Activity
Canva for downloadable resource design
Vyond for video creation
Interactive Elements
Several interactive elements enhance the learning experience:
Refrigerator organization activity - Storyline embed
Myth or Fact Guessing activity quiz - TalentLMS built-in multiple choice
Name that Foodborne Illness scenario based quiz - H5P embed
Implementation
The final course was deployed on TalentLMS with responsive design for access across all devices. One limitation is that I am using the free trial of TalentLMS for this project.
Reflections and Future Iterations
Building a whole course in a learning management system can feel like a lot to handle. Using a basic framework and following my course map through each step really helped me stay on track.
This course was both fun and challenging because I had to integrate different platforms while working within TalentLMS's design limits. Finding ways around TalentLMS's restrictions on embedded content and interactive elements was tricky. I solved this by using tools like H5P and Storyline to add engaging activities.
In the future, I'd like to include even more Storyline activities in the course. I was happy to see how smoothly my Storyline activity fit into the TalentLMS interface when I embedded it. If I were to work on this more, I’d make microlearning Vyond videos for each section to establish consistency with the video assets.
Competencies
This project showcases several key instructional design competencies:
Needs analysis and learning objective development
Course Mapping
LMS course design
TalentLMS course design and implementation
H5P interactive content creation
Scenario-based assessment creation
Ability to use Articulate Storyline
Rapid wireframing/prototyping using Figma
Ability to use Vyond to create animated learning videos