{"id":9274,"date":"2024-06-05T00:36:53","date_gmt":"2024-06-04T16:36:53","guid":{"rendered":"https:\/\/hllo.studio\/?post_type=portfolio&#038;p=9274"},"modified":"2024-06-05T17:50:38","modified_gmt":"2024-06-05T09:50:38","slug":"datacontroller","status":"publish","type":"portfolio","link":"https:\/\/hllo.studio\/index.php\/portfolio\/datacontroller\/","title":{"rendered":"Data Controller"},"content":{"rendered":"<div class=\"grid kcm\">\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item six-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<h3 style=\"text-align: center;\">Data Controllers is a series of speculative design-based fictional future applications. It uses data visualization to illustrate potential social media issues resulting from improper self-data management, helping the public recognize these contradictions and prompting reflection.<\/h3>\n<\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item eight-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding   \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:2560px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:76.328125%\"><noscript><img class=\"alignnone size-full wp-image-9331 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/Frame%E5%8E%8B%E7%BC%A9-scaled.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9331 lazyload ll\" alt=\"\" width=\"2560\" height=\"1954\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/Frame&#21387;&#32553;-scaled.jpg 2560w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/Frame&#21387;&#32553;-300x229.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/Frame&#21387;&#32553;-1024x782.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/Frame&#21387;&#32553;-768x586.jpg 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/Frame&#21387;&#32553;-1536x1173.jpg 1536w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/Frame&#21387;&#32553;-2048x1563.jpg 2048w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item four-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding   \">\n<h3><span class=\"type_main weight_bold\">Echo chamber<\/span><\/h3>\n<p style=\"text-align: left;\"><span class=\"type_main\" style=\"font-size: 14pt;\">Currently, digital social media has become the primary source of information. However, it also fuels the spread of misinformation and biases. Personalized news feed algorithms cannot avoid bias; they prioritize user engagement over the accuracy of information. As a result, users only see content that aligns with their beliefs, a phenomenon known as the echo chamber effect or filter bubble.<\/span><\/p>\n<\/div>\n<div class=\"grid__item one-twelfth portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:785px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:99.363057324841%\"><noscript><img class=\"alignnone size-full wp-image-9276 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/%E7%BB%84-495.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9276 lazyload ll\" alt=\"\" width=\"785\" height=\"780\" data-sizes=\"(max-width: 785px) 100vw, 785px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-495.jpg 785w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-495-300x298.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-495-150x150.jpg 150w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-495-768x763.jpg 768w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<div class=\"lazyload-container ratio-enabled\" style=\"max-width:600px\"><figure id=\"attachment_9279\" aria-describedby=\"caption-attachment-9279\" style=\"padding-top:150%\" class=\"wp-caption alignnone\"><noscript><img class=\"wp-image-9279 size-full lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/tumblr_e92b13e9efef6ab6073062b8dbe4088b_b94dfb5a_640.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9279 size-full lazyload ll\" alt=\"\" width=\"600\" height=\"900\" data-sizes=\"(max-width: 600px) 100vw, 600px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/tumblr_e92b13e9efef6ab6073062b8dbe4088b_b94dfb5a_640.jpg 600w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/tumblr_e92b13e9efef6ab6073062b8dbe4088b_b94dfb5a_640-200x300.jpg 200w\"><figcaption id=\"caption-attachment-9279\" class=\"wp-caption-text\">As endless as toilet paper and completely personal to you<\/figcaption><\/figure><\/div>\n<\/div>\n<div class=\"grid__item one-twelfth portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<h3><span class=\"weight_bold\">Attention economy<\/span><\/h3>\n<p><span style=\"font-size: 14pt;\">Digital design, including UI\/UX design, typically focuses on smooth and seamless experiences, but it deprives users of the ability to pause. In this context, the information flow dictates what users read, leaving no time for them to reflect.<\/span><\/p>\n<\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item six-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<h3 style=\"text-align: center;\"><span class=\"weight_bold\">Existing Solution: Increasing Transparency<\/span><\/h3>\n<p style=\"text-align: center;\"><span style=\"font-size: 14pt;\">Currently, the approach to addressing this phenomenon follows the principle of &ldquo;Panopticism,&rdquo; employing various interventions to increase transparency. However, this brings many corresponding issues: What is our actual goal when we say social media platforms need to become more transparent? Are there downsides to increased transparency? Much of the current discussion ignores or avoids these questions, focusing solely on the dichotomy between transparency and opacity.<\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 14pt;\">As the saying goes, &ldquo;Sunlight is the best disinfectant,&rdquo; but the key question is: What kind of sunlight is appropriate without causing harm?<\/span><\/p>\n<\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item six-twelfths portable--auto lap--auto palm--auto top-medium-padding bottom-no-padding \">\n<div class=\"lazyload-container ratio-enabled\" style=\"max-width:2130px\"><figure id=\"attachment_9280\" aria-describedby=\"caption-attachment-9280\" style=\"padding-top:56.901408450704%\" class=\"wp-caption alignnone\"><noscript><img class=\"wp-image-9280 size-full lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/Group-1633.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9280 size-full lazyload ll\" alt=\"\" width=\"2130\" height=\"1212\" data-sizes=\"(max-width: 2130px) 100vw, 2130px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/Group-1633.jpg 2130w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/Group-1633-300x171.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/Group-1633-1024x583.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/Group-1633-768x437.jpg 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/Group-1633-1536x874.jpg 1536w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/Group-1633-2048x1165.jpg 2048w\"><figcaption id=\"caption-attachment-9280\" class=\"wp-caption-text\">Musk announced the open-sourcing of Twitter&rsquo;s algorithm; however, research shows that this has actually decreased Twitter&rsquo;s transparency<\/figcaption><\/figure><\/div>\n<p>&nbsp;<\/p>\n<\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item four-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<h3><span class=\"weight_bold\">Design Theory<\/span><\/h3>\n<p><span style=\"font-size: 14pt;\">To address this question, the approach introduced here is speculative design, also known as future design or fictional design. It facilitates the exploration of possibilities and catalyzes relevant discussions by creating functional fictional scenarios of the future.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">The uncertainty of the future is a key aspect of this project&rsquo;s design. Different perspectives, ranging from optimistic to pessimistic, can lead to drastically different predictions about the future of social media. Therefore, it is essential to involve users from diverse backgrounds in the project to obtain a wide range of possibilities.<\/span><\/p>\n<\/div>\n<div class=\"grid__item one-twelfth portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item four-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<div class=\"lazyload-container ratio-enabled\" style=\"max-width:2130px\"><figure id=\"attachment_9287\" aria-describedby=\"caption-attachment-9287\" style=\"padding-top:54.929577464789%\" class=\"wp-caption alignnone\"><noscript><img class=\"wp-image-9287 size-full lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/Group-168.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9287 size-full lazyload ll\" alt=\"\" width=\"2130\" height=\"1170\" data-sizes=\"(max-width: 2130px) 100vw, 2130px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/Group-168.jpg 2130w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/Group-168-300x165.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/Group-168-1024x562.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/Group-168-768x422.jpg 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/Group-168-1536x844.jpg 1536w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/Group-168-2048x1125.jpg 2048w\"><figcaption id=\"caption-attachment-9287\" class=\"wp-caption-text\">Stuart Candy, Future Cone, Dunne and Raby, Speculative Everything: Design, Fiction, and Social Dreaming (2013)<\/figcaption><\/figure><\/div>\n<\/div>\n<div class=\"grid__item one-twelfth portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item four-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<h3><span class=\"weight_bold\">Research Methodology<\/span><\/h3>\n<p><span style=\"font-size: 14pt;\">This project is based on qualitative research and primarily includes two aspects:<\/span><br>\n<span style=\"font-size: 14pt;\">1. Collecting and analyzing users&rsquo; social media content.<\/span><br>\n<span style=\"font-size: 14pt;\">2. Organizing workshops to discuss concepts related to transparency for collaborative design.<\/span><br>\n<span style=\"font-size: 14pt;\">After collecting the data, a UI prototype is created based on the data as an artifact\/trigger. Audience members are guided to try the prototype, and then, based on the visualized data in the prototype, they speculate the dilemmas (situation puzzles), which triggers discussions about transparency.<\/span><\/p>\n<\/div>\n<div class=\"grid__item one-twelfth portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item four-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:1420px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:54.929577464789%\"><noscript><img class=\"alignnone size-full wp-image-9288 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/%E7%BB%84-494.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9288 lazyload ll\" alt=\"\" width=\"1420\" height=\"780\" data-sizes=\"(max-width: 1420px) 100vw, 1420px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-494.jpg 1420w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-494-300x165.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-494-1024x562.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-494-768x422.jpg 768w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item eight-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:2560px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:37.8125%\"><noscript><img class=\"alignnone size-full wp-image-9289 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/%E7%BB%84-481-scaled.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9289 lazyload ll\" alt=\"\" width=\"2560\" height=\"968\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-481-scaled.jpg 2560w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-481-300x113.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-481-1024x387.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-481-768x290.jpg 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-481-1536x581.jpg 1536w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-481-2048x774.jpg 2048w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-medium-padding \"><\/div>\n<div class=\"grid__item six-twelfths portable--auto lap--auto palm--auto top-small-padding bottom-medium-padding \">\n<h3><span class=\"weight_bold\">Mapping and Analysis<\/span><\/h3>\n<p><span style=\"font-size: 14pt;\">In the early stages of the project, I conducted extensive collection and analysis of users&rsquo; social media content. The goal was to understand their perceptions of information flow and algorithmic recommendation mechanisms. I performed three types of mapping from different perspectives on social media platforms:<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">1. How does Twitter&rsquo;s algorithm allocate personalized content to users?<\/span><br>\n<span style=\"font-size: 14pt;\">2. How is content on Weibo influenced by friends?<\/span><br>\n<span style=\"font-size: 14pt;\">3. How many ads on Instagram are received without awareness?<\/span><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-medium-padding bottom-medium-padding \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:1951px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:131.21476166069%\"><noscript><img class=\"alignnone size-full wp-image-9293 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-1697493079994-scaled.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9293 lazyload ll\" alt=\"\" width=\"1951\" height=\"2560\" data-sizes=\"(max-width: 1951px) 100vw, 1951px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-1697493079994-scaled.jpg 1951w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-1697493079994-229x300.jpg 229w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-1697493079994-781x1024.jpg 781w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-1697493079994-768x1008.jpg 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-1697493079994-1171x1536.jpg 1171w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-1697493079994-1561x2048.jpg 1561w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item one-twelfth portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item four-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<h3><span class=\"weight_bold\">Interactive Poster<\/span><\/h3>\n<p><span style=\"font-size: 14pt;\">After completing the initial research, I used posters as &ldquo;cultural probes&rdquo; to gather audience responses. The goal was to see if people think about the relationship between social media transparency and content engagement, especially when ads become uninteresting due to privacy settings.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">I displayed ads from three different platforms in order of their privacy relevance, from top to bottom. I asked the audience to cover content they considered sensitive with tracing paper. Then, I interviewed them to understand their thoughts. Some audience members noticed the connection between privacy and content, especially when they saw that the remaining ads were uninteresting.<\/span><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item one-twelfth portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item five-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<h3>First workshop<\/h3>\n<p><span style=\"font-size: 14pt;\">I designed and organized a multi-participant workshop, asking participants to analyze their social media usage through hand drawing.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">The workshop was divided into three topics:<\/span><br>\n<span style=\"font-size: 14pt;\">1. What social media platforms are on your phone? How would you categorize them?<\/span><br>\n<span style=\"font-size: 14pt;\">2. Does the content pushed by social media match your memories and impressions?<\/span><br>\n<span style=\"font-size: 14pt;\">3. What problems do you think exist, and what are the possible solutions?<\/span><\/p>\n<p>The purpose of the workshop was to understand and collect the audience&rsquo;s perceptions and expectations of social media transparency, using this information as a foundation for future settings.<\/p>\n<\/div>\n<div class=\"grid__item six-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item five-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-small-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:1050px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:100%\"><noscript><img class=\"alignnone size-full wp-image-9294 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1697502743207.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9294 lazyload ll\" alt=\"\" width=\"1050\" height=\"1050\" data-sizes=\"(max-width: 1050px) 100vw, 1050px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1697502743207.jpg 1050w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1697502743207-300x300.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1697502743207-1024x1024.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1697502743207-150x150.jpg 150w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1697502743207-768x768.jpg 768w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-small-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:1050px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:100%\"><noscript><img class=\"alignnone size-full wp-image-9296 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1697502743165.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9296 lazyload ll\" alt=\"\" width=\"1050\" height=\"1050\" data-sizes=\"(max-width: 1050px) 100vw, 1050px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1697502743165.jpg 1050w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1697502743165-300x300.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1697502743165-1024x1024.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1697502743165-150x150.jpg 150w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1697502743165-768x768.jpg 768w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-small-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:1050px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:100%\"><noscript><img class=\"alignnone size-full wp-image-9297 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1697502743189.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9297 lazyload ll\" alt=\"\" width=\"1050\" height=\"1050\" data-sizes=\"(max-width: 1050px) 100vw, 1050px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1697502743189.jpg 1050w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1697502743189-300x300.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1697502743189-1024x1024.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1697502743189-150x150.jpg 150w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1697502743189-768x768.jpg 768w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item one-twelfth portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item six-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item five-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<h3>Second workshop<\/h3>\n<p><span style=\"font-size: 14pt;\">The workshop began with &ldquo;What if&rdquo; questions, encouraging participants to list as many ideas as possible. Through discussion and voting, they evaluated ideas for their potential controversy, whether they tend to solve problems or trigger conflicts. The 3 most controversial ideas would form the basis for creating future scenarios.<\/span><\/p>\n<\/div>\n<div class=\"grid__item one-twelfth portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:2560px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:100%\"><noscript><img class=\"alignnone size-full wp-image-9302 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-16975025843001-scaled.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9302 lazyload ll\" alt=\"\" width=\"2560\" height=\"2560\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-16975025843001-scaled.jpg 2560w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-16975025843001-300x300.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-16975025843001-1024x1024.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-16975025843001-150x150.jpg 150w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-16975025843001-768x768.jpg 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-16975025843001-1536x1536.jpg 1536w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-16975025843001-2048x2048.jpg 2048w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:1050px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:100%\"><noscript><img class=\"alignnone size-full wp-image-9295 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/16975025843091.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9295 lazyload ll\" alt=\"\" width=\"1050\" height=\"1050\" data-sizes=\"(max-width: 1050px) 100vw, 1050px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/16975025843091.jpg 1050w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/16975025843091-300x300.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/16975025843091-1024x1024.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/16975025843091-150x150.jpg 150w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/16975025843091-768x768.jpg 768w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:2560px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:100%\"><noscript><img class=\"alignnone size-full wp-image-9301 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-16975025843051-scaled.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9301 lazyload ll\" alt=\"\" width=\"2560\" height=\"2560\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-16975025843051-scaled.jpg 2560w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-16975025843051-300x300.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-16975025843051-1024x1024.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-16975025843051-150x150.jpg 150w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-16975025843051-768x768.jpg 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-16975025843051-1536x1536.jpg 1536w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-16975025843051-2048x2048.jpg 2048w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item four-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item eight-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<h3 style=\"text-align: center;\">Experiential Futures Ladder<\/h3>\n<p style=\"text-align: center;\"><span style=\"font-size: 14pt;\">After collecting enough materials, I used the Experiential Futures Ladder as a tool to transform abstract future concepts into concrete prototype concepts.<\/span><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item eight-twelfths portable--auto lap--auto palm--auto top-medium-padding bottom-medium-padding \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:2496px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:66.666666666667%\"><noscript><img class=\"alignnone size-full wp-image-9304 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/%E7%BB%84-498-1.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9304 lazyload ll\" alt=\"\" width=\"2496\" height=\"1664\" data-sizes=\"(max-width: 2496px) 100vw, 2496px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-498-1.jpg 2496w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-498-1-300x200.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-498-1-1024x683.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-498-1-768x512.jpg 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-498-1-1536x1024.jpg 1536w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-498-1-2048x1365.jpg 2048w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item four-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<h3>Wireframe &amp; Visual<\/h3>\n<p>As a product of speculative design, I do not need the complete feasibility of the prototypes. Instead, I strive to infuse a future-oriented tone into the visual language while maintaining a certain level of credibility. To achieve this, I simplified the complexity of charts and user interfaces to enable quick recognition and judgment of information by the audience.<\/p>\n<\/div>\n<div class=\"grid__item five-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item eight-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:2180px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:45.871559633028%\"><noscript><img class=\"alignnone size-full wp-image-9305 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/%E7%BB%84-484.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9305 lazyload ll\" alt=\"\" width=\"2180\" height=\"1000\" data-sizes=\"(max-width: 2180px) 100vw, 2180px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-484.jpg 2180w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-484-300x138.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-484-1024x470.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-484-768x352.jpg 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-484-1536x705.jpg 1536w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-484-2048x939.jpg 2048w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item six-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-medium-padding \">\n<h3 style=\"text-align: center;\">Final output<\/h3>\n<p style=\"text-align: center;\"><span style=\"font-size: 14pt;\">The project&rsquo;s final outcome is 3 private data control Apps, each with unique functions. However, the users of these Apps are facing situations beyond their control.<\/span><\/p>\n<\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item eight-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:2605px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:56.737044145873%\"><noscript><img class=\"alignnone size-full wp-image-9306 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/%E7%BB%84-500.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9306 lazyload ll\" alt=\"\" width=\"2605\" height=\"1478\" data-sizes=\"(max-width: 2605px) 100vw, 2605px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-500.png 2605w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-500-300x170.png 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-500-1024x581.png 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-500-768x436.png 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-500-1536x871.png 1536w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-500-2048x1162.png 2048w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item eight-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-medium-padding \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:2011px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:115.91248135256%\"><noscript><img class=\"alignnone size-full wp-image-9307 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/%E7%BB%84-501.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9307 lazyload ll\" alt=\"\" width=\"2011\" height=\"2331\" data-sizes=\"(max-width: 2011px) 100vw, 2011px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-501.png 2011w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-501-259x300.png 259w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-501-883x1024.png 883w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-501-768x890.png 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-501-1325x1536.png 1325w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-501-1767x2048.png 1767w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item five-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<h3><span class=\"weight_bold\">Exhibition<\/span><\/h3>\n<p><span style=\"font-size: 14pt;\">The project ultimately sparked curiosity and engagement from many visitors. This interactive process turned the project into an interesting conversation piece, garnering a lot of positive feedback.<\/span><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item four-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:1707px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:149.97070884593%\"><noscript><img class=\"alignnone size-full wp-image-9309 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1716924912107-1-min-scaled.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9309 lazyload ll\" alt=\"\" width=\"1707\" height=\"2560\" data-sizes=\"(max-width: 1707px) 100vw, 1707px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1716924912107-1-min-scaled.jpg 1707w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1716924912107-1-min-200x300.jpg 200w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1716924912107-1-min-683x1024.jpg 683w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1716924912107-1-min-768x1152.jpg 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1716924912107-1-min-1024x1536.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/1716924912107-1-min-1365x2048.jpg 1365w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item four-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:1707px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:149.97070884593%\"><noscript><img class=\"alignnone size-full wp-image-9317 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-171229622120905-scaled.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9317 lazyload ll\" alt=\"\" width=\"1707\" height=\"2560\" data-sizes=\"(max-width: 1707px) 100vw, 1707px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-171229622120905-scaled.jpg 1707w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-171229622120905-200x300.jpg 200w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-171229622120905-683x1024.jpg 683w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-171229622120905-768x1152.jpg 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-171229622120905-1024x1536.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-171229622120905-1365x2048.jpg 1365w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item four-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:2160px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:97.222222222222%\"><noscript><img class=\"alignnone size-full wp-image-9314 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-1712296220900-1.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9314 lazyload ll\" alt=\"\" width=\"2160\" height=\"2100\" data-sizes=\"(max-width: 2160px) 100vw, 2160px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-1712296220900-1.jpg 2160w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-1712296220900-1-300x292.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-1712296220900-1-1024x996.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-1712296220900-1-768x747.jpg 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-1712296220900-1-1536x1493.jpg 1536w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/freecompress-1712296220900-1-2048x1991.jpg 2048w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item four-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:1464px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:97.131147540984%\"><noscript><img class=\"alignnone size-full wp-image-9323 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/%E7%BB%84-502.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9323 lazyload ll\" alt=\"\" width=\"1464\" height=\"1422\" data-sizes=\"(max-width: 1464px) 100vw, 1464px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-502.png 1464w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-502-300x291.png 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-502-1024x995.png 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/&#32452;-502-768x746.png 768w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item eight-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:2560px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:43.90625%\"><noscript><img class=\"alignnone size-full wp-image-9313 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/25-1-scaled.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9313 lazyload ll\" alt=\"\" width=\"2560\" height=\"1124\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/25-1-scaled.jpg 2560w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/25-1-300x132.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/25-1-1024x450.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/25-1-768x337.jpg 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/25-1-1536x675.jpg 1536w, https:\/\/hllo.studio\/wp-content\/uploads\/2024\/06\/25-1-2048x899.jpg 2048w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>A programming collection containing two P5.js projects.<\/p>\n","protected":false},"author":1,"featured_media":9325,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/portfolio\/9274"}],"collection":[{"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/comments?post=9274"}],"version-history":[{"count":25,"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/portfolio\/9274\/revisions"}],"predecessor-version":[{"id":9333,"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/portfolio\/9274\/revisions\/9333"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/media\/9325"}],"wp:attachment":[{"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/media?parent=9274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}