{"id":8969,"date":"2023-08-25T01:57:52","date_gmt":"2023-08-24T17:57:52","guid":{"rendered":"https:\/\/hllo.studio\/?post_type=portfolio&#038;p=8969"},"modified":"2024-05-28T13:02:52","modified_gmt":"2024-05-28T05:02:52","slug":"persona","status":"publish","type":"portfolio","link":"https:\/\/hllo.studio\/index.php\/portfolio\/persona\/","title":{"rendered":"Persona"},"content":{"rendered":"<div class=\"grid kcm\">\n<div class=\"grid__item one-whole portable--auto lap--auto palm--auto top-no-padding bottom-large-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-no-padding \">\n<p>Convenience consumerism<\/p>\n<p><span class=\"type_second\" style=\"font-size: 14pt; color: #1557a5;\">Convenient online consumption has become a shopping habit for many people and has created a lot of distress: spending a lot of time browsing for goods, making impulse purchases, and paying for services they don&rsquo;t need. <\/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-no-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:905px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:105.74585635359%\"><noscript><img class=\"alignnone size-full wp-image-9001 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E7%BB%84-173.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9001 lazyload ll\" alt=\"\" width=\"905\" height=\"957\" data-sizes=\"(max-width: 905px) 100vw, 905px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-173.png 905w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-173-284x300.png 284w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-173-768x812.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 four-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-large-padding \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:727px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:56.258596973865%\"><noscript><img class=\"alignnone size-full wp-image-9004 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E7%BB%84-174.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9004 lazyload ll\" alt=\"\" width=\"727\" height=\"409\" data-sizes=\"(max-width: 727px) 100vw, 727px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-174.png 727w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-174-300x169.png 300w\"><\/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 three-twelfths portable--auto lap--auto palm--auto top-medium-padding bottom-large-padding \">\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>How it happened<\/p>\n<p><span class=\"type_second\" style=\"font-size: 14pt; color: #1557a5;\">There are many complex reasons for this phenomenon, but a major factor lies in the mass adoption of recommendation algorithms. By analyzing user data, the recommendation algorithm can recommend related products to each customer. These suggestions have a considerable impact on consumers&rsquo; choices. Recommendation systems may leave us questioning our own taste. We move from asking ourselves, &ldquo;Do I like this?&rdquo; to asking, &ldquo;Should I like this?&rdquo;<\/span><\/p>\n<p><span class=\"type_second\"><a href=\"https:\/\/drive.google.com\/file\/d\/1d8Q4wL1G0o85O9es0k3qqc8VmlBiUo5h\/view?usp=sharing\"><span style=\"font-size: 14pt;\">Download the Report<\/span><\/a><\/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-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:1124px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:103.46975088968%\"><noscript><img class=\"alignnone size-full wp-image-9018 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E7%BB%84-175.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9018 lazyload ll\" alt=\"\" width=\"1124\" height=\"1163\" data-sizes=\"(max-width: 1124px) 100vw, 1124px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-175.png 1124w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-175-290x300.png 290w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-175-990x1024.png 990w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-175-768x795.png 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 four-twelfths portable--auto lap--auto palm--auto top-medium-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:1666px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:88.715486194478%\"><noscript><img class=\"alignnone size-full wp-image-9019 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E7%BB%84-176.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9019 lazyload ll\" alt=\"\" width=\"1666\" height=\"1478\" data-sizes=\"(max-width: 1666px) 100vw, 1666px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-176.png 1666w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-176-300x266.png 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-176-1024x908.png 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-176-768x681.png 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-176-1536x1363.png 1536w\"><\/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-medium-padding bottom-large-padding \">\n<p>Interview \/ Quesitionare<\/p>\n<p><span class=\"type_second\" style=\"color: #1557a5; font-size: 14pt;\">Based on the previous survey results, I created a simple questionnaire that tried to reach some users with long-term online shopping habits and conducted remote interviews to gain a deeper understanding of these users&rsquo; thoughts and experiences during online shopping.<\/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-large-padding bottom-large-padding \">\n<p>First Idea<\/p>\n<p><span class=\"type_second\" style=\"font-size: 14pt;\">HMW <span style=\"color: #1557a5;\">create a service that helps users to fight against bad consumption habits and save money?<\/span><\/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-medium-padding bottom-large-padding \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:1121px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:87.421944692239%\"><noscript><img class=\"alignnone size-full wp-image-9011 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E7%BB%84-177.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9011 lazyload ll\" alt=\"\" width=\"1121\" height=\"980\" data-sizes=\"(max-width: 1121px) 100vw, 1121px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-177.png 1121w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-177-300x262.png 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-177-1024x895.png 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-177-768x671.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 three-twelfths portable--auto lap--auto palm--auto top-small-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:2232px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:62.724014336918%\"><noscript><img class=\"alignnone size-full wp-image-9022 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/heiwait-1.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9022 lazyload ll\" alt=\"\" width=\"2232\" height=\"1400\" data-sizes=\"(max-width: 2232px) 100vw, 2232px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/heiwait-1.jpg 2232w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/heiwait-1-300x188.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/heiwait-1-1024x642.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/heiwait-1-768x482.jpg 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/heiwait-1-1536x963.jpg 1536w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/heiwait-1-2048x1285.jpg 2048w\"><\/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-small-padding bottom-no-padding \">\n<p>Hey! Wait!<\/p>\n<p><span class=\"type_second\" style=\"color: #1557a5; font-size: 14pt;\">Although the first idea is in line with the needs and expectations of the user when I presented the research and ideas to my classmates and tutors, I received very important feedback: there are many similar tools to help users build habits but can not real solve the problem, so why not try to awaken people&rsquo;s cognition of this phenomenon?<\/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-large-padding bottom-no-padding \">\n<p>Second Idea<\/p>\n<p><span class=\"type_second\" style=\"font-size: 14pt;\">HMW <span style=\"color: #1557a5;\">create a mirror that reveals what the algorithm knows about their personal information?<\/span><\/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>How to reveal<\/p>\n<p><span class=\"type_second\" style=\"color: #1557a5; font-size: 14pt;\">The key point that people do not realize the seriousness of the recommendation algorithm problem is that it is invisible. Therefore, by revealing the process of how the algorithm generates user portraits (collecting information to classify users), users can be alerted. <\/span><br>\n<span class=\"type_second\" style=\"color: #1557a5; font-size: 14pt;\">I got inspiration from the process of making Persona &mdash; we conduct research on users, collect information, and make a Persona corresponding to the user. This process is very similar to what the algorithm does quietly behind the screen.<\/span><br>\n<span class=\"type_second\" style=\"color: #1557a5; font-size: 14pt;\">We can use an algorithm or AI to identify and collect user data to create a user portrait &mdash; the only difference is that this process will be visually displayed in front of the user, and users will see their own Persona.<\/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-small-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:540px; margin: auto\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:100%\"><noscript><img class=\"alignnone size-full wp-image-8981 aligncenter lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Checklist-_Monochromatic.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8981 aligncenter lazyload ll\" alt=\"\" width=\"540\" height=\"540\" data-sizes=\"(max-width: 540px) 100vw, 540px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Checklist-_Monochromatic.png 540w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Checklist-_Monochromatic-300x300.png 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Checklist-_Monochromatic-150x150.png 150w\"><\/figure><\/div><\/p>\n<p style=\"text-align: center;\"><span class=\"type_second\" style=\"font-size: 18pt;\">Accounting<\/span><\/p>\n<p style=\"text-align: center;\">Users enter their shopping and activity information<br>\nIn the process, you can gradually establish accounting habits<\/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-small-padding bottom-medium-padding \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:550px; margin: auto\"><figure class=\"lazyload-container\" style=\"padding-top:100%\"><noscript><img class=\"wp-image-8980 size-full aligncenter lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Pie-chart-_Monochromatic.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8980 size-full aligncenter lazyload ll\" alt=\"\" width=\"550\" height=\"550\" data-sizes=\"(max-width: 550px) 100vw, 550px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Pie-chart-_Monochromatic.png 550w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Pie-chart-_Monochromatic-300x300.png 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Pie-chart-_Monochromatic-150x150.png 150w\"><\/figure><\/div><\/p>\n<p style=\"text-align: center;\"><span class=\"type_second\" style=\"font-size: 18pt;\">Algorithm<\/span><\/p>\n<p style=\"text-align: center;\">App generates user portraits based on the information<br>\nand display it to form sharp warnings<\/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-small-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:504px; margin: auto\"><figure class=\"lazyload-container\" style=\"padding-top:100%\"><noscript><img class=\"wp-image-8979 size-full aligncenter lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Personal-data-_Monochromatic.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8979 size-full aligncenter lazyload ll\" alt=\"\" width=\"504\" height=\"504\" data-sizes=\"(max-width: 504px) 100vw, 504px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Personal-data-_Monochromatic.png 504w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Personal-data-_Monochromatic-300x300.png 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Personal-data-_Monochromatic-150x150.png 150w\"><\/figure><\/div><\/p>\n<p style=\"text-align: center;\"><span class=\"type_second\" style=\"font-size: 18pt;\">Portrait<\/span><\/p>\n<p style=\"text-align: center;\">Users view their own portrait and the formation process to understand how their data are used by algorithm and why the algorithm know what you like<\/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-large-padding bottom-no-padding \">\n<p>Sketch \/ Wireframe<\/p>\n<p><span class=\"type_second\" style=\"font-size: 14pt; color: #1557a5;\">I drew the sketch directly on paper because the function is not complicated, so only have 3 key pages. I simply set the structure of the App and the functions of different sections of each page. <\/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 eight-twelfths portable--auto lap--auto palm--auto top-small-padding bottom-no-padding center \">\n<div class=\"artifact-gallery columns-2 \"><div class=\"artifact-gallery--item\"><div class=\"lazyload-container ratio-enabled\"><figure class=\"lazyload-container\" style=\"padding-top:56.951871657754%\">\n\t    \t\t\t<img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/pic232-960x547.png\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/pic232-480x273.png 480w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/pic232-320x182.png 320w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/pic232-640x364.png 640w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/pic232-960x547.png 960w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/pic232-640x364.png 640w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/pic232.png 1920w\" title=\"pic232\" alt=\"\" srcset=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\">\n\t    \t\t<\/figure><\/div><\/div><div class=\"artifact-gallery--item\"><div class=\"lazyload-container ratio-enabled\"><figure class=\"lazyload-container\" style=\"padding-top:49.029126213592%\">\n\t    \t\t\t<img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/pic231-960x471.png\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/pic231-480x235.png 480w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/pic231-320x157.png 320w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/pic231-640x314.png 640w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/pic231-960x471.png 960w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/pic231-640x314.png 640w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/pic231.png 1920w\" title=\"pic231\" alt=\"\" srcset=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\">\n\t    \t\t<\/figure><\/div><\/div><\/div>\n<\/div>\n<div class=\"grid__item eight-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding center \">\n<div class=\"artifact-gallery columns-2 \"><div class=\"artifact-gallery--item\"><div class=\"lazyload-container ratio-enabled\"><figure class=\"lazyload-container\" style=\"padding-top:56.25%\">\n\t    \t\t\t<img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Web-1920-%E2%80%93-31-960x540.png\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Web-1920-&ndash;-31-480x270.png 480w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Web-1920-&ndash;-31-320x180.png 320w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Web-1920-&ndash;-31-640x360.png 640w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Web-1920-&ndash;-31-960x540.png 960w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Web-1920-&ndash;-31-640x360.png 640w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Web-1920-&ndash;-31.png 1920w\" title=\"Web 1920 &ndash; 31\" alt=\"\" srcset=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\">\n\t    \t\t<\/figure><\/div><\/div><div class=\"artifact-gallery--item\"><div class=\"lazyload-container ratio-enabled\"><figure class=\"lazyload-container\" style=\"padding-top:56.25%\">\n\t    \t\t\t<img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Web-1920-%E2%80%93-32-960x540.png\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Web-1920-&ndash;-32-480x270.png 480w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Web-1920-&ndash;-32-320x180.png 320w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Web-1920-&ndash;-32-640x360.png 640w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Web-1920-&ndash;-32-960x540.png 960w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Web-1920-&ndash;-32-640x360.png 640w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Web-1920-&ndash;-32.png 1920w\" title=\"Web 1920 &ndash; 32\" alt=\"\" srcset=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\">\n\t    \t\t<\/figure><\/div><\/div><\/div>\n<\/div>\n<div class=\"grid__item eight-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding center \">\n<p>Visual style<\/p>\n<p><span class=\"type_second\" style=\"font-size: 14pt; color: #1557a5;\">I made 2 styles of high-fidelity pages. At the beginning, the style I made was like an old report, but then I thought that the app needs to remind users of the risk of data being used by Internet companies, so I made a dark-web style.<\/span><\/p>\n<p><span class=\"type_second\" style=\"font-size: 14pt; color: #1557a5;\">It is hard to choose so In the end I made 2 versions. I think it is better to leave the choice to users, they can change the style in setting. (The default is style 1, consider the style 2 can be used as night mode )<\/span><\/p>\n<\/div>\n<div class=\"grid__item eight-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding center \">\n<div class=\"artifact-gallery columns-2 \"><div class=\"artifact-gallery--item\"><div class=\"lazyload-container ratio-enabled\"><figure class=\"lazyload-container\" style=\"padding-top:77.821011673152%\">\n\t    \t\t\t<img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E7%BB%84-21-min-960x747.png\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-21-min-480x374.png 480w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-21-min-320x249.png 320w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-21-min-640x498.png 640w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-21-min-960x747.png 960w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-21-min-640x498.png 640w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-21-min.png 1920w\" title=\"&#32452; 21-min\" alt=\"\" srcset=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\">\n\t    \t\t<\/figure><\/div><\/div><div class=\"artifact-gallery--item\"><div class=\"lazyload-container ratio-enabled\"><figure class=\"lazyload-container\" style=\"padding-top:77.821011673152%\">\n\t    \t\t\t<img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E7%BB%84-23-min-960x747.png\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-23-min-480x374.png 480w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-23-min-320x249.png 320w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-23-min-640x498.png 640w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-23-min-960x747.png 960w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-23-min-640x498.png 640w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-23-min.png 1920w\" title=\"&#32452; 23-min\" alt=\"\" srcset=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\">\n\t    \t\t<\/figure><\/div><\/div><\/div>\n<\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding center \">\n<p style=\"text-align: center;\"><span class=\"type_second\" style=\"font-size: 18pt;\">Outcome<\/span><\/p>\n<\/div>\n<div class=\"grid__item eight-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding center \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:2008px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:71.713147410359%\"><noscript><img class=\"alignnone size-full wp-image-9038 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E7%BB%84-178-min.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9038 lazyload ll\" alt=\"\" width=\"2008\" height=\"1440\" data-sizes=\"(max-width: 2008px) 100vw, 2008px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-178-min.png 2008w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-178-min-300x215.png 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-178-min-1024x734.png 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-178-min-768x551.png 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-178-min-1536x1102.png 1536w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item eight-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding center \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:1922px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:74.921956295525%\"><noscript><img class=\"alignnone size-full wp-image-9039 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E5%9B%BE%E5%83%8F-86-min.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9039 lazyload ll\" alt=\"\" width=\"1922\" height=\"1440\" data-sizes=\"(max-width: 1922px) 100vw, 1922px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#22270;&#20687;-86-min.png 1922w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#22270;&#20687;-86-min-300x225.png 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#22270;&#20687;-86-min-1024x767.png 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#22270;&#20687;-86-min-768x575.png 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#22270;&#20687;-86-min-1536x1151.png 1536w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item eight-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding center  \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:1254px; margin: auto\"><figure class=\"lazyload-container\" style=\"padding-top:114.83253588517%\"><noscript><img class=\"size-full wp-image-9040 aligncenter lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E5%9B%BE%E5%83%8F-89-min.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-9040 aligncenter lazyload ll\" alt=\"\" width=\"1254\" height=\"1440\" data-sizes=\"(max-width: 1254px) 100vw, 1254px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#22270;&#20687;-89-min.png 1254w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#22270;&#20687;-89-min-261x300.png 261w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#22270;&#20687;-89-min-892x1024.png 892w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#22270;&#20687;-89-min-768x882.png 768w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding center \">\n<p style=\"text-align: center;\"><span class=\"type_second\" style=\"font-size: 18pt;\">Demo<\/span><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding center \">\n<div style=\"width: 716px;\" class=\"wp-video\"><!--[if lt IE 9]><script>document.createElement('video');<\/script><![endif]-->\n<video class=\"wp-video-shortcode\" id=\"video-8969-1\" width=\"716\" height=\"1552\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Persona-animation.mp4?_=1\"><\/source><a href=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Persona-animation.mp4\">http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/Persona-animation.mp4<\/a><\/video><\/div>\n<p style=\"text-align: center;\">\n<\/p><\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>How to wake up data security awarness<\/p>\n","protected":false},"author":1,"featured_media":8988,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/portfolio\/8969"}],"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=8969"}],"version-history":[{"count":36,"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/portfolio\/8969\/revisions"}],"predecessor-version":[{"id":9272,"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/portfolio\/8969\/revisions\/9272"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/media\/8988"}],"wp:attachment":[{"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/media?parent=8969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}