Mat Kimchi Recipe (eLearning)

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. 

Image of the recipe card. Download the high-resolution PDF above for clickable links.


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:


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: As a fluent Korean speaker, I translated this recipe myself with my own adaptations for this project. 


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. 

Screenshot showing a section of the detailed storyboard. 

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.


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.

Drag and drop

Numeric entry

Multiple choice

Pick many

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.