{"id":2793,"date":"2026-03-25T10:13:47","date_gmt":"2026-03-25T10:13:47","guid":{"rendered":"https:\/\/www.schoolofdesignleeds.com\/ds24\/?p=2793"},"modified":"2026-03-25T10:13:47","modified_gmt":"2026-03-25T10:13:47","slug":"ocean-chan","status":"publish","type":"post","link":"https:\/\/www.schoolofdesignleeds.com\/ds24\/ocean-chan\/","title":{"rendered":"Ocean Chan"},"content":{"rendered":"<div class=\"sitecontainer\">\n<div class=\"pagecontainer\">\n<h4 class=\"homepage-heading-h4\">Degree Show 2024<\/h4>\n<div class=\"postcontainer\">\n<h1 class=\"thestudentpostname\" id=\"studentpostname\">Ocean Chan<\/h1>\n<h3>BA Art and Design<\/h3>\n<p class=\"studentstatement\">My studio practice focuses on creating interactive immersive installations that foster active audience engagement, bringing me significant satisfaction. &#8220;Mindscapes&#8221; is an interactive installation embodying my creative mind, filled with diverse ideas, memories, and emotions. Its unconventional design symbolizes my blue-sky thinking. Participants engage in activities like assembling a stool, discovering hidden elements, and creating new sounds and visuals, mirroring my mental processes during creativity. Listening to faint audio pieces requires focus, representing the effort to access subtle thoughts. The installation combines participant interactions with my cognitive experiences, making their involvement essential. &#8220;Mindscapes&#8221; offers insight into the complexity of creative thought and bridges the gap between internal experiences and artistic expression.<\/p>\n<div class=\"socialstack\"><span class=\"material-symbols-outlined\">handshake<\/span><a href=\"https:\/\/www.oceanchan-creativemaker.com\/\" target=\"_blank\" rel=\"noopener\">Connect with <span id=\"withme\">Ocean Chan<\/span><\/a><\/div>\n<p><!--FILE01--><\/p>\n<div class=\"mediafileviewer mfvimages\"><img decoding=\"async\" loading =\"lazy\" data-src=\"https:\/\/www.schoolofdesignleeds.com\/ds24\/wp-content\/uploads\/2024\/06\/hoiyeungocean-chan-01_Hoi-Chan-scaled.jpg\" width=\"100%\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/2248;\" \/><\/p>\n<p class=\"mfv-caption\">External appearance of installation<\/p>\n<\/div>\n<p><!--FILE02--><\/p>\n<div class=\"mediafileviewer mfvimages\"><img decoding=\"async\" loading =\"lazy\" data-src=\"https:\/\/www.schoolofdesignleeds.com\/ds24\/wp-content\/uploads\/2024\/06\/hoiyeungocean-chan-02_Hoi-Chan-scaled.jpg\" width=\"100%\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/1920;\" \/><\/p>\n<p class=\"mfv-caption\">&#8216;Default&#8217; interior configuration of the installation<\/p>\n<\/div>\n<p><!--FILE03--><\/p>\n<div class=\"mediafileviewer mfvimages\"><img decoding=\"async\" loading =\"lazy\" data-src=\"https:\/\/www.schoolofdesignleeds.com\/ds24\/wp-content\/uploads\/2024\/06\/hoiyeungocean-chan-03_Hoi-Chan-scaled.jpg\" width=\"100%\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/1920;\" \/><\/p>\n<p class=\"mfv-caption\">Potential appearance of the interior following participant interaction<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><script>\ndocument.getElementById(\"withme\").innerHTML = document.getElementById(\"studentpostname\").innerHTML;\ndocument.addEventListener(\"scroll\", function(){\nvar sitedescription = document.querySelector(\".site-description\");\nvar studenttitle = document.getElementById(\"studentpostname\");\nif(window.pageYOffset > 100){\nsitedescription.classList.add(\"highlightstudentname\");\nsitedescription.innerHTML = studenttitle.innerHTML;\n}\nif(window.pageYOffset < 100){\nsitedescription.classList.remove(\"highlightstudentname\");\nsitedescription.innerHTML = \"School of Design, University of Leeds\";\n}\n});\n\/*Heart a submission*\/\nlet theheart = document.getElementById(\"heartsvg\"); \/\/ assign the SVG class to a variable called theheart\nlet lsheart = localStorage.getItem(\"onheart\"); \/\/ access a key called onheart in LS, and assign it to a variable called lsheart\nlet heartmsg = document.getElementById(\"heartmessage\");\nconst enableheart = () => { \/\/ create a function to colour in the SVG when the SVG is clicked\ntheheart.classList.add(\"activeheart\"); \/\/ tell the function to add a class to the SVG that will add colour\nheartmsg.innerHTML = \"You liked this submission\";\nheartmsg.classList.add(\"addpinkcolor\");\nlocalStorage.setItem(\"onheart\", \"enabled\"); \/\/ activate LS with the key and a value, hereby called enabled\n};\nconst disableheart = () => { \/\/ create a function to remove colour from the SVG when the SVG is clicked\ntheheart.classList.remove(\"activeheart\"); \/\/ tell the function to remove the class from the SVG that added colour\nheartmsg.innerHTML = \"Like this submission\";\nheartmsg.classList.remove(\"addpinkcolor\");\nlocalStorage.setItem(\"onheart\", \"disabled\"); \/\/ activate LS with the same key but a new value, hereby called disabled\n};\nif(lsheart === \"enabled\"){ \/\/ if the LS key has a value of enabled then...\nenableheart(); \/\/ ...run the enableheart function, which adds the class to the SVG\n}\ntheheart.addEventListener(\"click\", function(){ \/\/ when the SVG is clicked...\nlsheart = localStorage.getItem(\"onheart\"); \/\/ ...I think the LS needs to run on itself\nif(lsheart === \"enabled\"){ \/\/ if the LS key has a value of enabled...\ndisableheart(); \/\/ ...run the function that changes the LS value to disabled\n} else { \/\/ otherwise...\nenableheart(); \/\/ ...run the function that changes the LS value to enabled\n}\n});\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Degree Show 2024 Ocean Chan BA Art and Design My studio practice focuses on creating interactive immersive installations that foster active audience engagement, bringing me significant satisfaction. &#8220;Mindscapes&#8221; is an interactive installation embodying my creative mind, filled with diverse ideas, memories, and emotions. Its unconventional design symbolizes my blue-sky thinking. Participants engage in activities like &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.schoolofdesignleeds.com\/ds24\/ocean-chan\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Ocean Chan&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-2793","post","type-post","status-publish","format-standard","hentry","category-ba-art-and-design","entry"],"_links":{"self":[{"href":"https:\/\/www.schoolofdesignleeds.com\/ds24\/wp-json\/wp\/v2\/posts\/2793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.schoolofdesignleeds.com\/ds24\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.schoolofdesignleeds.com\/ds24\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.schoolofdesignleeds.com\/ds24\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.schoolofdesignleeds.com\/ds24\/wp-json\/wp\/v2\/comments?post=2793"}],"version-history":[{"count":1,"href":"https:\/\/www.schoolofdesignleeds.com\/ds24\/wp-json\/wp\/v2\/posts\/2793\/revisions"}],"predecessor-version":[{"id":2827,"href":"https:\/\/www.schoolofdesignleeds.com\/ds24\/wp-json\/wp\/v2\/posts\/2793\/revisions\/2827"}],"wp:attachment":[{"href":"https:\/\/www.schoolofdesignleeds.com\/ds24\/wp-json\/wp\/v2\/media?parent=2793"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.schoolofdesignleeds.com\/ds24\/wp-json\/wp\/v2\/categories?post=2793"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.schoolofdesignleeds.com\/ds24\/wp-json\/wp\/v2\/tags?post=2793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}