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:

  1. Describe food safety basics and their importance in a home kitchen

  2. Identify common foodborne illnesses and their prevention methods

  3. Implement best practices for food handling, storage, and sanitation

  4. 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

Previous
Previous

Chest Pain Assessment Branching Scenario

Next
Next

How to Write in Plain Language Microlearning