{"id":4608,"date":"2026-05-28T16:48:30","date_gmt":"2026-05-28T15:48:30","guid":{"rendered":"https:\/\/www.schoolofdesignleeds.com\/ds26\/?p=4608"},"modified":"2026-05-28T16:48:54","modified_gmt":"2026-05-28T15:48:54","slug":"zhan-lanxi","status":"publish","type":"post","link":"https:\/\/www.schoolofdesignleeds.com\/ds26\/zhan-lanxi\/","title":{"rendered":"Zhan Lanxi"},"content":{"rendered":"<div class=\"sitecontainer\">\n<div class=\"pagecontainer\">\n<h4 class=\"homepage-heading-h4\">Degree Show 2026<\/h4>\n<div class=\"postcontainer\">\n<h1 class=\"thestudentpostname\" id=\"studentpostname\">Zhan Lanxi<\/h1>\n<h3>BA Graphic and Communication Design<\/h3>\n<p class=\"studentstatement\">I am a Graphic and Communication Design student passionate about visual storytelling and creative branding. My work explores typography, digital media, and contemporary visual culture, aiming to create meaningful and engaging communication through design.<\/p>\n<div class=\"socialstack\"><span class=\"material-icons md-24\">handshake<\/span><a href=\"#\" target=\"_blank\" rel=\"noopener\">Connect with <span id=\"withme\"><\/span><\/a><\/div>\n<p><!--FILE01 IMG--><\/p>\n<div class=\"mediafileviewer mfvimages\"><img decoding=\"async\" loading =\"lazy\" data-src=\"https:\/\/www.schoolofdesignleeds.com\/ds26\/wp-content\/uploads\/2026\/05\/Lanxi-Zhan-GCD-01_Zhan-Lanxi-scaled.jpg\" width=\"100%\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 951px; --smush-placeholder-aspect-ratio: 951\/2560;\" \/><\/p>\n<p class=\"mfv-caption\">This project explores the hidden environmental impact of everyday digital behaviour. Through an interactive website using heat-map visuals and data storytelling, I visualise the \u201cinvisible heat\u201d generated by video streaming, cloud storage, AI tools, and online communication, encouraging users to rethink the relationship between technology and energy consumption.<\/p>\n<\/div>\n<p><!--FILE02 IMG--><\/p>\n<div class=\"mediafileviewer mfvimages\"><img decoding=\"async\" loading =\"lazy\" data-src=\"https:\/\/www.schoolofdesignleeds.com\/ds26\/wp-content\/uploads\/2026\/05\/Lanxi-Zhan-GCD-02_Zhan-Lanxi-scaled.jpg\" width=\"100%\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1213px; --smush-placeholder-aspect-ratio: 1213\/2560;\" \/><\/p>\n<p class=\"mfv-caption\">\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*\/\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Degree Show 2026 Zhan Lanxi BA Graphic and Communication Design I am a Graphic and Communication Design student passionate about visual storytelling and creative branding. My work explores typography, digital media, and contemporary visual culture, aiming to create meaningful and engaging communication through design. handshakeConnect with This project explores the hidden environmental impact of everyday &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.schoolofdesignleeds.com\/ds26\/zhan-lanxi\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Zhan Lanxi&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-4608","post","type-post","status-publish","format-standard","hentry","category-ba-graphic-and-communication-design","entry"],"_links":{"self":[{"href":"https:\/\/www.schoolofdesignleeds.com\/ds26\/wp-json\/wp\/v2\/posts\/4608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.schoolofdesignleeds.com\/ds26\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.schoolofdesignleeds.com\/ds26\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.schoolofdesignleeds.com\/ds26\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.schoolofdesignleeds.com\/ds26\/wp-json\/wp\/v2\/comments?post=4608"}],"version-history":[{"count":2,"href":"https:\/\/www.schoolofdesignleeds.com\/ds26\/wp-json\/wp\/v2\/posts\/4608\/revisions"}],"predecessor-version":[{"id":4618,"href":"https:\/\/www.schoolofdesignleeds.com\/ds26\/wp-json\/wp\/v2\/posts\/4608\/revisions\/4618"}],"wp:attachment":[{"href":"https:\/\/www.schoolofdesignleeds.com\/ds26\/wp-json\/wp\/v2\/media?parent=4608"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.schoolofdesignleeds.com\/ds26\/wp-json\/wp\/v2\/categories?post=4608"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.schoolofdesignleeds.com\/ds26\/wp-json\/wp\/v2\/tags?post=4608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}