Mat Kimchi Recipe (eLearning + recipe card)

This interactive eLearning project (with my original illustrations and photos) offers a tutorial on how to make Korean mat kimchi and a downloadable PDF recipe card. The project, inspired by family and friends who asked for my recipe, is designed for anyone who wants to learn more about and familiarize themselves with the process before attempting to recreate this traditional Korean dish. The tutorial and recipe card are beginner-friendly, with links to recommended products and step-by-step instructions. 

• Audience: Anyone interested in making mat kimchi, beginner-friendly.

• Responsibilities: instructional design, visual design, illustration, eLearning development

• Tools Used: Canva, Articulate Storyline, ibisPaint

Overview

The project was inspired by family and friends who asked me to share my kimchi recipe. As someone who likes to try new food and baking recipes, I know I benefit from watching the recipe video or reading over the written instructions fully before I put what learn to practice so that I feel confident and am less likely to make mistakes when I bring that recipe to life. 

After conducting a needs analysis, I identified the need for:

1. A general overview of the equipment, materials, and process so that the learner could decide if and when they want to recreate the recipe, which resulted in the interactive tutorial

2. Recommended products from the ingredient list, especially for learners who are making kimchi for the first time and need specific examples of the items being described, which resulted in the Amazon links included in the project

3. All the information accessible in one place to reference quickly when the learner is making their own kimchi, which resulted in the accompanying PDF recipe card. 

Process

Research and Analysis

The tutorial is drawn from my personal recipe, which I have adapted over time from an online recipe I found on a Korean website: https://www.10000recipe.com/recipe/6874123. As a fluent Korean speaker, I translated this recipe myself with my own adaptations for this project. 

Storyboard

I created a detailed text-based storyboard, which outlined every slide that would appear in the project. The storyboard included drafts of on-screen text, on-screen content (such as buttons and illustrations), and interactions & programming for each slide. 

Visual Mockup

I chose a color palette that mimics the colors found in kimchi.  I also used a font and background contrast checker for accessibility (aiming to meet requirements for large and bold text used throughout the project). All text is also consistently left aligned for accessibility.

After taking photographs of the steps and creating original illustrations, I used Canva to create visual mockups. After the basic design, I uploaded the visual mockups as a PPTX file to Articulate Storyline.

Final color palette (left) and a partial screenshot of the visual mockup created on Canva (right), which began with slightly different colors.

Development

I developed the first section of the project (8 slides) as an interactive prototype. After receiving feedback on the clarity of the written text, functionality of the slides and interactive elements, accessibility, and overall aesthetic, I completed the development of the final eLearning project. I made several adjustments to diversify the interactions and make sure they were intuitive or accompanied by clear instructions.

Example tutorial slides: the step-by-step recipe instructions are interactive, including dial or drag and drop interactions to move through the slides. The tutorial begins by encouraging the learner to enter their own name, which is used throughout the project to add a personal touch.

Example quiz slides. To keep the learner engaged, I included a diverse range of interactions and knowledge-check activities available on Articulate Storyline, such as drag and drop, multiple choice, numeric entry, and pick many.