
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
Community of Inquiry Framework
LMS Course Creation
Image curation
Video Animation
Instructional Design
eLearning Authoring tools
Instructional Process - Walkthrough
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.
Full Demo
Design Process
Instructional Strategy
Community of Inquiry & Universal Design for Learning in Online Course Design
I designed this course using both the Community of Inquiry (CoI) framework and Universal Design for Learning (UDL) principles to ensure a learning experience that is meaningful, inclusive, and engaging for all learners.
Teaching Presence: I developed a detailed course map that outlined each module and aligned every asset to specific learning objectives. This structure allowed me to plan content delivery, finalize interactivities, and design purposeful discussion prompts. Instructor presence was maintained through consistent narration, clear guidance, and ongoing support throughout the course.
Social Presence: I created space for community-building through discussion boards rooted in real-world kitchen scenarios. Learners were encouraged to share experiences, challenge common food safety myths, and support one another—fostering a sense of connection in the online environment.
Cognitive Presence: The course was anchored in the familiar “Clean, Separate, Cook, Chill” framework to enhance concept retention. I used scenario-based learning, critical thinking prompts, and a variety of media—such as Vyond animations, narrated slides, and job aids—to help learners engage actively with the material and apply it to real-life situations.
Universal Design for Learning (UDL): Accessibility and flexibility were at the core of my design. I offered multiple means of representation (e.g., visual, auditory, and written content), action and expression (e.g., discussion boards, practical tasks, quizzes), and engagement (e.g., real-world relevance, myth-debunking activities). These choices supported diverse learning preferences and made the course more usable for all learners, including those with disabilities or situational challenges.
To build motivation early on, I opened the course by spotlighting how common kitchen habits can lead to foodborne illness, making the content personally relevant and immediately applicable.
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.
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.
Reflections and Future Iterations
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