eLearning Projects

A curated collection of self-initiated e-learning modules designed to demonstrate interaction planning, visual/UX design, and technical e-learning development in Storyline and Rise.

*Client work is not displayed due to confidentiality. All samples below were created specifically for portfolio purposes.*

Cross-Cultural Communication – Scenario-Based Microlearning

Category: E-learning / Scenario-Based Learning

My role: Designed and developed a scenario-based microlearning module addressing cultural communication differences in the workplace. This training was created to demonstrate how misunderstandings can occur when communication styles vary across cultures, and how guided reflection and decision-making can help resolve them.

I wrote the script, produced AI-generated dialogue scenes, and built all branching paths in Storyline. The module includes moment-to-moment decision challenges, tailored feedback, and a clean visual flow to support quick comprehension. It concludes with a Key Takeaways summary to reinforce behavioral insights.

Skills & Deliverables: Articulate Storyline | Scenario-Based Learning | Scriptwriting | Behavioral Feedback | UI/UX Design | Video-Based Learning

Cyber Security Mini Module

Category: E-learning / Microlearning

My role: Designed and developed this cyber security microlearning module focusing on recognizing phishing red flags and everyday digital risks. The goal was to showcase practical, corporate-ready training with intuitive interactions and clear visual hierarchy.

The module features click-to-reveal warning signs, a short decision scenario, and structured feedback built entirely in Storyline. It highlights my ability to create concise, user-friendly content suitable for compliance or onboarding environments.

Skills & Deliverables: Articulate Storyline | Microlearning Design | Interaction Design | Scenario Thinking | UI/UX | Visual Consistency

Single-Tasking Reset – Productivity Micro Course

Category: E-learning / Rise Microlearning

Single-Tasking Reset Thumbnail

My role: Designed and built a concise productivity micro-course that helps learners shift from multitasking to focused single-tasking. The aim was to demonstrate how a simple learning habit can be reinforced using mobile-first Rise layouts and digestible content structure.

The course includes step-by-step strategies, lightweight reflective moments, and a friendly, modern UI. It was created to showcase how Rise can deliver clean, fast, and learner-centered microlearning suitable for busy professionals.

Skills & Deliverables: Articulate Rise | Microlearning | Mobile-First UX | Content Structuring | Visual Design

View Demo

Dog Academy – E-learning Module

Category: E-learning / Interactive Training

My role: Created this module to demonstrate approachable, visually engaging learning content designed for general audiences. The purpose was to show Storyline fundamentals through simple interactions and clear information design.

The module introduces dog breed basics using clean layouts, short instructional segments, and light gamification elements. It highlights my ability to build smooth navigation, custom interactions, and a friendly learning tone that keeps users engaged.

Skills & Deliverables: Articulate Storyline | Interaction Design | Adobe Illustrator | Adobe Photoshop | Visual System Design

My E-learning Creation Process

My development workflow balances instructional clarity, usability, and strong visual structure. Whether building microlearning, scenario-based content, or demo modules, each piece follows a consistent process.

1

Research & Analysis

Clarify goals, understand learners, review requirements, and analyze content to inform design decisions.

2

Wireframing & Planning

Plan screen flows, outline interactions, and map layouts for intuitive and organized navigation.

3

Design & Prototyping

Create UI components, visual systems, and prototype interactions using Storyline and Adobe tools.

4

Implementation

Build complete modules—triggers, layers, logic, animations, and interaction mechanics.

5

Testing & Refinement

Check usability, clarity, and consistency; refine visual polish and fix issues before final delivery.