// Wendy M. Morgan — Portfolio (single direction) // White paper, italic serif display, color accents on photo frame + tiles. // Detail page follows the sketch: Selected product → Key Findings → Design // methodology → Relevant skills → Relevant publications. // Copy is verbatim from the user's outline. const T = { paper: '#ffffff', card: '#fafaf8', ink: '#1c1a17', inkSoft: '#5a544c', inkMute: '#80796f', rule: '#e6e4df', // Accent palette — muted, AA on white (≥4.5:1 for text-size body) c1: '#1f3a5f', // deep blue c2: '#5a4a8a', // plum c3: '#7a3b2e', // terracotta c4: '#3d6b4a', // forest // Soft surfaces (large-area tints, not used for body text) s1: '#e6ecf4', s2: '#ece6f2', s3: '#f4e7e2', s4: '#e3ecdf', sans: '"Inter", "Helvetica Neue", system-ui, sans-serif', display: '"Instrument Serif", "GT Sectra", "Tiempos Headline", Georgia, serif', }; // ─── Hash routing helpers (URL sync only; no layout impact) ─── function buildHash(s) { switch (s.page) { case 'skills': return '#/skills'; case 'skill-detail': return '#/skills/' + s.skillKey; case 'products': return (s.productView && s.productView !== 'index') ? '#/projects/' + s.productView : '#/projects'; case 'detail': return '#/project/' + s.productKey; case 'pubs': return '#/publications'; case 'cv': return '#/experience'; case 'home': default: return '#/'; } } function parseHash(hash) { const raw = (hash || '').replace(/^#\/?/, '').replace(/\/+$/, ''); const parts = raw.split('/').filter(Boolean); if (parts.length === 0) return { page: 'home' }; const seg = parts[0], sub = parts[1]; if (seg === 'skills') { if (sub && SKILLS.some((k) => k.key === sub)) return { page: 'skill-detail', skillKey: sub }; return { page: 'skills' }; } if (seg === 'projects') { if (sub && PRODUCT_GROUPS.some((g) => g.id === sub)) return { page: 'products', productView: sub }; return { page: 'products', productView: 'index' }; } if (seg === 'project') { if (sub && PRODUCTS.some((p) => p.key === sub)) return { page: 'detail', productKey: sub }; return { page: 'products', productView: 'index' }; } if (seg === 'publications') return { page: 'pubs' }; if (seg === 'experience') return { page: 'cv' }; return { page: 'home' }; } function Frame({ width, height }) { const initial = parseHash(typeof window !== 'undefined' ? window.location.hash : ''); const [page, setPage] = React.useState(initial.page || 'home'); const [productKey, setProductKey] = React.useState(initial.productKey || 'bridging'); const [productView, setProductView] = React.useState(initial.productView || 'index'); const [skillKey, setSkillKey] = React.useState(initial.skillKey || 'kt'); const isMobile = width < 760; const go = (p, key) => { if (p === 'skill-detail' && key) setSkillKey(key); else if (p === 'detail' && key) setProductKey(key); else if (p === 'products') setProductView(key || 'index'); setPage(p); requestAnimationFrame(() => { const el = document.getElementById('p-scroll'); if (el) el.scrollTop = 0; }); }; // Restore view on browser back/forward (and manual hash edits). React.useEffect(() => { const onPop = () => { const st = parseHash(window.location.hash); setPage(st.page || 'home'); if (st.skillKey) setSkillKey(st.skillKey); if (st.productKey) setProductKey(st.productKey); setProductView(st.productView || 'index'); }; window.addEventListener('popstate', onPop); window.addEventListener('hashchange', onPop); return () => { window.removeEventListener('popstate', onPop); window.removeEventListener('hashchange', onPop); }; }, []); // Keep the URL hash in sync with the current view. const didMount = React.useRef(false); React.useEffect(() => { const h = buildHash({ page, skillKey, productKey, productView }); if (window.location.hash !== h) { if (!didMount.current) window.history.replaceState(null, '', h); else window.history.pushState(null, '', h); } didMount.current = true; }, [page, skillKey, productKey, productView]); const ctx = { isMobile, pad: isMobile ? 20 : 64 }; return (
{page === 'home' && } {page === 'skills' && } {page === 'skill-detail' && } {page === 'products' && } {page === 'detail' && } {page === 'pubs' && } {page === 'cv' && }
); } // Returns true if header nav item `it` should be highlighted given current page. function navActive(it, page) { if (it.key === 'skills' && (page === 'skills' || page === 'skill-detail')) return true; if (it.key === 'products' && (page === 'products' || page === 'detail')) return true; return page === it.key; } function Header({ page, go, ctx }) { const [open, setOpen] = React.useState(false); const items = [ { key: 'skills', label: 'Selected Skills' }, { key: 'products', label: 'Selected Projects' }, { key: 'pubs', label: 'Publications' }, { key: 'cv', label: 'Experience' }, ]; return (
{ctx.isMobile ? ( <> {open && ( )} ) : ( )}
); } function Footer({ ctx }) { return ( ); } // ─────────── HOME ─────────── function Home({ go, ctx }) { const tiles = [ { title: 'Selected Skills', target: 'skills', surface: T.s1, edge: T.c1, icon: 'assets/icons/skills-tint.png' }, { title: 'Selected Projects', target: 'products', surface: T.s4, edge: T.c4, icon: 'assets/icons/projects-tint.png' }, { title: 'Publications, Presentations, & Products', target: 'pubs', surface: T.s2, edge: T.c2, icon: 'assets/icons/pubsetc-tint.png' }, { title: 'Awards & Experience', target: 'cv', surface: T.s3, edge: T.c3, icon: 'assets/icons/experience-tint.png' }, ]; return (
{/* Hero */}

Leading learning and behavior-change initiatives that measurably shift practice, strategy through evaluation.

{SKILLS.map((s) => ( ))}
{/* Color frame: offset block behind the photo */}
{/* Tiles */}
{tiles.map((t) => )}
); } function Tile({ title, target, surface, edge, icon, go, ctx }) { const [hov, setHov] = React.useState(false); return ( ); } // ─────────── PRODUCTS ─────────── const PRODUCTS = [ { key: 'cprt', group: 'impact', title: 'CPRT Implementation Product Suite', surface: T.s1, edge: T.c1, image: 'assets/cprt-screenshot.png', imageFit: 'contain' }, { key: 'bridging', group: 'impact', title: 'Bridging Neuroscience and Juvenile Justice', surface: T.s4, edge: T.c4, image: 'assets/bridging-workshop.jpg' }, { key: 'afirm', group: 'impact', title: 'AFIRM for Paras', surface: T.s2, edge: T.c2, image: 'assets/afirm-screenshot.png', imageFit: 'contain' }, { key: 'pbis', group: 'impact', title: 'Michigan PBIS Implementation', surface: T.s3, edge: T.c3, image: 'assets/pbis-tile.png', imageFit: 'contain' }, { key: 'dashboards', group: 'innovation', title: 'Data Dashboards for Targeted Action', surface: T.s2, edge: T.c2, image: 'assets/dashboards-tile.png', imageFit: 'contain' }, { key: 'aitools', group: 'innovation', title: 'AI Tools & Enablement', surface: T.s4, edge: T.c4, image: 'assets/aitools-tile.png', imageFit: 'contain' }, ]; const PRODUCT_GROUPS = [ { id: 'impact', label: 'Impact', edge: T.c1, surface: T.s1, icon: 'assets/icons/impact-tint.png' }, { id: 'innovation', label: 'Innovation', edge: T.c2, surface: T.s2, icon: 'assets/icons/innovation-tint.png' }, ]; function Products({ go, ctx, view, setView }) { const group = PRODUCT_GROUPS.find((g) => g.id === view); const resetScroll = () => { const el = document.getElementById('p-scroll'); if (el) el.scrollTop = 0; }; // ── Group view: the project cards, exactly as before ── if (group) { return (
Focus on

{group.label}

{PRODUCTS.filter((p) => p.group === group.id).map((p) => )}
); } // ── Index view: branching choice ── return (

Selected Projects

{PRODUCT_GROUPS.map((g) => ( { setView(g.id); resetScroll(); }} /> ))}
); } function ProjectGroupCard({ g, ctx, onOpen }) { const [hov, setHov] = React.useState(false); return ( ); } function ProductCard({ p, go, ctx }) { const [hov, setHov] = React.useState(false); return ( ); } // ─────────── DETAIL ─────────── // Layout follows the sketch: // i. Selected product: screenshot + link // iii. Key Findings (two columns: Problem / Solution + Result) // iv. Design methodology (3 phases) // Relevant skills (tiles) // Relevant publications function Detail({ go, ctx, productKey }) { if (productKey === 'cprt') return ; if (productKey === 'afirm') return ; if (productKey === 'pbis') return ; if (productKey === 'dashboards') return ; if (productKey === 'aitools') return ; return ; } // ─── Shared bits ────────────────────────────────────────────── function DetailBreadcrumb({ go, ctx, target = 'products', label = 'Selected Projects', group }) { let onClick = () => go(target); let lbl = label; if (group === 'impact') { lbl = 'Focus on: Impact'; onClick = () => go('products', 'impact'); } else if (group === 'innovation') { lbl = 'Focus on: Innovation'; onClick = () => go('products', 'innovation'); } return (
); } // ─── CPRT Implementation Product Suite ──────────────────────── function CprtDetail({ go, ctx }) { return (
{/* Title — plain (suite contains 2 products, linked below) */}

CPRT Implementation Product Suite

{/* SELECTED PRODUCT — screenshot + two live product links */}
Interactive Case Study: lesson menu
Projects

Blended learning product suite to support teachers to use and appropriately adapt the Classroom Pivotal Response Teaching (CPRT) autism intervention.

{[ { label: 'Interactive Case Study', url: 'https://classroomcprt.sdsu.edu/interactive.html' }, { label: 'Individualization Tool', url: 'https://classroomcprt.sdsu.edu/decision/story.html' }, { label: 'Comprehensive Reference Guide', url: 'https://classroomcprt.sdsu.edu/rise/' }, ].map((it) => ( {it.label} ))}
{/* KEY FINDINGS */}
Key Findings
{/* Problem */}
Problem

Two main issues:

  1. Teachers regularly adapt CPRT but receive no training related to adaptation.
  2. Teachers require training but cannot always access typical in-person, multi-day training sessions.
{/* Solution */}
Solution

Cross-functional team of four: a designer, two autism experts, and a teacher coach.

Overall (initial) design:

  1. A performance support "calculator" tool to help teachers determine which CPRT components should be prioritized for individual students and instructional settings.
  2. A virtual training module to allow hands-on application of CPRT concepts while supporting large-scale training tailored to teachers and paraprofessionals.
    • This virtual training module was designed to passively collect user data for coach reports allowing individualized follow-up support.

Knowledge translation: The results of a meta-analysis of several studies exploring which adaptations work and which do across a variety of contexts was translated to a calculator performance support for teachers to utilize.

{/* Result */}
Result

This approach resulted in clear skill gains: In a randomized control trial, 81% of participants with no prior knowledge of CPRT were able to implement it with fidelity. User experience research indicated that the materials were clear, engaging, usable, and useful.

{/* DESIGN METHODOLOGY */}
Design methodology
{/* RELEVANT SKILLS */}
Relevant skills
{[ { label: 'Leadership, Systems, & Strategy', key: 'kt', surface: T.s1, edge: T.c1 }, { label: 'Design & Development', key: 'product', surface: T.s2, edge: T.c2 }, { label: 'Behavioral Science', key: 'research', surface: T.s3, edge: T.c3 }, ].map((s) => ( ))}
{/* RELEVANT PUBLICATIONS AND PRESENTATIONS */}
Relevant publications and presentations
  • Morgan, W.M., Sam, A., Suhrheinrich, J., & Chan, J. (2026). An initial application of SCILDD: A Strategic, Co-created, and Iterative Learning Design and Development process. Educational Technology Research and Development.{' '} https://doi.org/10.1007/s11423-026-10590-6 {' '}[For complimentary, full access:{' '} https://rdcu.be/e0Oui ]
  • Morgan, W. (2023, September 21). Classroom Pivotal Response Teaching (CPRT) Learning Module and Individualization Tool. Technology demonstration at the 2023 ED Games Expo, Institute of Education Sciences (IES), Washington, DC.
); } // ─── AFIRM for Paras ────────────────────────────────────────── function AfirmDetail({ go, ctx }) { const links = [ { label: 'AFIRM website', url: 'https://afirm.fpg.unc.edu/afirm-modules/afirm-for-paraprofessionals/' }, { label: 'Prompting Module', url: 'https://afirm-modules.fpg.unc.edu/Prompting-Introduction-Practice/content/' }, { label: 'Reinforcement Module', url: 'https://afirm-modules.fpg.unc.edu/Reinforcement-Introduction-Practice/content/' }, { label: 'Supporting Peer Interactions', url: 'https://afirm-modules.fpg.unc.edu/Supporting-Peer-Interactions-Introduction-Practice/content/' }, { label: 'Time Delay Module', url: 'https://afirm-modules.fpg.unc.edu/Time-Delay-Introduction-Practice/content/' }, { label: 'Visual Cues Module', url: 'https://afirm-modules.fpg.unc.edu/Visual-Cues-Introduction-Practice/content/' }, ]; return (
{/* Title */}

AFIRM for Paras

{/* SELECTED PRODUCT — screenshot + module links + blurb */}
Reinforcement Planning Guide, completed during virtual practice
Project

Autism Focused Intervention Resources and Modules (AFIRM) provide universally available, hands-on online professional development that trains paraprofessionals to implement evidence-based practices (EBPs) with children with autism spectrum disorder (ASD) by using real classroom video, on-the-job materials, and automatically generated personalized feedback.

{links.map((it) => ( {it.label} ))}
{/* KEY FINDINGS */}
Key findings
{/* Problem */}
Problem
    {[ 'Individuals with little or no special education training often take positions as paraprofessionals (paras) supporting children with ASD.', 'Federal law requires training and PD, but most states neither require initial training nor provide ongoing PD.', 'Where training exists, it rarely translates into use of strategies in practice.', Effective PD must be (a) free and universally available and (b) cover a variety of instructional behaviors usable across a variety of student learning goals., ].map((it, i) => (
    • ))}
{/* Solution */}
Solution

Cross-functional team: the autism team at FPG paired with a designer and a graphic artist.

Overall design:

    {[ 'A strategic, blended design pairing highly interactive and hands-on, scenario-based, eLearning modules for each practice with coaching follow-up.', 'Within each module, learners virtually support three students, responding to real video footage of children with ASD, making realistic decisions, and using the same forms and materials they would use on the job.', ].map((it, i) => (
    • ))}

Knowledge translation:

    {[ 'Years of autism research were used to select which EBPs to include.', The implementation goal for each EBP was task-analyzed into its smallest parts and organized into three objectives (Plan / Use / Monitor) with measurable sub-objectives (e.g., "use at least two different, correct reinforcers"), which in turn drove personalized, skill-specific feedback., "A companion introductory course translated the same research into a deliberate paradigm shift, reframing children's behavior as an indicator of the need for support rather than a trait characteristic.", ].map((it, i) => (
    • ))}
{/* Result */}
Result
{/* DESIGN METHODOLOGY */}
Design methodology
{/* RELEVANT SKILLS */}
Relevant skills
{[ { label: 'Leadership, Systems, & Strategy', key: 'kt', surface: T.s1, edge: T.c1 }, { label: 'Design & Development', key: 'product', surface: T.s2, edge: T.c2 }, { label: 'Behavioral Science', key: 'research', surface: T.s3, edge: T.c3 }, ].map((s) => ( ))}
{/* RELEVANT PUBLICATIONS, PRESENTATIONS, AND RECOGNITION */}
Relevant publications, presentations, and recognition
); } // ─── Bridging Neuroscience & Juvenile Justice ──────────────── function BridgingDetail({ go, ctx }) { return (
{/* Breadcrumb */}
{/* Title — links to live module */}

Bridging Neuroscience and Juvenile Justice

{/* SELECTED PRODUCT — screenshot + link */}
Digital curriculum: Alex's story scenario
Project

Blended curriculum pilot translating neuroscience for use during workflow decision-making among juvenile justice professionals.

{/* KEY FINDINGS — two columns */}
Key Findings
Problem

Lack of awareness of brain development within adolescence among juvenile justice professionals can result in dispositions that hinder healthy development of justice-involved youth.

Solution

Cross-functional team of four: a designer, two neuroscientists, and a legal expert.

Overall design: Scenario-based, narrative pre-work asynchronous digital lesson followed by in-person workshop with group and expert discussion of case-based application.

Knowledge translation: Five-construct framework tying together behavior, cognition, and brain anatomy applied to worked examples and realistic options.

{/* Result — full-width row inside Key Findings */}
Result

Statistically significant pre/post knowledge gains (N = 59/54, p = .007 in unpaired t-test), with means above 4/5 across validated implementation and adoption scales (measuring feasibility, acceptability, appropriateness, intent to use) and desire for more.

{/* DESIGN METHODOLOGY */}
Design methodology
{/* RELEVANT SKILLS — small tiles */}
Relevant skills
{[ { label: 'Leadership, Systems, & Strategy', key: 'kt', surface: T.s1, edge: T.c1 }, { label: 'Design & Development', key: 'product', surface: T.s2, edge: T.c2 }, { label: 'Behavioral Science', key: 'research', surface: T.s3, edge: T.c3 }, ].map((s) => ( ))}
{/* RELEVANT PUBLICATIONS */}
Relevant publications and presentations
  • Morgan, W. (2026, November). Designing a Neuroeducation Curriculum for Juvenile Justice Professionals: A SCILDD Process Case Illustration. Accepted as concurrent presentation to the Association for Educational Communications and Technology (AECT) International Convention, Chicago, IL.
); } function PhaseItem({ item, color, depth }) { const isString = typeof item === 'string'; const text = isString ? item : item.text; const children = isString ? null : item.items; return (
    • ); } function Phase({ num, color, title, groups, last }) { return (
  • {!last && (
    • ); } // ─────────── SKILLS ─────────── const SKILLS = [ { key: 'kt', n: '2a', label: 'Leadership, Systems, & Strategy', surface: T.s1, edge: T.c1, image: 'assets/knowledge-translation.png' }, { key: 'product', n: '2b', label: 'Design & Development', surface: T.s2, edge: T.c2, image: 'assets/scildd-process.png' }, { key: 'research', n: '2c', label: 'Behavioral Science', surface: T.s3, edge: T.c3, image: 'assets/behavioral-science.png', tileImage: 'assets/behavioral-science-head.png', tileCover: true, tilePosition: 'center top', blurb: 'I design for behavior change: what people do, not just what they know. I look past surface behavior to its real drivers; design for the ways that people develop, relate, and change; and measure the shift with validated scales, pre/post gains, and mixed methods.' }, { key: 'ai', n: '2d', label: 'AI Innovation & Implementation', surface: T.s4, edge: T.c4, image: 'assets/icons/ai-tile.png', frameAspect: '4 / 3', objectFit: 'contain', blurb: "I move AI from curiosity to working tools. I've shipped RAG-enabled assistants to live, federally funded research sites, and I own AI products end to end: conversation design, data curation with experts, model selection, testing, and responsible deployment.", pubs: [ { html: `Morgan, W., & Mercier, S. (2025, November 13). Build-a-Bot Workshop: Create Your Own AI-Powered Chatbot. Presented at DevLearn, Las Vegas, NV.` }, { invited: true, html: `Foster, J., Morgan, W., & Marles, C. (2026, April 28). From Curiosity to Confidence: Building Your AI Roadmap in Learning & Development. Presented at the Learning Trends & Innovations Special Interest Group, Association for Talent Development Research Triangle Area Chapter (Virtual).` }, ], projects: [ { key: 'aitools', image: 'assets/aitools-tile.png', title: 'AI Tools & Enablement', edge: T.c4, surface: T.s4, description: "I build AI-enabled learning and performance-support tools that ship to real users, and I build my team's capability to design and deploy them." }, ] }, ]; function SkillsIndex({ go, ctx }) { return (

    Selected Skills

    {SKILLS.map((s) => ( ))}
    ); } function SkillTile({ s, go, ctx }) { const [hov, setHov] = React.useState(false); return ( ); } // ─── Skill detail dispatcher ────────────────────────────────── function SkillDetail({ go, ctx, skillKey }) { if (skillKey === 'kt') return ; if (skillKey === 'product') return ; if (skillKey === 'research') return ; return ; } // ─── Shared skill-page hero (image + title + description) ──── function SkillHero({ ctx, image, alt, title, edge, surface, children, frameAspect, objectPosition, objectFit }) { return (

    {title}

    {children}
    ); } // ─── 2a Leadership, Systems, & Strategy ─────────────────────── function KTDetail({ go, ctx }) { return (

    I founded my organization's learning function and built the systems behind its success:

      {[ 'The learning technology infrastructure capturing the data necessary for a blended learning strategy used across several projects. (The infrastructure won a Brandon Hall Gold award & the projects won awards as well.)', "My team's access to AI platforms and tools, and the capability to use them; built from zero to shipping real tools.", ].map((t, i) => (
      • ))}

    I champion the systems necessary to support successful strategies, and I lead the work to see them implemented.

    Morgan, W.M., Sam, A., Suhrheinrich, J., & Chan, J. (2026). An initial application of SCILDD: A Strategic, Co-created, and Iterative Learning Design and Development process. Educational Technology Research and Development.{' '} View ↗ Morgan, W., (2026, May 27). Developing the Implementation Workforce: Professional Development Structures That Drive System Alignment. Presented at the Society for Prevention Research (SPR) 34th Annual Meeting: New Horizons in Prevention Science: Multilevel Interventions for Systemic Challenges, Washington, DC. Morgan, W. (2023, July 24). Beyond the LMS: How to capture (and Use!) Learner Activity Data From Web-Based Training/Technical Assistance. Technology demonstration at the 2023 OSEP Combined Leadership and Project Directors’ Conference, Washington, DC. Morgan, W. (June, 2020). The Science of Instructional Strategy. Learning Solutions Magazine, eLearning Guild.{' '} View ↗ {/* Relevant projects — innovation first, then impact */}
    Relevant projects
    {[ { key: 'dashboards', image: 'assets/dashboards-tile.png', title: 'Data Dashboards for Targeted Action', edge: T.c2, surface: T.s2, description: 'A repeatable capability: capture meaningful learner behavior data and turn it into an at-a-glance picture that lets coaches, instructors, and leadership teams target their follow-up. Applied across several projects.' }, { key: 'aitools', image: 'assets/aitools-tile.png', title: 'AI Tools & Enablement', edge: T.c4, surface: T.s4, description: "I build AI-enabled learning and performance-support tools that ship to real users, and I build my team's capability to design and deploy them." }, { key: 'cprt', image: 'assets/cprt-screenshot.png', title: 'CPRT Implementation Product Suite', edge: T.c1, surface: T.s1, description: 'Blended learning product suite to support teachers to use and appropriately adapt the Classroom Pivotal Response Teaching (CPRT) autism intervention.' }, { key: 'bridging', image: 'assets/bridging-workshop.jpg', title: 'Bridging Neuroscience and Juvenile Justice', edge: T.c4, surface: T.s4, description: 'Blended curriculum pilot translating neuroscience for use during workflow decision-making among juvenile justice professionals.' }, { key: 'afirm', image: 'assets/afirm-screenshot.png', title: 'AFIRM for Paras', edge: T.c2, surface: T.s2, description: 'Universally available, hands-on online professional development that trains paraprofessionals to implement evidence-based practices with children with autism.' }, { key: 'pbis', image: 'assets/pbis-tile.png', title: 'Michigan PBIS Implementation', edge: T.c3, surface: T.s3, description: 'Blended program supporting Schoolwide Positive Behavioral Interventions and Supports (SWPBIS) in Michigan schools, pairing a branching-scenario digital lesson with data-driven, customized supports for leadership teams.' }, ].map((p) => ( ))}
    ); } // ─── 2b Product Development ─────────────────────────────────── function ProductDevDetail({ go, ctx }) { return (

    I lead end-to-end development from discovery/needs analysis through co-created, iterative prototyping, to valid and meaningful evaluation. I don't just follow the latest process; I wrote it.

    Morgan, W.M., Sam, A., Suhrheinrich, J., & Chan, J. (2026). An initial application of SCILDD: A Strategic, Co-created, and Iterative Learning Design and Development process. Educational Technology Research and Development.{' '} View ↗ {' '} Free full text ↗ Morgan, W. (2026, November). Designing a Neuroeducation Curriculum for Juvenile Justice Professionals: A SCILDD Process Case Illustration. Accepted as concurrent presentation to the Association for Educational Communications and Technology (AECT) International Convention, Chicago, IL. Morgan, W. (June, 2020). The Science of Instructional Strategy. Learning Solutions Magazine, eLearning Guild.{' '} View ↗
    ); } // ─── 2c Behavioral Science ──────────────────────────────────── function BehavioralScienceDetail({ go, ctx }) { const s = SKILLS.find((x) => x.key === 'research'); return (

    {s.blurb}

    {PUB_WRITINGS.filter((_, i) => [0, 5, 6, 7].includes(i)).map((w, i) => ( {w.body} {w.link && ( <> {' '} {w.link.label} ↗ )} ))}
    ); } // ─── Stub for skills without copy yet (2c, 2d) ──────────────── function SkillStub({ go, ctx, skillKey }) { const s = SKILLS.find((x) => x.key === skillKey); if (!s) return null; return (
    {s.image && s.blurb ? ( <>

    {s.blurb}

    {s.pubs && ( {s.pubs.map((p, i) => ( ))} )} {s.projects && (
    Relevant projects
    {s.projects.map((p) => ( ))}
    )} ) : ( <>

    {s.label}

    {s.blurb ? (

    {s.blurb}

    ) : (
    Coming soon

    Full skill detail, publications, and relevant products to follow.

    )} )}
    ); } // ─── Shared section frames for skill pages ──────────────────── function SkillPubsSection({ ctx, children }) { return (
    Relevant publications and presentations
      {React.Children.map(children, (c, i) => (
    • {c}
      • ))}
    ); } function SkillProductsSection({ ctx, children }) { return (
    Relevant projects
    {children}
    ); } function CitationItem({ children }) { return <>{children}; } function citeLink(color, bold = false) { return { color, textDecoration: 'none', borderBottom: `1px solid ${color}`, paddingBottom: 1, wordBreak: 'break-word', fontWeight: bold ? 500 : 400, }; } // Relevant-product card: photo (left) + content (right). // Each link is rendered as a small tile. Internal links route via go(). function RelevantProductCard({ ctx, go, image, alt, title, description, citations, bullets, edge, surface, links }) { return (
    {image && (
    {alt
    )}
    {title}
    {description && (

    {description}

    )} {bullets && bullets.length > 0 && (
      {bullets.map((b, i) => )}
    )} {citations && citations.length > 0 && (
      {citations.map((c, i) => { // citation can be a JSX node OR { citation, productUrl, productLabel } const isObj = c && typeof c === 'object' && !React.isValidElement(c) && 'citation' in c; const body = isObj ? c.citation : c; return (
      • ); })}
    )} {links && links.length > 0 && (
    {links.map((l, i) => ( l.disabled ? ( {l.label} ) : l.internal ? ( ) : ( {l.label} ) ))}
    )}
    ); } function skillCardLink(edge) { return { fontFamily: T.sans, fontSize: 13, fontWeight: 500, color: '#fff', background: edge, border: 'none', borderRadius: 999, padding: '8px 14px', minHeight: 36, cursor: 'pointer', display: 'inline-flex', alignItems: 'center', }; } // ─────────── PUBLICATIONS ─────────── // Two groups: Publications (writing, chapters, talks, media) and // Digital products (online learning objects). Each entry is verbatim from the // user's list. Journal/magazine/blog/book/podcast names and standalone-work // titles use per the citation italics exception. Links use compact // contextual labels rather than raw URLs to stay on-brand. const PUB_WRITINGS = [ { body: <>Morgan, W.M., Sam, A., Suhrheinrich, J., & Chan, J. (Advance online publication: January 26, 2026). An initial application of SCILDD: A Strategic, Co-created, and Iterative Learning Design and Development process. Educational Technology Research and Development., link: { label: 'DOI', url: 'https://doi.org/10.1007/s11423-026-10590-6' }, year: 2026, }, { body: <>Morgan, W. (2023). "Behind the Scenes of the AI Hub…". Practicing Implementation Blog., link: { label: 'View', url: 'https://nirn.fpg.unc.edu/blog/behind-the-scenes-of-the-ai-hub/' }, year: 2023, }, { body: <>Morgan, W. (2023). Using Data Across Blended Scenarios. In Torrance, M. Data & Analytics for Instructional Designers (pp. 88–89). Association for Talent Development: Alexandria, VA., year: 2023, }, { body: <>Morgan, W. (2023). Working Within a Unique Learning Data Ecosystem. In Torrance, M. Data & Analytics for Instructional Designers (pp. 160–161). Association for Talent Development: Alexandria, VA., year: 2023, }, { body: <>Interviewed in: Washburn, B. (Host). (2022, November 28). Using xAPI to Collect Data on Learning Programs (No. 132) [Audio podcast episode]. In Train Like You Listen. Spotify., link: { label: 'Listen', url: 'https://open.spotify.com/episode/4MtoC6cxaZMBipLPD9jv7j?si=Yd-_K7dDT-qXpD3AspzIVQ' }, year: 2022, }, { body: <>Morgan, W. (August, 2022). A crucial blended learning tool: The traffic light dashboard. Learning Solutions Magazine, eLearning Guild., link: { label: 'View', url: 'https://www.learningguild.com/articles/a-crucial-blended-learning-tool-the-traffic-light-dashboard' }, year: 2022, }, { body: <>Morgan, W. (June, 2020). The Science of Instructional Strategy. Learning Solutions Magazine, eLearning Guild., link: { label: 'View', url: 'https://learningsolutionsmag.com/articles/the-science-of-instructional-strategy' }, year: 2020, }, { body: <>Morgan, W. (April 13, 2020). Blended Learning Strategy: COVID-19/Quarantine Approach. Learning Solutions Magazine, eLearning Guild., link: { label: 'View', url: 'https://learningsolutionsmag.com/articles/blended-learning-strategy-trifecta-covid-19-quarantine-approach' }, year: 2020, }, { body: <>Morgan, W., Kliewer, M., & Torrance, M. (March 13, 2020). xAPI Strategy at Frank Porter Graham Child Development Institute. Learning Solutions Magazine, eLearning Guild., link: { label: 'View', url: 'https://learningsolutionsmag.com/articles/xapi-strategy-at-frank-porter-graham-child-development-institute' }, year: 2020, }, ]; const PUB_CATEGORIES = [ { key: 'writings', label: 'Publications', edge: T.c1, surface: T.s1, items: PUB_WRITINGS, icon: 'assets/icons/pubs2-tint.png', desc: 'Peer-reviewed articles, book chapters, and media features.' }, { key: 'presentations', label: 'Presentations', edge: T.c2, surface: T.s2, items: window.PUB_PRESENTATIONS_DATA || [], icon: 'assets/icons/pubs-tint.png', desc: 'Conference talks, workshops, posters, and invited lectures.' }, { key: 'products', label: 'Digital products', edge: T.c4, surface: T.s4, items: window.PUB_PRODUCTS_DATA || [], icon: 'assets/icons/digital-tint.png', desc: 'Interactive learning objects and online modules.' }, ]; function Publications({ go, ctx }) { const [view, setView] = React.useState('index'); const active = PUB_CATEGORIES.find((c) => c.key === view); if (active) { return (

    {active.label}

    {active.key === 'presentations' && (
    ★ Invited presentation
    )}
    {PUB_CATEGORIES.filter((c) => c.key !== view).map((c) => ( ))}
    ); } return (

    Publications, Presentations, & Products

    {PUB_CATEGORIES.map((c) => ( setView(c.key)} /> ))}
    ); } function PubCategoryCard({ c, ctx, onOpen }) { const [hov, setHov] = React.useState(false); return ( ); } // Year-grouped list: left rail shows the year once per group. function PubYearList({ ctx, items, edge }) { const years = []; const byYear = {}; items.forEach((it) => { const y = it.year || 'Other'; if (!(y in byYear)) { byYear[y] = []; years.push(y); } byYear[y].push(it); }); years.sort((a, b) => b - a); return (
    {years.map((y) => (
    {y}
      {byYear[y].map((it, i) => ( ))}
    ))}
    ); } function PubItem({ it, edge, ctx, last }) { return (
  • {it.link ? ( {it.link.label} ) : it.invited ? ( Invited ) : null}
    • ); } // ─────────── EXPERIENCE ─────────── const EXP_FUNDING = [ { name: 'Innovative Disability Employment Advancement with Leading-edge Technology Promoting Accommodation Resources and Technology NEeds and Rights (IDEAL PARTNERs)', funder: 'United States Department of Health and Human Services, Administration for Community Living', pi: 'Brianne Tomaszewski, PhD' }, { name: 'Bridging Neuroscience and Juvenile Justice through a Novel Neuroeducation Curriculum for Juvenile Justice Professionals', funder: 'Dana Foundation', pi: 'Aysenil Belger, PhD' }, { name: 'State Implementation and Scaling-Up of Evidence-based Practices (SISEP) IV', funder: 'U.S. Department of Education', pi: 'Mel Livet, PhD' }, { name: 'HEELS 2 Participation: Improving Community Participation for Young Adults With Intellectual Disabilities (HEELS2)', funder: 'United States Department of Health and Human Services, Administration for Community Living', pi: 'Dara Chan, PhD' }, { name: 'Work Together NC Promoting Evidence-Based Practices for Employment to Achieve Competitive Integrated Employment', funder: 'NCDHHS Division of Mental Health, Developmental Disabilities and Substance Abuse Services (MHDDSAS)', pi: 'Brianne Tomaszewski, PhD' }, { name: 'North Carolina Community Collaboration for Employment', funder: 'DHHS Administration for Community Living (ACL)', pi: 'Brianne Tomaszewski, PhD' }, { name: 'An Evidence-Based, Virtual Toolkit for Community Mental Health Clinicians Serving Autistic Youth', funder: 'Organization for Autism Research', pi: 'Grace Lee Simmons, PhD' }, ]; const EXP_ROLES = [ { title: 'Lead, Strategic Innovation & Learning Design', title2: 'Senior Implementation Specialist', org: 'Frank Porter Graham Child Development Institute, UNC–Chapel Hill (FPG)', dates: 'October 2022 – present', groups: [ { label: 'Leadership and Management', items: [ `Directly supervise two instructional designers; manage project-based team that has flexed between three and eight people across a fully grant-funded environment`, `Manage vendor relationships including technology evaluation, selection, and contract management for instructional projects.`, `Co-create professional development and performance support frameworks in partnership with project leadership.`, ] }, { label: 'Instructional Technology Systems and Innovation', items: [ `Design and maintain xAPI/LRS-based blended learning infrastructure that feeds learner activity data into custom coach dashboards, enabling personalized synchronous follow-up`, `Lead micro-credentialing curriculum development integrating Canvas, Articulate-built courseware, and xAPI data reporting into a single learner experience.`, `Organized FPG-wide AI training and led team skill development; team now regularly designs and deploys AI chatbots as instructional tools.`, ], tools: `Articulate Storyline/Rise, Adobe Creative Cloud (InDesign, Premiere, Audition, Firefly, Acrobat), Vyond, Panopto, Canvas, xAPI/Learning Record Store (LRS), Qualtrics, Microsoft 365 (SharePoint, Teams, OneDrive), Copilot, Copilot Studio, Zoom, Google Workspace, VoiceOver` }, { label: 'Design and Development', items: [ `Lead design and development of 25+ learning products across complex, high-stakes content areas including implementation science, neuroeducation for juvenile justice professionals, and digital life skills for adults with intellectual and developmental disabilities.`, `Design blended learning strategies that integrate asynchronous and synchronous elements, including data collection and visualization infrastructure that makes blended learning measurably effective.`, `Developed and published SCILDD (Strategic, Co-created, and Iterative Learning Design and Development), a peer-reviewed design methodology published in Educational Technology Research & Development.`, ] }, ], }, { title: 'Learning and Development Senior Strategist', org: 'Frank Porter Graham Child Development Institute, UNC–Chapel Hill', dates: 'January 2016 – October 2022', items: [ `Built FPG's externally-facing Learning and Development function from the ground up, growing from individual contributor to a team of eight through partnerships, collaborations, and grant proposals.`, `Pioneered FPG's xAPI/LRS infrastructure, making it possible for the first time to collect meaningful learner activity data from web-based training across multiple projects and audiences. Recognized with Brandon Hall Gold Award for Best Advance in Learning Management Technology.`, `Developed the blended learning model and coach dashboard approach that supports FPG projects across the portfolio.`, `Developed iterative co-design and development process that became the foundation for the SCILDD methodology.`, `Launched 50 digital learning products meeting or exceeding defined key success indicators. Recognized with five additional Brandon Hall awards across custom content and blended learning.`, `Co-founded internship program for students of North Carolina HBCUs.`, ], }, { title: 'Independent Consultant, Learning Strategy and Design', org: 'Chapel Hill, NC', dates: 'August 2014 – present (concurrent with FPG roles)', items: [ `Provide learning strategy, instructional design, and project management consultation to a range of clients across sectors.`, `Designed award-winning learning products for Studer Group (now Huron), a national healthcare leadership consulting firm. Recognized with three Brandon Hall awards for excellence in custom content.`, `Strong record of repeat clients and referral-based engagements.`, ], }, { title: 'Instructional Designer and Visiting Lecturer', org: 'University of North Carolina at Chapel Hill', dates: 'January 2011 – July 2014', items: [ `Designed, developed, and implemented instruction for small and large classes (20-180).`, `Managed and supervised five assistants.`, `Redesigned static text online course by designing, development, and implementing modules with interactive activities, animation, and live surveying.`, ], }, ]; const EXP_AWARDS = [ { year: '2026', text: `Translating Innovative Ideas for the Public Good Award from Innovate Carolina UNC for AccessPlay AI: Empowering Early Childhood Educators to Create Inclusive Learning (PI: Yang)` }, { year: '2024', text: `Cloud Resource Grant from the UNC Provost Artificial Intelligence Acceleration Program` }, { year: '2022', text: `C. Felix Harvey Award from UNC's Office of the Provost in recognition of innovative scholarship that directly and positively impacts constituencies outside the university (PI: Corsello)` }, { year: '2022', text: `Brandon Hall Bronze Award for Excellence in Learning and Development: Best Use of Blended Learning`, bh: true }, { year: '2021', text: `Brandon Hall Silver Award for Excellence in Learning and Development: Best Advance in Custom Content`, bh: true }, { year: '2021', text: `Excellence in Practice: Trailblazer Award from Learning Reimagined` }, { year: '2020', text: `Brandon Hall Bronze Award for Excellence in Learning and Development: Best Use of Blended Learning`, bh: true }, { year: '2019', text: `Brandon Hall Silver Award for Excellence in Learning and Development: Best Advance in Custom Content`, bh: true }, { year: '2018', text: `Brandon Hall Gold Award for Excellence in Technology: Best Advance in Learning Management Technology for External Training`, bh: true }, { year: '2018', text: `UNC Diversity Award for Intergroup Collaboration (FPG'S RACE Committee)` }, { year: '2017', text: `Brandon Hall Bronze Award for Excellence in Learning and Development: Best Advance in Custom Content`, bh: true }, { year: '2016', text: `Brandon Hall Gold Award for Excellence in Learning and Development: Best Advance in Custom Content`, bh: true }, { year: '2016', text: `Brandon Hall Bronze Award for Excellence in Learning and Development: Best Use of Blended Learning`, bh: true }, { year: '2015', text: `Brandon Hall Silver Award for Excellence in Learning and Development: Best Advance in Custom Content`, bh: true }, ]; const EXP_AWARD_IMAGES = [ { src: 'assets/awards/bh-2015-silver.png', year: '2015', label: 'Brandon Hall Silver · Excellence in Learning' }, { src: 'assets/awards/bh-2016-gold.png', year: '2016', label: 'Brandon Hall Gold · Excellence in Learning' }, { src: 'assets/awards/bh-2016-bronze.png', year: '2016', label: 'Brandon Hall Bronze · Excellence in Learning' }, { src: 'assets/awards/bh-2017-bronze.png', year: '2017', label: 'Brandon Hall Bronze · Excellence in Learning' }, { src: 'assets/awards/bh-2018-gold-tech.png', year: '2018', label: 'Brandon Hall Gold · Excellence in Technology' }, { src: 'assets/awards/bh-2019-silver.png', year: '2019', label: 'Brandon Hall Silver · Excellence in Learning' }, { src: 'assets/awards/bh-2020-bronze.png', year: '2020', label: 'Brandon Hall Bronze · Excellence in Learning' }, { src: 'assets/awards/bh-2021-silver.png', year: '2021', label: 'Brandon Hall Silver · Excellence in Learning' }, { src: 'assets/awards/trailblazer-2021.jpg', year: '2021', label: 'Learning Reimagined · Trailblazer' }, { src: 'assets/awards/bh-2022-bronze.png', year: '2022', label: 'Brandon Hall Bronze · Learning & Development' }, { seal: 'harvey', name: 'C. Felix Harvey Award', year: '2022', label: 'C. Felix Harvey Award · UNC–Chapel Hill' }, { seal: 'tiip', name: 'TIIP Award', year: '2026', label: 'TIIP Award · Innovate Carolina, UNC' }, ]; // UNC-brand award seal: interlocking NC logo + Oswald (Field Gothic alt) name. const UNC_NAVY = '#13294B'; function UncSeal({ name, diameter }) { return (
    {name}
    ); } const EXP_EDUCATION = [ { degree: 'Ph.D.', school: 'Purdue University', field: 'Interpersonal & Family Communication / Developmental Psychology' }, { degree: 'M.A.', school: 'Northwestern University', field: 'Mass Communication' }, { degree: 'B.S.', school: 'James Madison University', field: 'Communication (double major): Visual Communication and Journalism', note: 'Valedictorian, School of Media Arts & Design' }, ]; const EXP_CERTS = [ { text: `Digital Accessibility Liaisons Badge, University of North Carolina – NC TraCS: May, 2026`, url: 'https://www.credly.com/badges/5513be5f-d5fc-4e1d-92b2-88cf2f667ded/linked_in_profile' }, { text: `Registered Circle of Security Parent Facilitator: March, 2026`, url: 'https://5347660.app.netsuite.com/core/media/media.nl?id=3013759&c=5347660&h=iwF0gikPXtXF2bRn5GRNZhWCTVMfZqRJkrkGZDkEU2snPrus&_xt=.pdf' }, { text: `CITI Program Certification: Social and Behavioral Research: January, 2024`, url: 'https://www.citiprogram.org/verify/?wd6e814c8-8765-444b-b0de-9aba07109d40-60147379' }, { text: `CITI Program Certification: Human Subjects Research: January, 2024`, url: 'https://www.citiprogram.org/verify/?w5347f46e-f535-498f-8a7e-cb9d47aab8e0-60147380' }, ]; function Experience({ go, ctx }) { const pad = ctx.isMobile ? '32px 20px 0' : '40px 64px 0'; return (

    Awards & Experience

    I build impactful projects and the systems behind them: the function, the infrastructure, and the strategy.

    {/* Award badges carousel */}
    {/* Funding (left, sticky) + Roles (right) */}
    {/* LEFT: funding */}
    Current funding activity
      {EXP_FUNDING.map((f, i) => (
    • {f.name}
      {f.funder}
      PI: {f.pi}
      • ))}
    {/* RIGHT: roles timeline */}
    Roles
      {EXP_ROLES.map((r, i) => ( ))}
    {/* Honors & awards */}
    Honors & awards
    Nine Brandon Hall Awards
    Two Innovation Awards
      {EXP_AWARDS.map((a, i) => (
    1. {a.year}
      {a.text}
      2. ))}
    {/* Education */}
    Education
    {EXP_EDUCATION.map((e, i) => { const edge = [T.c1, T.c2, T.c3][i]; const surface = [T.s1, T.s2, T.s3][i]; return (
    {e.degree}
    {e.school}
    {e.field}
    {e.note &&
    {e.note}
    }
    ); })}
    {/* Certifications */}
    Certifications
      {EXP_CERTS.map((c, i) => (
      • ))}
    ); } function RoleItem({ r, ctx, last }) { return (
  • {!last && (
    • ); } function AwardsCarousel({ ctx }) { const ref = React.useRef(null); const scroll = (dir) => { const el = ref.current; if (el) el.scrollBy({ left: dir * (ctx.isMobile ? 200 : 280), behavior: 'smooth' }); }; const cardW = ctx.isMobile ? 170 : 210; return (
    {[...EXP_AWARD_IMAGES].reverse().map((a, i) => (
    {a.seal ? ( ) : ( {`${a.label}, )}
    {a.year} · {a.label}
    ))}
    {!ctx.isMobile && ( <> )}
    ); } function awardNavBtn(side) { return { position: 'absolute', top: 'calc(50% - 14px)', [side]: -14, transform: 'translateY(-50%)', width: 40, height: 40, borderRadius: '50%', border: `1px solid ${T.rule}`, background: '#fff', color: T.ink, cursor: 'pointer', fontSize: 20, lineHeight: 1, boxShadow: '0 4px 14px -6px rgba(28,26,23,0.25)', display: 'flex', alignItems: 'center', justifyContent: 'center', zIndex: 2, }; } function RoleBullet({ text }) { return (
    • ); } // ─── Shared: relevant-skills tile row ───────────────────────── function RelevantSkills({ go, ctx, skills }) { const cols = ctx.isMobile ? 1 : Math.min(skills.length, 4); return (
    Relevant skills
    {skills.map((s) => ( ))}
    ); } // ─── Innovation project card (no image; title + body + links) ── function InnovationProjectCard({ ctx, go, edge, surface, title, description, bullets, links }) { return (
    {title}
    {description && (

    {description}

    )} {bullets && (
      {bullets.map((b, i) => )}
    )} {links && links.length > 0 && (
    {links.map((l, i) => ( l.internal ? ( ) : ( {l.label} ) ))}
    )}
    ); } // ─── Michigan PBIS Implementation ───────────────────────────── function MichiganPbisDetail({ go, ctx }) { return (

    Michigan PBIS Implementation

    {/* SELECTED PRODUCT — placeholder frame + links */}
    Branching scenario: ranking responses to playground behavior
    Project

    Blended program supporting Schoolwide Positive Behavioral Interventions and Supports (SWPBIS) in Michigan schools, pairing a branching-scenario digital lesson for school staff with data-driven, customized supports for school leadership teams.

    {[ { label: 'Choose-Your-Own-PBIS Adventure: Featuring the Cafeteria!', url: 'https://modules.fpg.unc.edu/MiMTSS/' }, { label: 'Student Experience of PBIS: Onsite Support Videos', url: 'https://modules.fpg.unc.edu/MiMTSSCoach/daythree/' }, { label: 'Choose Your Own Coaching Adventure', url: 'https://modules.fpg.unc.edu/MiMTSSCoach/CoachingCYOA/' }, ].map((it) => ( {it.label} ))}
    {/* KEY FINDINGS */}
    Key Findings
    {/* Problem */}
    Problem

    School leadership teams (SLTs) received SWPBIS training but lacked structured supports to carry it to the rest of the school staff, many of whom held punitive or fatalistic beliefs about student behavior.

    {/* Solution */}
    Solution

    Cross-functional team: FPG design paired with the Michigan Department of Education / MiMTSS Technical Assistance Center.

    Overall design: two integrated components:

    1. An asynchronous, animated "choose-your-own-adventure" lesson set in a middle-school cafeteria, where staff make realistic behavioral-response choices and see the consequences play out across teacher, student, administrator, and family perspectives.
    2. Customized performance-support materials (meeting agendas, facilitation guides, FAQs, and animated videos) that leadership teams use to lead follow-up staff meetings, tailored to each school's response patterns. An xAPI/LRS data infrastructure captures staff choices and routes the response-pattern data into those customized SLT materials.

    Knowledge translation:

    • SWPBIS principles were translated into branching, real-world cafeteria scenarios so staff practice choosing supportive responses.
    • The data those choices generate is turned into tailored guidance for leadership teams.
    {/* Result */}
    Result
      {[ Reach: 137 staff across 5 Michigan school districts (2021–22)., Within the digital lesson: a 27% increase in staff ranking SWPBIS-aligned responses among their top two choices (post-test 103 vs. pre-test 81)., On the job: SWPBIS fidelity rose from 23–27% to 90–93% on the Tiered Fidelity Inventory at pilot schools; both schools that completed the full blended program reached 100% of installation-checklist items., Recognized with a Brandon Hall Group Bronze Award (Best Use of Blended Learning)., ].map((node, i) => (
      • ))}
    {/* DESIGN METHODOLOGY */}
    Design methodology
    {/* RELEVANT PUBLICATIONS AND PRESENTATIONS */}
    Relevant publications and presentations
    • Morgan, W. (2022, June). The Blended Learning Trifecta: Leveraging eLearning Data and Webinar to Drive Results. The New Blended Learning Conference, Learning Guild.
    ); } // ─── Data Dashboards for Targeted Action ────────────────────── function DataDashboardsDetail({ go, ctx }) { return (

    Data Dashboards for Targeted Action

    {/* Selected screen + blurb */}
    Building Teams self-check: Forming a team with critical perspectives
    Innovation

    A repeatable capability: capture meaningful learner behavior data and turn it into an at-a-glance picture that lets coaches, instructors, and leadership teams target their follow-up. Applied across several projects.

    {/* KEY FINDINGS — stacked */}
    Key Findings
    {/* Problem */}
    Problem
      {[ { text: 'No existing learner activity data collection, with clear barriers to typical solutions', items: [ "Typical learning management systems (LMSs) don't make sense in an organization that is characterized by a collection of projects with different funders, learners, and goals. Each project has its own website and touches multiple unknown learners; driving them all to a single point of entry would create unnecessary barriers.", ] }, 'On-site work is expensive and time-consuming.', 'Site support staff are overloaded and need support/streamlining.', ].map((b, i) => )}
    {/* Innovation */}
    Innovation
      {[ 'Capture meaningful learner-activity (behavioral) data from assets launched on each project website as xAPI statements to a Learning Record Store (LRS).', { text: 'Introduce data dashboards for personalized blended learning:', items: [ 'Produce eLearning pre-work that is highly interactive and engaging, producing customized, meaningful learner data.', 'Translate that data into visualizations and reports (such as the "traffic light" dashboard) that provide quick and easy insight to the people who act on it.', ] }, ].map((b, i) => )}
    {/* Result */}
    Result

    Targeted, efficient follow-up across multiple, award-winning projects; the underlying learning-data infrastructure itself earned a Brandon Hall Gold (Best Advance in Learning Management Technology).

    {/* RELEVANT PROJECTS */}
    Relevant projects
    {/* RELEVANT PUBLICATIONS AND PRESENTATIONS */}
    Relevant publications and presentations

    See the full body of work on the{' '} page.

    Selected presentations
      {[ { html: `Mercier, S. & Morgan W. (2024, March 7). Developing a Data Plan: Scenario-Based Learning Experience. Presented at the online Spring xAPI Cohort, Chelsea, MI.`, invited: true }, { html: `Morgan, W. & Kliewer, M. (2023, October 12). Data-driven Decision Making: Custom Dashboards for Learner Insights. Presented at the online Fall xAPI Cohort, Chelsea, MI.`, invited: true }, { html: `Morgan, W. (2023, July 24). Beyond the LMS: How to capture (and Use!) Learner Activity Data From Web-Based Training/Technical Assistance. Technology demonstration at the 2023 OSEP Combined Leadership and Project Directors’ Conference, Washington, DC.`, invited: true }, { html: `Morgan, W. & Harradine, C. (2023, March 29). Instructional Strategy and Measurement: The Relationship Between Data and Design Defines Good Strategy. Guest lecture in UNC EDUC845 – Instructional Strategies for Teaching and Learning in Digital Contexts.`, invited: true }, { html: `Morgan, W. (2022, December). The Science of Instructional Design. Presented as part of the FPG Seminar Series, Chapel Hill, NC.`, invited: true }, { html: `Morgan, W. (2022, November). xAPI and the “Traffic Light Dashboard.” Presented at the online Fall xAPI Cohort, Chelsea, MI.`, invited: true }, { html: `Morgan, W. (2022, June). The Blended Learning Trifecta: Leveraging eLearning Data and Webinar to Drive Results. [Live, virtual presentation]. The New Blended Learning Conference by the Learning Guild.`, invited: true }, { html: `Morgan, W. & Kliewer, M. (2021, May). The Power of xAPI to Enable Instructional Design Strategy. [Live, virtual presentation]. Learning Solutions Digital Experience Conference.` }, { html: `Reed, J. J., Morgan, W. M., & Aldridge, W. A. II. (2021, May 3-6). A Blended Learning Approach for Disseminating Implementation Science Knowledge [Virtual Storyboard presentation]. Global Implementation Conference 2021.` }, { html: `Morgan, W. (2020, November). Strategic Use of xAPI Data. Presented at the online Fall xAPI Cohort, Chelsea, MI.`, invited: true }, { html: `Morgan, W. (2020, May). Blended learning: Reconceptualizing University Courses for Fall, 2020. Presented at a meeting of University North Carolina Learning Experience Designers (UNC LXD), Chapel Hill, NC.`, invited: true }, { html: `Morgan, W. (2020, May). The Blended Learning Strategy Trifecta. Presented at What’s Working Now, Chelsea, MI.`, invited: true }, { html: `Morgan, W. (2020, May). ICTP’s blended learning strategy trifecta. Presented at the FPG Community Meeting, Chapel Hill, NC.`, invited: true }, { html: `Morgan, W. (2020, March). An xAPI case study: Enabling strategic design of research-based, community-focused training. Presented at the online Spring xAPI Cohort, Chelsea, MI.`, invited: true }, ].map((p, i, arr) => (
      • ))}
    ); } // ─── AI Tools & Enablement ──────────────────────────────────── function AiToolsDetail({ go, ctx }) { return (

    AI Tools & Enablement

    {/* RAG explainer + blurb */}
    How a RAG-enabled assistant grounds its answers
    Innovation

    I build AI-enabled learning and performance-support tools that ship to real users, from conversation design and knowledge curation through model selection, testing, and responsible deployment. I also build my team's capability to design and deploy them.

    {/* KEY FINDINGS — stacked */}
    Key Findings
    {/* Problem */}
    Problem

    Two gaps:

      {[ "Practitioners and the people they serve struggle to find and apply the right guidance across large, complex resource bases; static content doesn't meet people at the moment of need.", 'Teams need the capability and confidence to both use and build AI tools.', ].map((b, i) => )}
    {/* Solution */}
    Innovation
      {[ { text: 'For practitioners:', items: [ "Design, build, and ship RAG-enabled assistants end to end: curate and evaluate knowledge sources with SMEs, select models across vendor options within Microsoft Copilot Studio, test, and deploy within UNC's responsible-AI governance practices.", 'Oversee design and development of a virtual coach product involving model fine-tuning: select vendor and model options, manage administration of Azure environment subscription and guidelines through UNC, organize user testing and iterative pivots.', ] }, { text: 'For team capability:', items: [ 'Move the team from zero to routine, responsible practice.', 'Organize FPG-wide AI training and lead team skill development.', 'Share practical AI adoption with the broader L&D community.', ] }, ].map((b, i) => )}
    {/* Result */}
    Result
      {[ { text: 'Two chatbots shipped and in production on federally funded websites:', items: [ 'One for implementation specialists navigating a huge resource base.', 'One for adults with IDD and the people who support them, a second launching for the IDD employment audience, and an accommodations coach in development.', ] }, 'A team that now routinely designs and deploys AI tools as instructional supports.', 'External talks supporting AI adoption across L&D.', ].map((b, i) => )}
    {/* RELEVANT PROJECTS */}
    Relevant projects
    {/* RELEVANT PUBLICATIONS AND PRESENTATIONS */}
    Relevant publications and presentations
    • Morgan, W., & Mercier, S. (2025, November 13). Build-a-Bot Workshop: Create Your Own AI-Powered Chatbot. Presented at DevLearn, Las Vegas, NV.
    • Foster, J., Morgan, W., & Marles, C. (2026, April 28). From Curiosity to Confidence: Building Your AI Roadmap in Learning & Development. Presented at the Learning Trends & Innovations Special Interest Group, Association for Talent Development Research Triangle Area Chapter (Virtual).
    ); } window.PortfolioFrame = Frame;