Embedded Files
Welcome to my Instructional Design showcase! This page highlights a variety of creative works I’ve developed, including webinars, course content, learner personas, infographics, and interactive presentations. You’ll also find supporting media like original illustrations, podcasts, and instructional videos.
Feel free to jump to a section below:
💡Webinars (Introduce core design strategies and engagement techniques.)
🧩Learning Development (Showcase project-based learning tools and learner-centered design.)
Infographic on Dutch-Indonesian Cuisine
Infographic on Dutch-Indonesian Cuisine
Purpose:
Help learners connect colonial history with today’s food culture, recognize fusion dishes, and reflect on the people whose labor shaped them.
Abstract:
This infographic traces the arc from VOC spice control to everyday culinary exchange in colonial kitchens, showing how Dutch methods and Indonesian flavors fused into a distinct cuisine. A compact timeline and “spice map” set context; compare-and-contrast panels outline flavor profiles and substitutions; dish cards highlight enduring Indo-Dutch favorites; a tribute panel centers the people behind the food; and a call-to-action links to recipes, references, and further learning
Design Implications:
Scannable structure: Timeline → map → compare/contrast → dishes → reflection → action keeps cognitive load low and interest high.
Clear hierarchy: Large headings, short sentences, and consistent card layouts support quick comprehension.
Strategically embed visuals: Mapped crops, archival photos, and dish images do explanatory work, not just decoration.
Equity & ethics: Tribute language and captions foreground labor and agency; sources and image credits are explicit.
Accessibility-first: High contrast, readable type, dyslexia-aware spacing, and alt text for all images; QR offers long-form text and APA references.
Instructional utility: Sections align to common tasks (identify, compare, recognize, reflect, act) for easy classroom or museum use.
Webinar on UI/UX Usage in Instructional Design
Webinar on UI/UX Usage in Instructional Design
Webinar support/ Quick Guide here
Purpose:
This webinar was created to introduce brain-based UI/UX design principles to educators and instructional designers in a fun, approachable way. It highlights how small interface and experience choices can support cognitive ease, emotional regulation, and learning outcomes.
Abstract:
In this collaborative webinar, our team presented how User Interface (UI) and User Experience (UX) design choices, when guided by brain science, can reduce cognitive overload and improve learning engagement. We introduced Neura, a brain character who guided participants through topics like visual hierarchy, information chunking, consistency, and accessible design. Participants explored real-world redesign examples, engaged in interactive segments, and walked away with actionable tips to make their learning environments more human-centered and brain-friendly.
Design Implications:
Humanized learning design: The character “Neura” acted as a friendly guide, modeling how personification can reduce stress and increase relatability in digital learning.
Brain-based strategies included minimizing distractions, leveraging visual structure, and supporting memory retention through alignment and consistency.
Low-barrier interactivity made the session inclusive for participants of all design skill levels, no prior UI/UX experience needed.
Cognitive load management was emphasized in both the webinar content and its delivery (e.g., pacing, visual cues, and simplified slide design).
Collaborative facilitation showcased how multiple voices and perspectives can enrich digital learning while keeping it grounded in evidence-based practices.
Webinar on Doodle Therapy
Webinar on Doodle Therapy
Webinar support/ Quick Guide here
Purpose:
This webinar was created to offer a calming, creative space where participants could explore mindful doodling as a low-pressure technique for stress relief and mental well-being. It highlights how simple, accessible art practices can support emotional regulation and mindfulness in everyday life.
Abstract:
In this webinar, participants were introduced to doodling as a therapeutic practice rooted in mindfulness. With no artistic skill required, attendees followed along in guided exercises using breathing lines, patterns, and playful prompts like name doodles. The session emphasized stress relief through creativity, reflection, and community sharing. Participants uploaded their work, shared insights, and discussed how they could integrate mindful doodling into daily routines for improved emotional balance.
Design Implications:
Human-centered activity design: The webinar encouraged non-artists to express themselves creatively in a no-judgment zone, modeling inclusive and emotionally safe engagement.
Mindfulness-based facilitation: Exercises were paced with the intention to promote relaxation, breath awareness, and present-moment focus.
Low-barrier creative engagement: No tools beyond pen and paper were required, making the session accessible across environments and abilities.
Reflection-driven learning: Participants were prompted to consider how creativity impacts their own well-being and were invited to share their experiences, promoting social-emotional connection.
Flexible integration: Participants were given ideas for incorporating doodling into daily routines, supporting long-term stress management through micropractices.
Visual Hierarchy in E-Learning (Canvas Mini-Course)
Visual Hierarchy in E-Learning (Canvas Mini-Course)
Click Canvas Course Banner above to access the course, or use the direct link below
Purpose:
To help educators and content creators understand and apply core principles of visual hierarchy in e-learning design. The course focuses on improving clarity, reducing cognitive load, and supporting accessibility through intentional layout and structure.
Abstract:
This self-paced Canvas course introduces the concept of visual hierarchy and its critical role in effective digital learning design. Through three scaffolded modules, participants explore how to use spacing, contrast, alignment, and grouping to guide learner attention and improve information flow. The course includes short readings, curated multimedia, guided practice activities, and a final project that allows learners to design a learning material—either a slide, infographic, or handout—using the principles they've learned. Accessibility is emphasized throughout, with built-in checklists and inclusive design tips.
Design Implications:
Visual hierarchy supports faster content scanning, clearer navigation, and better learner focus.
Applying consistent structure and contrast improves information retention and reduces overload.
Flexible formats (slide, infographic, or handout) allow learners to apply principles to realistic deliverables.
Accessibility checklists promote universal design thinking and raise awareness of inclusive practices.
Modular Canvas design models clear instructional flow and reinforces layout principles being taught.
Direct link: https://k12.instructure.com/courses/2059316
Engaging Live Sessions on Zoom: A Mini-Course for Instructors (Canvas Mini-Course)
Engaging Live Sessions on Zoom: A Mini-Course for Instructors (Canvas Mini-Course)
Click Canvas Course Banner above to access the course, or use the direct link below
Purpose:
To help educators and trainers create engaging, inclusive, and interactive live sessions on Zoom. The course equips participants with practical tools to boost participation, minimize Zoom fatigue, and build learner connection in synchronous environments.
Abstract:
This self-paced Canvas mini-course focuses on the unique challenges and opportunities of live Zoom instruction. Through a mix of video demos, strategy breakdowns, and hands-on activities, participants explore how to facilitate more dynamic Zoom sessions. The course scaffolds learning from observation to implementation. Participants create a 30-minute Zoom session plan using live engagement tools like polls, reactions, chat, and breakout rooms. Peer feedback is encouraged, and accessibility is prioritized throughout the design process.
The course emphasizes learner-centered approaches, modeling clear navigation, cognitive load reduction, and flexible implementation strategies suitable for both K–12 and higher education contexts.
Design Implications:
Brain-based interaction improves learner attention, participation, and memory.
Scaffolded learning (watch → plan → practice → reflect) supports confidence and skill transfer.
Zoom tools like polls and reactions boost real-time feedback and learner voice.
Templates and guides provide reusable assets for consistent live facilitation.
Modular Canvas layout promotes clarity, flow, and just-in-time resource access.
Direct link: https://k12.instructure.com/courses/2098633
Infographic on Visual Hierarchy
Infographic on Visual Hierarchy
in e-Learning
in e-Learning
Purpose:
This visual guide was created to help educators and instructional designers understand how visual hierarchy improves learner comprehension and engagement in digital learning environments.
Abstract:
Designed for a graduate-level instructional design course (INTE 5010, Spring 2025), this piece offers a quick-reference guide to visual hierarchy, how layout, contrast, alignment, proximity, and repetition can guide attention and improve content comprehension. The infographic was intentionally created using OpenDyslexic, a font designed to support readability for people with dyslexia, reinforcing the commitment to accessibility and inclusive learning.
Design Implications:
Dyslexia-friendly design: Uses the OpenDyslexic font and generous line spacing to reduce visual stress and improve letter recognition.
Models the concept it teaches, clean hierarchy, strong contrast, and visual grouping make the information easier to follow.
Chunked layout supports cognitive processing and keeps the learner’s attention focused.
Appeals to visual and neurodiverse learners through consistent iconography, minimal distractions, and color-coded sections.
Practical resource for asynchronous learning modules, educator onboarding, or UI/UX design orientation.
Learner Persona Development
Learner Persona Development
Purpose:
This persona was developed to guide the design of inclusive, accessible, and asynchronous learning experiences tailored for adult learners transitioning from structured, high-demand roles (such as the military) into flexible civilian careers in instructional design.
Abstract:
Riley is a nonbinary, Asian-American HR specialist in the U.S. Air Force with a strong foundation in training delivery and a growing interest in edtech. Stationed in a UK base, they aim to transition into a remote-friendly instructional design career within 1–2 years. This persona embodies a highly organized, disciplined learner with time-zone constraints, limited base access, and a preference for visual, pause-and-play formats due to shift fatigue.
Design Implications:
Asynchronous-first approach with downloadable materials to accommodate military base internet restrictions and time zone differences.
Short, modular content with clear structure and captions/transcripts, reducing cognitive load and allowing flexible pacing.
Tool simplicity and UI clarity are critical—overcomplicated systems or vague instructions are likely to disengage learners like Riley.
Visual communication and screen-based tutorials (e.g., Loom videos, Canva visuals) should be leveraged to align with their existing strengths and preferences.
Inclusive, value-driven messaging helps connect with Riley’s personal motivation and desire for meaningful, empowering work.
Direct link: https://drive.google.com/file/d/1eB_Zd3ubJazJNeOmSrlUB6_x2_i6KAGu/view?usp=sharing
Page updated
Google Sites
Report abuse