{"id":199,"date":"2026-04-27T08:34:14","date_gmt":"2026-04-27T08:34:14","guid":{"rendered":"https:\/\/openingstolearning.org\/?page_id=199"},"modified":"2026-09-08T20:29:01","modified_gmt":"2026-09-08T20:29:01","slug":"selected-works-in-progress","status":"publish","type":"page","link":"https:\/\/openingstolearning.org\/?page_id=199","title":{"rendered":"Portfolio"},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=EB+Garamond:wght@500;600&#038;family=Source+Sans+3:ital,wght@0,400;0,600;0,700;1,400&#038;display=swap\" rel=\"stylesheet\">\n\n<section class=\"otl-portfolio\">\n\n  <h1 class=\"portfolio-heading\">Portfolio<\/h1>\n\n  <div class=\"portfolio-grid\">\n\n    <article class=\"project-card\">\n      <img decoding=\"async\"\n        src=\"https:\/\/openingstolearning.org\/wp-content\/uploads\/2026\/07\/Texas-standards-compliance.png\"\n        class=\"project-thumbnail\"\n        alt=\"\"\n      >\n\n      <div class=\"project-content\">\n\n        <h2 class=\"texas-compliance-title\">\n          <span>Texas Child Care<\/span>\n          <span>Licensing in Practice<\/span>\n        <\/h2>\n\n        <p class=\"tagline regulatory-tagline\">\n          <em>\n            <span>A digital learning experience for<\/span>\n            <span class=\"regulatory-phrase\">regulatory practice and professional judgment<\/span>\n          <\/em>\n        <\/p>\n\n        <p>Texas child-care licensing requires staff to apply detailed standards across daily routines, documentation and professional judgment. I&nbsp;designed this orientation for a licensed Texas child-care center, working with the center director as subject matter expert to translate an overview of the Texas Minimum Standards for Child-Care Centers and the center\u2019s operational policies into structured instruction, realistic scenarios and practical job aids. Built in <span class=\"brand-nowrap\">Articulate Rise 360<\/span> for phone, tablet and desktop use, the experience combines hosted instructional video, accessible custom interactions, downloadable performance support and form-based orientation documentation without an LMS.<\/p>\n\n        <p class=\"choices-heading\">Design choices focused on organizational and learner needs:<\/p>\n\n        <ul>\n          <li>Organized regulatory content into a sequence that supports understanding and recall<\/li>\n          <li>Combined responsive Rise lessons with video, downloadable job aids and HTML, CSS and JavaScript interactions designed toward <span class=\"brand-nowrap\">WCAG 2.1 AA<\/span><\/li>\n          <li>Used story-based scenarios, open navigation and performance support to connect procedural requirements with professional judgment<\/li>\n        <\/ul>\n\n        <p class=\"next-iteration\"><strong>Next iteration:<\/strong> evaluate usability, knowledge retention and observed workplace application while considering how the experience might be adapted for broader use<\/p>\n\n        <div class=\"button-row\">\n          <a\n            class=\"button secondary\"\n            href=\"https:\/\/openingstolearning.org\/?page_id=382\"\n            target=\"_blank\"\n            rel=\"noopener\"\n          >Read Case Study<\/a>\n\n          <a\n            class=\"button primary\"\n            href=\"https:\/\/openingstolearning.org\/?page_id=403\"\n          >Request Access<\/a>\n        <\/div>\n\n      <\/div>\n    <\/article>\n\n    <article class=\"project-card\">\n      <img decoding=\"async\"\n        src=\"https:\/\/openingstolearning.org\/wp-content\/uploads\/2026\/05\/Cormorant-Garamond-Medium-1.jpg\"\n        class=\"project-thumbnail\"\n        alt=\"\"\n        loading=\"lazy\"\n      >\n\n      <div class=\"project-content\">\n\n        <h2 class=\"stacked-title\">\n          <span>Texas Heritage Site:<\/span>\n          <span>The Heard Opera House<\/span>\n        <\/h2>\n\n        <p class=\"tagline\"><em>A QR-accessible, AR-adjacent spatial learning experience<\/em><\/p>\n\n        <p>When people visit historic buildings, it can be hard to envision how people really interacted in the space. Reading static information posted on walls can be hard to connect with how people worked and moved in the environment. I am designing a QR-accessible, AR-adjacent prototype in Articulate Rise, chosen for its mobile-responsive format and suitability for visitors accessing this digital learning experience on their phones. Through sound, visual reconstruction, movement and guided attention, the experience invites learners into a reconstruction of the opera house as it was inhabited in 1896, drawing on archival sources and collaboration with a restoration architect.<\/p>\n\n        <p class=\"choices-heading\">Design choices focused on learner experience:<\/p>\n\n        <ul>\n          <li>Working with a restoration architect as subject matter expert<\/li>\n          <li>Choosing Articulate Rise for mobile-responsive, QR-code access<\/li>\n          <li>Using layered sound and visual reconstruction<\/li>\n          <li>Structuring the experience from street to arrival to lobby to hall<\/li>\n        <\/ul>\n\n        <p class=\"next-iteration\"><strong>Next iteration:<\/strong> integrate specific archival materials<\/p>\n\n        <div class=\"button-row\">\n          <a\n            class=\"button secondary\"\n            href=\"https:\/\/openingstolearning.org\/?page_id=248\"\n            target=\"_blank\"\n            rel=\"noopener\"\n          >Read Case Study<\/a>\n\n          <a\n            class=\"button primary inactive\"\n            aria-disabled=\"true\"\n            tabindex=\"-1\"\n          >Coming Soon<\/a>\n        <\/div>\n\n      <\/div>\n    <\/article>\n\n    <article class=\"project-card\">\n      <img decoding=\"async\"\n        src=\"https:\/\/openingstolearning.org\/wp-content\/uploads\/2026\/05\/Cormorant-Garamond-Medium.jpg\"\n        class=\"project-thumbnail\"\n        alt=\"\"\n        loading=\"lazy\"\n      >\n\n      <div class=\"project-content\">\n\n        <h2 class=\"stacked-title\">\n          <span>Texas Heritage Site:<\/span>\n          <span>The <span class=\"brand-nowrap\">Collin McKinney<\/span> Homestead<\/span>\n        <\/h2>\n\n        <p class=\"tagline\"><em>A QR-accessible, AR-adjacent spatial prototype for historical inquiry<\/em><\/p>\n\n        <p>Visitors to historic sites may encounter a preserved structure without knowing how to read it as evidence. I am designing this browser-based spatial prototype to help city stakeholders, preservation partners and future visitors understand the <span class=\"brand-nowrap\">Collin McKinney<\/span> Homestead as a material record of early North Texas settlement. Using a simplified 3D model and AR-adjacent approach, the prototype guides learners to observe the whole structure, then selected architectural details, helping them connect features to decisions shaped by survival, economy, durability and community formation.<\/p>\n\n        <p class=\"choices-heading\">Design choices focused on learner experience:<\/p>\n\n        <ul>\n          <li>Choosing a browser-based, AR-adjacent format for feasible review and testing<\/li>\n          <li>Organizing the experience around the SME\u2019s \u201cpattern of decision making\u201d<\/li>\n          <li>Structuring the learner pathway from the whole structure to selected architectural details<\/li>\n        <\/ul>\n\n        <p class=\"next-iteration\"><strong>Next iteration:<\/strong> refine through SME review, stakeholder feedback and visitor testing<\/p>\n\n        <div class=\"button-row\">\n          <a\n            class=\"button secondary\"\n            href=\"https:\/\/openingstolearning.org\/?page_id=245\"\n            target=\"_blank\"\n            rel=\"noopener\"\n          >Read Case Study<\/a>\n\n          <a\n            class=\"button primary inactive\"\n            aria-disabled=\"true\"\n            tabindex=\"-1\"\n          >Coming Soon<\/a>\n        <\/div>\n\n      <\/div>\n    <\/article>\n\n    <article class=\"project-card\">\n      <img decoding=\"async\"\n        src=\"https:\/\/openingstolearning.org\/wp-content\/uploads\/2026\/05\/Cormorant-Garamond-Medium-2.jpg\"\n        class=\"project-thumbnail\"\n        alt=\"\"\n        loading=\"lazy\"\n      >\n\n      <div class=\"project-content\">\n\n        <h2>Archival Learning Experience Prototype<\/h2>\n\n        <p class=\"tagline\"><em>For visitors to the Dallas Police Museum<\/em><\/p>\n\n        <p>Visitors to the Dallas Police Museum may arrive knowing the names, images and outcomes connected to President Kennedy\u2019s assassination. This <span class=\"brand-nowrap\">Articulate Storyline<\/span> prototype begins before the case has entered public memory as a fixed historical event. Drawing from an archival interview with Detective <span class=\"brand-nowrap\">Jim Leavelle<\/span> as the central primary source, the experience guides visitors through a controlled sequence of reveals so they can notice how investigative judgment forms under conditions of incomplete knowledge.<\/p>\n\n        <p class=\"choices-heading\">Design choices focused on learner experience:<\/p>\n\n        <ul>\n          <li>using an archival interview as primary source<\/li>\n          <li>choosing Articulate Storyline for controlled disclosure<\/li>\n          <li>including communication practices from 1963 to clarify how payphones, AM radios, limited computer access and monitored police channels shaped investigative work<\/li>\n        <\/ul>\n\n        <p class=\"next-iteration\"><strong>Next iteration:<\/strong> refine pacing and interaction design while preserving the uncertainty at the center of the experience<\/p>\n\n        <div class=\"archival-actions\">\n\n          <a\n            class=\"button teaser-button\"\n            href=\"https:\/\/youtu.be\/aEhSiHl8VaY\"\n            target=\"_blank\"\n            rel=\"noopener\"\n          >Watch Teaser<\/a>\n\n          <a\n            class=\"button secondary\"\n            href=\"https:\/\/openingstolearning.org\/?page_id=238\"\n            target=\"_blank\"\n            rel=\"noopener\"\n          >Read Case Study<\/a>\n\n          <a\n            class=\"button primary inactive\"\n            aria-disabled=\"true\"\n            tabindex=\"-1\"\n          >Coming Soon<\/a>\n\n        <\/div>\n\n      <\/div>\n    <\/article>\n\n    <article class=\"project-card\">\n      <img decoding=\"async\"\n        src=\"https:\/\/openingstolearning.org\/wp-content\/uploads\/2026\/05\/Cormorant-Garamond-Medium-3.jpg\"\n        class=\"project-thumbnail\"\n        alt=\"\"\n        loading=\"lazy\"\n      >\n\n      <div class=\"project-content\">\n\n        <h2>Multimedia Pilot<\/h2>\n\n        <p class=\"tagline\"><em>Developing the infrastructure for multimedia scholarship within <span class=\"brand-nowrap\">Visions of Research in Music Education (VRME)<\/span>, for authors, reviewers and readers of peer-reviewed music education research<\/em><\/p>\n\n        <p>As academic publishing is undergoing a shift in how scholarship is produced, received and circulated, the <em>VRME<\/em> Editorial Board is responding by beginning to consider audio, video and interactive forms. Since its current model is built for the 20-page article and does not yet have the infrastructure to support these forms, this pilot addresses a gap by developing a system for submission, peer review and publication of multimedia scholarship.<\/p>\n\n        <p class=\"choices-heading\">Design choices focused on system and infrastructure:<\/p>\n\n        <ul>\n          <li>Developing a companion model in which multimedia elements extend a primary article, allowing new forms to enter without displacing the existing structure<\/li>\n          <li>Using Articulate Rise to prototype how short-form and multimedia scholarship might be organized, presented and navigated in relation to peer-reviewed work<\/li>\n          <li>Separating repository and presentation layers, using Digital Commons for publication and externally hosted media for access and interaction<\/li>\n        <\/ul>\n\n        <p class=\"next-iteration\"><strong>Next iteration:<\/strong> further develop reviewer guidance<\/p>\n\n        <div class=\"button-row\">\n          <a\n            class=\"button secondary inactive\"\n            aria-disabled=\"true\"\n            tabindex=\"-1\"\n          >In Progress<\/a>\n\n          <a\n            class=\"button primary inactive\"\n            aria-disabled=\"true\"\n            tabindex=\"-1\"\n          >Coming Soon<\/a>\n        <\/div>\n\n      <\/div>\n    <\/article>\n\n    <article class=\"project-card press-play-card\">\n      <img decoding=\"async\"\n        src=\"https:\/\/openingstolearning.org\/wp-content\/uploads\/2026\/05\/PPMD-thumbnail-with-play-button-1.jpg\"\n        class=\"project-thumbnail\"\n        alt=\"\"\n        loading=\"lazy\"\n      >\n\n      <div class=\"project-content\">\n\n        <h2>Press Play Music Day<\/h2>\n\n        <p class=\"tagline\"><em>Digital learning assets for elementary music education<\/em><\/p>\n\n        <p>Press Play Music Day is a collection of digital learning assets for young children, designed to support musical participation through story, song, image, movement and structured interaction. These assets help teachers and substitutes invite children into musical engagement without requiring specialist facilitation.<\/p>\n\n        <p class=\"choices-heading\">Design choices focused on learner experience:<\/p>\n\n        <ul>\n          <li>Used story, character, image and narration to support young learners\u2019 attention<\/li>\n          <li>Designed for adult-guided use in music classroom or substitute settings<\/li>\n          <li>Extended screen-based learning through singing, movement, discussion or guided activities<\/li>\n        <\/ul>\n\n        <p class=\"next-iteration\"><strong>Next iteration:<\/strong> develop a more consistent visual identity across <span class=\"brand-nowrap\">Press Play Music Day<\/span> learning assets<\/p>\n\n        <div class=\"button-row single-button-row\">\n          <a\n            class=\"button primary\"\n            href=\"https:\/\/openingstolearning.org\/?page_id=128\"\n            target=\"_blank\"\n            rel=\"noopener\"\n          >View Collection<\/a>\n        <\/div>\n\n      <\/div>\n    <\/article>\n\n  <\/div>\n<\/section>\n\n<style>\n.otl-portfolio {\n  max-width: 1180px !important;\n  margin: -70px auto 0 !important;\n  padding: 0 18px 28px !important;\n  font-family: \"Source Sans 3\", sans-serif !important;\n  color: #2f2f2f !important;\n}\n\n.otl-portfolio .portfolio-heading {\n  font-family: \"EB Garamond\", Garamond, serif !important;\n  font-size: 2.25rem !important;\n  line-height: 1.1 !important;\n  font-weight: 600 !important;\n  text-align: left !important;\n  margin: 0 0 24px !important;\n  color: #262626 !important;\n}\n\n.otl-portfolio .portfolio-grid {\n  display: grid !important;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;\n  gap: 24px !important;\n  align-items: stretch !important;\n}\n\n.otl-portfolio .project-card {\n  display: flex !important;\n  flex-direction: column !important;\n  min-width: 0 !important;\n  background: #ffffff !important;\n  border: 1px solid #d9d9d9 !important;\n  border-radius: 14px !important;\n  box-shadow: 0 6px 18px rgba(0,0,0,0.06) !important;\n  overflow: hidden !important;\n}\n\n.otl-portfolio .project-thumbnail {\n  width: 100% !important;\n  aspect-ratio: 16 \/ 9 !important;\n  object-fit: cover !important;\n  display: block !important;\n}\n\n.otl-portfolio .project-content {\n  display: flex !important;\n  flex-direction: column !important;\n  flex-grow: 1 !important;\n  min-width: 0 !important;\n  padding: 24px 24px 22px !important;\n}\n\n.otl-portfolio .project-content h2 {\n  font-family: \"EB Garamond\", Garamond, serif !important;\n  font-size: 2.05rem !important;\n  line-height: 1.08 !important;\n  font-weight: 600 !important;\n  text-align: center !important;\n  margin: 0 0 14px !important;\n  color: #262626 !important;\n  text-wrap: balance !important;\n}\n\n.otl-portfolio .texas-compliance-title {\n  font-size: 1.85rem !important;\n  line-height: 1.08 !important;\n}\n\n.otl-portfolio .texas-compliance-title > span {\n  display: block !important;\n  white-space: nowrap !important;\n}\n\n.otl-portfolio .stacked-title > span {\n  display: block !important;\n}\n\n.otl-portfolio .tagline {\n  font-size: 0.98rem !important;\n  line-height: 1.44 !important;\n  margin: 0 0 18px !important;\n  color: #454545 !important;\n  text-wrap: pretty !important;\n}\n\n.otl-portfolio .regulatory-tagline em,\n.otl-portfolio .regulatory-tagline span {\n  display: block !important;\n}\n\n.otl-portfolio .regulatory-tagline .regulatory-phrase {\n  white-space: nowrap !important;\n}\n\n.otl-portfolio .project-content p {\n  font-size: 0.96rem !important;\n  line-height: 1.52 !important;\n  margin: 0 0 18px !important;\n}\n\n.otl-portfolio .choices-heading {\n  font-weight: 700 !important;\n  margin: 0 0 9px !important;\n}\n\n.otl-portfolio .project-content ul {\n  margin: 0 0 20px 1.05rem !important;\n  padding: 0 !important;\n}\n\n.otl-portfolio .project-content li {\n  font-size: 0.95rem !important;\n  line-height: 1.46 !important;\n  margin-bottom: 7px !important;\n}\n\n.otl-portfolio .next-iteration {\n  margin-top: 8px !important;\n  margin-bottom: 18px !important;\n}\n\n.otl-portfolio .button-row {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 10px !important;\n  width: 100% !important;\n  margin-top: auto !important;\n}\n\n.otl-portfolio .single-button-row {\n  grid-template-columns: 1fr !important;\n}\n\n.otl-portfolio .archival-actions {\n  display: grid !important;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;\n  gap: 10px !important;\n  width: 100% !important;\n  margin-top: auto !important;\n}\n\n.otl-portfolio .archival-actions .teaser-button {\n  grid-column: 1 \/ -1 !important;\n  width: 100% !important;\n}\n\n.otl-portfolio .button {\n  display: flex !important;\n  justify-content: center !important;\n  align-items: center !important;\n  box-sizing: border-box !important;\n  width: 100% !important;\n  min-width: 0 !important;\n  min-height: 40px !important;\n  padding: 8px 12px !important;\n  border-radius: 999px !important;\n  font-family: \"Source Sans 3\", sans-serif !important;\n  font-size: 0.9rem !important;\n  font-weight: 700 !important;\n  text-align: center !important;\n  text-decoration: none !important;\n  transition:\n    background-color 160ms ease,\n    border-color 160ms ease,\n    color 160ms ease,\n    transform 160ms ease !important;\n}\n\n.otl-portfolio .button.primary {\n  background: #2f2f2f !important;\n  color: #ffffff !important;\n  border: 1px solid #2f2f2f !important;\n}\n\n.otl-portfolio .button.secondary {\n  background: #ffffff !important;\n  color: #2f2f2f !important;\n  border: 1px solid #2f2f2f !important;\n}\n\n.otl-portfolio .button.teaser-button {\n  background: #f1f1f1 !important;\n  color: #4a4a4a !important;\n  border: 1px solid #d6d6d6 !important;\n}\n\n.otl-portfolio .button.teaser-button:hover {\n  background: #e8e8e8 !important;\n  border-color: #c9c9c9 !important;\n}\n\n.otl-portfolio .button:not(.inactive):hover {\n  transform: translateY(-1px) !important;\n}\n\n.otl-portfolio .button:not(.inactive):focus-visible {\n  outline: 3px solid currentColor !important;\n  outline-offset: 3px !important;\n}\n\n.otl-portfolio .button.inactive {\n  opacity: 0.55 !important;\n  pointer-events: none !important;\n  cursor: not-allowed !important;\n}\n\n.otl-portfolio .brand-nowrap {\n  white-space: nowrap !important;\n}\n\n.otl-portfolio .project-card.press-play-card .project-content ul {\n  margin-bottom: 28px !important;\n}\n\n.otl-portfolio .project-card.press-play-card .project-content li {\n  margin-bottom: 11px !important;\n  line-height: 1.55 !important;\n}\n\n.otl-portfolio .project-card.press-play-card .next-iteration {\n  margin-top: 18px !important;\n  margin-bottom: 24px !important;\n}\n\n@media (max-width: 860px) {\n  .otl-portfolio {\n    margin-top: -40px !important;\n  }\n\n  .otl-portfolio .portfolio-grid {\n    grid-template-columns: 1fr !important;\n  }\n}\n\n@media (max-width: 520px) {\n  .otl-portfolio .button-row,\n  .otl-portfolio .archival-actions {\n    grid-template-columns: 1fr !important;\n  }\n\n  .otl-portfolio .archival-actions .teaser-button {\n    grid-column: auto !important;\n  }\n\n  .otl-portfolio .regulatory-tagline {\n    font-size: 0.78rem !important;\n    letter-spacing: -0.01em !important;\n  }\n}\n\n@media (max-width: 380px) {\n  .otl-portfolio .texas-compliance-title {\n    font-size: 1.68rem !important;\n  }\n\n  .otl-portfolio .regulatory-tagline {\n    font-size: 0.7rem !important;\n    letter-spacing: -0.02em !important;\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Portfolio Texas Child Care Licensing in Practice A digital learning experience for regulatory practice and professional judgment Texas child-care licensing requires staff to apply detailed standards across daily routines, documentation and professional judgment. I&nbsp;designed this orientation for a licensed Texas child-care center, working with the center director as subject matter expert to translate an overview [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-with-title","meta":{"footnotes":""},"class_list":["post-199","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/openingstolearning.org\/index.php?rest_route=\/wp\/v2\/pages\/199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openingstolearning.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openingstolearning.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openingstolearning.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/openingstolearning.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=199"}],"version-history":[{"count":82,"href":"https:\/\/openingstolearning.org\/index.php?rest_route=\/wp\/v2\/pages\/199\/revisions"}],"predecessor-version":[{"id":441,"href":"https:\/\/openingstolearning.org\/index.php?rest_route=\/wp\/v2\/pages\/199\/revisions\/441"}],"wp:attachment":[{"href":"https:\/\/openingstolearning.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}