{"id":73,"date":"2025-04-28T19:30:10","date_gmt":"2025-04-28T19:30:10","guid":{"rendered":"https:\/\/ryancv-demo.bslthemes.com\/?post_type=portfolio&#038;p=73"},"modified":"2026-08-21T04:59:50","modified_gmt":"2026-08-21T04:59:50","slug":"connected-learning-project","status":"publish","type":"portfolio","link":"https:\/\/sarahbrown.me\/?portfolio=connected-learning-project","title":{"rendered":"Connected Learning Project"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"73\" class=\"elementor elementor-73\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6131a90f e-flex e-con-boxed e-con e-parent\" data-id=\"6131a90f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25ce48a2 elementor-widget elementor-widget-text-editor\" data-id=\"25ce48a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"isSelectedEnd\">This project explored how technology could bridge the gap between students\u2019 everyday experiences and the science they learn in school. We designed a system that uses <strong>smartwatches to help students capture short recordings of moments from their daily lives that connect to science concepts<\/strong>\u2014such as the friction experienced while riding a bike or the life cycle of flowers in a neighborhood garden. These recordings are shared with teachers, helping them connect classroom lessons to students\u2019 lived experiences and create opportunities for more meaningful, contextualized learning.<\/p><p class=\"isSelectedEnd\">The project was led by Dr. Sharon Lynn Chu, director of the <a href=\"https:\/\/elxlab.cise.ufl.edu\/\">Embodied Learning and Experience Lab<\/a>, and funded by NSF Grant <a href=\"https:\/\/www.nsf.gov\/awardsearch\/showAward?AWD_ID=1942937\">#1942937<\/a>. Publications from this work are currently in preparation.<\/p><p class=\"isSelectedEnd\">My primary role was designing the <strong>UI\/UX for the smartwatch application, StoryLoop, and the teacher-facing portal, Contextualizer<\/strong>. I also developed the visual identity and branding for the interfaces and recruitment materials, and contributed to conducting studies at a local middle school.<\/p><p>Below is a short video overview of the project, followed by selected examples of the designs I created.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div data-id=\"86c4621\" data-interaction-id=\"86c4621\" data-e-type=\"e-youtube\"  class=\"e-youtube-base\"  data-settings=\"&#x7B;&quot;source&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.youtube.com&#x5C;&#x2F;watch&#x3F;v&#x3D;Vwe0Zy7vnaI&quot;,&quot;autoplay&quot;&#x3A;false,&quot;mute&quot;&#x3A;false,&quot;controls&quot;&#x3A;true,&quot;cc_load_policy&quot;&#x3A;false,&quot;loop&quot;&#x3A;false,&quot;rel&quot;&#x3A;true,&quot;start&quot;&#x3A;null,&quot;end&quot;&#x3A;null,&quot;privacy&quot;&#x3A;false,&quot;lazyload&quot;&#x3A;false&#x7D;\"><\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8dc3f4 elementor-widget elementor-widget-ryancv-heading\" data-id=\"b8dc3f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ryancv-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<!-- Heading -->\n\t\t<div class=\"content custom-text\">\n\n\t\t\t\t\t\t<!-- title -->\n\t\t\t<h2 class=\"title\">\n\t\t\t\t<span >Interface Designs<\/span>\n\t\t\t<\/h2>\n\t\t\t\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66b99b7 elementor-widget elementor-widget-image\" data-id=\"66b99b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/FINAL_storyloop.png\" class=\"attachment-large size-large wp-image-4976\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35e0109 elementor-widget elementor-widget-image\" data-id=\"35e0109\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"900\" height=\"809\" src=\"https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/FINAL_contextualizerscreenshots-1024x921.png\" class=\"attachment-large size-large wp-image-4978\" alt=\"\" srcset=\"https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/FINAL_contextualizerscreenshots-1024x921.png 1024w, https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/FINAL_contextualizerscreenshots-300x270.png 300w, https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/FINAL_contextualizerscreenshots-768x691.png 768w, https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/FINAL_contextualizerscreenshots-1536x1382.png 1536w, https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/FINAL_contextualizerscreenshots-2048x1843.png 2048w, https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/FINAL_contextualizerscreenshots-184x166.png 184w, https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/FINAL_contextualizerscreenshots-1200x1080.png 1200w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21703ab e-con-full e-flex e-con e-parent\" data-id=\"21703ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5539dbb elementor-widget elementor-widget-ryancv-heading\" data-id=\"5539dbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ryancv-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<!-- Heading -->\n\t\t<div class=\"content custom-text\">\n\n\t\t\t\t\t\t<!-- title -->\n\t\t\t<h2 class=\"title\">\n\t\t\t\t<span >Graphic Design\/Branding<\/span>\n\t\t\t<\/h2>\n\t\t\t\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a140072 elementor-widget elementor-widget-ucaddon_uc_compact_image_theme\" data-id=\"a140072\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_uc_compact_image_theme.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Compact Gallery -->\n\t\t<link id='font-awesome-css' href='https:\/\/sarahbrown.me\/wp-content\/plugins\/unlimited-elements-for-elementor\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/sarahbrown.me\/wp-content\/plugins\/unlimited-elements-for-elementor\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='unitegallery-css' href='https:\/\/sarahbrown.me\/wp-content\/plugins\/unlimited-elements-for-elementor\/assets_libraries\/unitegallery\/css\/unite-gallery.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='fancybox-css' href='https:\/\/sarahbrown.me\/wp-content\/plugins\/unlimited-elements-for-elementor\/assets_libraries\/fancybox3\/jquery.fancybox.min.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Compact Gallery *\/\n\n#uc_uc_compact_image_theme_elementor_a140072-wrapper{\n  min-height: 1px;\n}\n\n#uc_uc_compact_image_theme_elementor_a140072{\n  margin:0 auto;\n  display: none;\n}\n\/* fancybox *\/\n\/* endfancybox *\/\n\n<\/style>\n\n<div id=\"uc_uc_compact_image_theme_elementor_a140072-wrapper\">\n  <div id=\"uc_uc_compact_image_theme_elementor_a140072\" class=\"uc-items-wrapper  \"  data-remote-type=\"gallery\" data-custom-sethtml=\"true\" >\n    \n<img decoding=\"async\" alt=\"Logos4\"\n   src=\"https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/Logos4.png\"\n    data-image=\"https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/Logos4.png\"\n    data-title=\"Logos4\">\n\n<img decoding=\"async\" alt=\"fonts\"\n   src=\"https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/fonts-768x923.png\"\n    data-image=\"https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/fonts-852x1024.png\"\n    data-title=\"fonts\">\n\n<img decoding=\"async\" alt=\"colorPalette\"\n   src=\"https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/colorPalette-768x1820.png\"\n    data-image=\"https:\/\/sarahbrown.me\/wp-content\/uploads\/2026\/08\/colorPalette-432x1024.png\"\n    data-title=\"colorPalette\">\n\n  <\/div>\n<\/div>\n<!-- end Compact Gallery -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":4977,"menu_order":0,"template":"","portfolio_categories":[55,54],"portfolio_tags":[],"class_list":["post-73","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_categories-research-projects","portfolio_categories-ui-uxd"],"acf":[],"_links":{"self":[{"href":"https:\/\/sarahbrown.me\/index.php?rest_route=\/wp\/v2\/portfolio\/73","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sarahbrown.me\/index.php?rest_route=\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/sarahbrown.me\/index.php?rest_route=\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":5,"href":"https:\/\/sarahbrown.me\/index.php?rest_route=\/wp\/v2\/portfolio\/73\/revisions"}],"predecessor-version":[{"id":5056,"href":"https:\/\/sarahbrown.me\/index.php?rest_route=\/wp\/v2\/portfolio\/73\/revisions\/5056"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sarahbrown.me\/index.php?rest_route=\/wp\/v2\/media\/4977"}],"wp:attachment":[{"href":"https:\/\/sarahbrown.me\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=73"}],"wp:term":[{"taxonomy":"portfolio_categories","embeddable":true,"href":"https:\/\/sarahbrown.me\/index.php?rest_route=%2Fwp%2Fv2%2Fportfolio_categories&post=73"},{"taxonomy":"portfolio_tags","embeddable":true,"href":"https:\/\/sarahbrown.me\/index.php?rest_route=%2Fwp%2Fv2%2Fportfolio_tags&post=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}