{"id":3193,"date":"2025-05-29T17:05:25","date_gmt":"2025-05-29T16:05:25","guid":{"rendered":"https:\/\/www.schoolofdesignleeds.com\/ds25\/?p=3193"},"modified":"2025-05-29T17:05:25","modified_gmt":"2025-05-29T16:05:25","slug":"hafsa-bibi","status":"publish","type":"post","link":"https:\/\/www.schoolofdesignleeds.com\/ds25\/hafsa-bibi\/","title":{"rendered":"Hafsa Bibi"},"content":{"rendered":"<div class=\"sitecontainer\">\n<div class=\"pagecontainer\">\n<h4 class=\"homepage-heading-h4\">Degree Show 2025<\/h4>\n<div class=\"postcontainer\">\n<h1 class=\"thestudentpostname\" id=\"studentpostname\">Hafsa Bibi<\/h1>\n<h3>BA Graphic and Communication Design<\/h3>\n<p class=\"studentstatement\">I am a graphic designer who specialises in branding, visual storytelling, and narrative-led communication. During my placement at The Walt Disney Company, I gained invaluable experience working across live marketing campaigns and handling professional creative assets. This final project integrates my design interests with my passion for gaming.<\/p>\n<div class=\"socialstack\"><span class=\"material-icons md-24\">handshake<\/span><a href=\"https:\/\/hafsabibi.myportfolio.com\/\" 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\/ds25\/wp-content\/uploads\/2025\/05\/bibi-hafsa-01_Bibi-Hafsa.jpg\" width=\"100%\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1980px; --smush-placeholder-aspect-ratio: 1980\/1472;\" \/><\/p>\n<p class=\"mfv-caption\">\u2018Fractured\u2019 is a tactile tabletop game, designed to combat screen-addiction in young teens. Encouraging face-to-face interaction and imagination, it keeps players actively engaged, for a gaming experience that values attention and presence at the table. By offering a hands-on alternative to screen-based play, the game aims to reduce passive behaviour and dependence on digital devices.<\/p>\n<\/div>\n<p><!--FILE02 IMG--><\/p>\n<div class=\"mediafileviewer mfvimages\"><img decoding=\"async\" loading =\"lazy\" data-src=\"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-content\/uploads\/2025\/05\/bibi-hafsa-02_Bibi-Hafsa.jpg\" width=\"100%\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1980px; --smush-placeholder-aspect-ratio: 1980\/2318;\" \/><\/p>\n<p class=\"mfv-caption\">Main modular game board, composed of five hexagonal tiles arranged around a central pentagonal tile, forming a fractured planet made up of distinct regions. Each tile represents a unique environment brought to life through vibrant illustrations, to immerse young players in a richly imagined world.<\/p>\n<\/div>\n<p><!--FILE03 IMG--><\/p>\n<div class=\"mediafileviewer mfvimages\"><img decoding=\"async\" loading =\"lazy\" data-src=\"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-content\/uploads\/2025\/05\/bibi-hafsa-03_Bibi-Hafsa.jpg\" width=\"100%\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1980px; --smush-placeholder-aspect-ratio: 1980\/2243;\" \/><\/p>\n<p class=\"mfv-caption\">Interactive player dashboard featuring game components (tokens, cards, dice and other 3D pieces) which encourage focus, imagination and active participation. The gameplay also incorporates a unique clay-moulding mechanic, enhancing tactile interaction and creativity. Inspired by role-playing games like Dungeons and Dragons, \u2018Fractured\u2019 promotes critical thinking, teamwork and strategic decision-making.<\/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*\/\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Degree Show 2025 Hafsa Bibi BA Graphic and Communication Design I am a graphic designer who specialises in branding, visual storytelling, and narrative-led communication. During my placement at The Walt Disney Company, I gained invaluable experience working across live marketing campaigns and handling professional creative assets. This final project integrates my design interests with my &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.schoolofdesignleeds.com\/ds25\/hafsa-bibi\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Hafsa Bibi&#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-3193","post","type-post","status-publish","format-standard","hentry","category-ba-graphic-and-communication-design","entry"],"_links":{"self":[{"href":"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-json\/wp\/v2\/posts\/3193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-json\/wp\/v2\/comments?post=3193"}],"version-history":[{"count":1,"href":"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-json\/wp\/v2\/posts\/3193\/revisions"}],"predecessor-version":[{"id":3196,"href":"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-json\/wp\/v2\/posts\/3193\/revisions\/3196"}],"wp:attachment":[{"href":"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-json\/wp\/v2\/media?parent=3193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-json\/wp\/v2\/categories?post=3193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.schoolofdesignleeds.com\/ds25\/wp-json\/wp\/v2\/tags?post=3193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}