https://anniesunxt.com Annie's Wonderland Tue, 12 Nov 2024 03:19:06 +0000 https://anniesunxt.com en https://anniesunxt.com/Main-Page Tue, 12 Nov 2024 03:11:06 +0000 Annie's Wonderland https://anniesunxt.com/Main-Page Your Page Title /* Your CSS styles go here */ What is great in man is that he is a bridge and not an end. ︎ document.getElementById('scrollTrigger').addEventListener('click', function() { // Calculate 60% of the total page height var scrollTarget = document.documentElement.scrollHeight * 0.4; // Scroll to the calculated position window.scrollTo({ top: scrollTarget, behavior: 'smooth' // Smooth scroll }); }); https://anniesunxt.com/About-Me Tue, 12 Nov 2024 03:11:07 +0000 Annie's Wonderland https://anniesunxt.com/About-Me <img width="1080" height="1090" width_o="1080" height_o="1090" data-src="https://freight.cargo.site/t/original/i/89391bdcd6043fc0194680b23a0bd3ee4b160dd7eac85295ef0649b3db4a8281/1164441701240293_.pic.jpg" data-mid="221608081" border="0" data-scale="79" src="https://freight.cargo.site/w/1000/i/89391bdcd6043fc0194680b23a0bd3ee4b160dd7eac85295ef0649b3db4a8281/1164441701240293_.pic.jpg" /> 孫 欣恬 Xintian Sun. Multidisciplinary Designer &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;(b.2000)&nbsp;Born in Hangzhou, immersed in a range of disciplines and cultures, and a 2023 graduate of New York University. Currently at the University of Pennsylvania.Dream to master all the world’s languages&nbsp; (yes, that includes the language of computers), to delve into diverse cultural landscapes, and to leverage design as a tool for global communication and connection. Arts and literature, my antennae to sense the world's nuances 🪸🫧 https://anniesunxt.com/uiux-menu Tue, 12 Nov 2024 03:11:09 +0000 Annie's Wonderland https://anniesunxt.com/uiux-menu https://anniesunxt.com/Post-Office-Wanna-Know-Service-Design Tue, 12 Nov 2024 03:11:11 +0000 Annie's Wonderland https://anniesunxt.com/Post-Office-Wanna-Know-Service-Design .feature-background { background-color: rgba(255, 169, 1,0.04); /* Adjust the color and opacity as needed */ padding: 20px 0; /* Adjust the vertical padding as needed */ width: 200%; left:50%; position: relative; transform: translateX(-50%); box-sizing: border-box; z-index: -1; /* Ensures the background stays behind the content */ } .feature-content { position: relative; z-index: 1; /* Ensures the content stays above the background */ max-width: 100%; /* Limit the width of the content */ width:60vw; margin: 0 auto; /* Center the content */ padding: 0 15px; /* Add padding on the sides */ } .extended-gallery-background { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 200%; /* Adjust as needed */ height: 100%; /* Adjust as needed */ padding-top: 20px; /* Adds space above the gallery */ padding-bottom: 20px; /* Adds space below the gallery */ background-color: rgba(190, 197, 188, 0.7); /* Semi-transparent green */ z-index: -1; /* Keeps it in the background */ } .gallery-and-background-container { position: relative; } .image-gallery-container { margin-left: -10vw; /* Adjust as needed */ margin-right: -10vw; /* Adjust as needed */ text-align: center; } .full-width-frame { width: 70vw !important; height: auto !important; /* Adjust height as needed */ left: 50% !important; right: 50% !important; margin-left: -1000px !important; margin-right:-1000px !important; } .image-container { width: auto; /* Make the background width the same as the page */ text-align: center; } .image-bar { background-color: rgba(252, 179, 12, 0.5); /* Adjust the alpha value to control opacity */ display: block; padding: 10px; /* Adjust the padding as needed */ margin-left: -1000px; margin-right:-1000px } .image-background { background-color: rgba(252, 179, 12, 0.4); /* Adjust the alpha value to control opacity */ display: block; padding: 10px; /* Adjust the padding as needed */ margin: -10px } .navigation { position: fixed; top: 50%; right: 24px; width: 50px; /* Initial width to fit the dots */ overflow: hidden; transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out; /* Add background-color transition */ transform: translateY(-50%); z-index: 1000; /* Add a transparent background by default */ background-color: rgba(255, 255, 255, 0); /* Fully transparent */ } .navigation-hidden { display: none; } .navigation a { display: block; margin-bottom: 10px; color: #333; text-decoration: none; text-align: center; /* Center text by default */ padding-left: 20px; /* Add padding to push text away from the dots */ } .navigation:hover a { text-align: left; /* Align text to the left on hover */ } .navigation a.active { color: #544236; font-weight: bold; } .navigation a .dot { height: 10px; width: 10px; background-color: transparent; /* Hollow by default */ border: 2px solid rgba(255, 178, 0, 0.5); /* Orange border for the hollow dots */ border-radius: 50%; display: inline-block; margin-right: 10px; transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out; /* Transition for the fill effect */ vertical-align: middle; } .navigation a.active .dot { background-color: rgba(255, 178, 0, 0.5); /* Orange fill when active */ transition: background-color 0.3s ease; /* Transition for the fill effect */ } .navigation:hover { width: 220px; background-color: #ffb200; padding-top: 5px; padding-bottom: 2px; } .navigation a span.nav-text { display: none; /* Hide text by default */ vertical-align: middle; /* Align text vertically with dot */ } .navigation:hover a span.nav-text { display: inline; /* Show text on hover */ } .navigation a span.nav-text { display: none; /* Hide text by default */ vertical-align: middle; /* Align text vertically with dot */ } .navigation:hover a span.nav-text { display: inline; padding-left:0; } .navigation:hover a .dot { display: none; /* Hide dots on hover */ } .navigation a .dot.hollow { background-color: transparent; } .navigation a span { display: none; vertical-align: super; } .navigation:hover a span { display: inline; } .navigation a:hover { background-color: rgba(250 250, 250, 0.8); transition: background-color 0.3s ease; /* Smooth transition for background color */ } .scroll-to-top { display: none; position: fixed; bottom: 20px; right: 24px; /* Increase the right margin to move it to the left */ background: rgba(255, 178, 0, 0.7); color: #fff; width: 35px; /* Smaller width for a smaller circle */ height: 35px; /* Smaller height to match the width */ line-height: 30px; /* Adjust line-height to vertically center the text */ text-align: center; /* Center the text horizontally */ border-radius: 50%; /* This makes it a circle */ font-size: 25px; /* Larger font size for the text */ cursor: pointer; z-index: 1000; } 01 My Contribution 02 Background 03 Secondary Research 04 Primary Research 05 Ideation 06 Solution 07 Design 08 Business 09 Post Office 「Wanna Know」 10 Related Project ↑ <img width="1711" height="828" width_o="1711" height_o="828" data-src="https://freight.cargo.site/t/original/i/4499be03c6f42be8a4c037972423c97f5353518bed76da6c5f9d0dec1e9c95c3/Group-126.png" data-mid="221608341" border="0" data-scale="91" data-no-zoom data-marker-id="2" src="https://freight.cargo.site/w/1000/i/4499be03c6f42be8a4c037972423c97f5353518bed76da6c5f9d0dec1e9c95c3/Group-126.png" /> 01 My Contribution <img width="1368" height="282" width_o="1368" height_o="282" data-src="https://freight.cargo.site/t/original/i/d9d19f06b9b3f2d66933d132940aa93759edb4c9581ce5fc98d958439aafdf8e/Group-55.png" data-mid="221608119" border="0" data-scale="99" src="https://freight.cargo.site/w/1000/i/d9d19f06b9b3f2d66933d132940aa93759edb4c9581ce5fc98d958439aafdf8e/Group-55.png" /> 02 Background<img width="1387" height="374" width_o="1387" height_o="374" data-src="https://freight.cargo.site/t/original/i/de71d2627f0b2854a9a6c831f1f405d4401fe6a4a98c3940ba666e3c6e03bb41/Group-74.png" data-mid="221608236" border="0" data-scale="100" data-no-zoom src="https://freight.cargo.site/w/1000/i/de71d2627f0b2854a9a6c831f1f405d4401fe6a4a98c3940ba666e3c6e03bb41/Group-74.png" /> 03 Secondary Research <img width="1209" height="604" width_o="1209" height_o="604" data-src="https://freight.cargo.site/t/original/i/4d2a3c04fb60a3b8ab433dc2a192f399e701fd11d05f92d883ee9fea4f2da941/8eca4ebe7639497528bfbdc90027149d-3.png" data-mid="221608133" border="0" data-scale="81" data-no-zoom src="https://freight.cargo.site/w/1000/i/4d2a3c04fb60a3b8ab433dc2a192f399e701fd11d05f92d883ee9fea4f2da941/8eca4ebe7639497528bfbdc90027149d-3.png" /> To familiarize ourselves with the area, we utilized Google Maps' Street View for a virtual stroll, gaining insights into the town's layout, housing distribution, geography, and more. Before arriving at the small town, I had already immersed myself in the mindset of visitors, striving to understand their thought processes and perspectives. Additionally, we observed the presence of a REAL post office near our store. Given that post offices serve as a means for people to convey their emotions, we aspired to harness this symbolism, transforming our store into a space where individuals from diverse regions could connect, share their feelings, and build connections. As a result, we promptly embraced the "post office" theme. 04 Primary Research <img width="1176" height="1107" width_o="1176" height_o="1107" data-src="https://freight.cargo.site/t/original/i/0c7d8322096ae612798190d7fbbd1e7147eed7c28df063c6521d41fdba61e718/Group-65.png" data-mid="221608371" border="0" data-scale="90" data-no-zoom src="https://freight.cargo.site/w/1000/i/0c7d8322096ae612798190d7fbbd1e7147eed7c28df063c6521d41fdba61e718/Group-65.png" />After numerous discussions and personally traversing the villages, experiencing every potential interactive feature, and observing the tourists around us, we categorized all tourists into three types: casual sightseers, in-depth explorers, and repeat visitors. ︎Persona <img width="1225" height="1235" width_o="1225" height_o="1235" data-src="https://freight.cargo.site/t/original/i/402ae3bb178b5855b34a1da6eea0102443bd7183ab340044327a3393997c393f/Group-70.png" data-mid="221608216" border="0" data-scale="76" src="https://freight.cargo.site/w/1000/i/402ae3bb178b5855b34a1da6eea0102443bd7183ab340044327a3393997c393f/Group-70.png" /> Additionally, we brainstormed 50 engaging questions related to the local cultural and geographical aspects. Armed with these questions, we proceeded to interview local residents. <img width="1242" height="804" width_o="1242" height_o="804" data-src="https://freight.cargo.site/t/original/i/425aae0169041fe6649116b6d64391033ed35901e499907d8b890061c50218e9/11.png" data-mid="221608199" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/425aae0169041fe6649116b6d64391033ed35901e499907d8b890061c50218e9/11.png" /> <img width="1128" height="752" width_o="1128" height_o="752" data-src="https://freight.cargo.site/t/original/i/ebf48f47512f2944080021d6a68e6065a4d4cfc4c2a649e160aeae8c7950e073/WechatIMG2588.jpg" data-mid="221608210" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/ebf48f47512f2944080021d6a68e6065a4d4cfc4c2a649e160aeae8c7950e073/WechatIMG2588.jpg" /> <img width="1164" height="776" width_o="1164" height_o="776" data-src="https://freight.cargo.site/t/original/i/cfd90f4b254202719ad4b0f7665aa52514630923eb087bb4fdff820a07b13ee1/WechatIMG2587.jpg" data-mid="221608211" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/cfd90f4b254202719ad4b0f7665aa52514630923eb087bb4fdff820a07b13ee1/WechatIMG2587.jpg" /> 05 Ideation ︎Goals <img width="1237" height="405" width_o="1237" height_o="405" data-src="https://freight.cargo.site/t/original/i/bbdb0fe17c5198d1b972e2a59542ee9553d40426261cec968639b3e2351a61f4/Group_73.png" data-mid="221608215" border="0" data-scale="98" data-no-zoom src="https://freight.cargo.site/w/1000/i/bbdb0fe17c5198d1b972e2a59542ee9553d40426261cec968639b3e2351a61f4/Group_73.png" /> The primary objectives include transforming casual sightseers into in-depth explorers and repeat visitors, as well as gathering essential tourist information. Our aim is to foster connections between local cultures and other communities, forging meaningful relationships. To establish meaningful connections, we need to engage visitors in our activities, encouraging them to move beyond their identities as mere "visitors" and enabling them to have personal experiences and interactions with the local community. ︎Visitors Journey Map <img width="7626" height="6425" width_o="7626" height_o="6425" data-src="https://freight.cargo.site/t/original/i/e67f943b71e9960750bb265e0c764629cce4c2f44478835b00c43510e27e36f2/Journey-Map-to-plot-the-customer-experience-by-Essense---Frame-4-1.jpg" data-mid="221608342" border="0" data-scale="98" src="https://freight.cargo.site/w/1000/i/e67f943b71e9960750bb265e0c764629cce4c2f44478835b00c43510e27e36f2/Journey-Map-to-plot-the-customer-experience-by-Essense---Frame-4-1.jpg" /> I proceed to analyze the opportunities and categorize them into four distinct groups： <img width="13692" height="3578" width_o="13692" height_o="3578" data-src="https://freight.cargo.site/t/original/i/5242f3cfe9d2f243f04801564a67b46f84d70b4479d1cf8a825a199ce6e70ac9/Journey-Map-to-plot-the-customer-experience-by-Essense---Frame-13-1.jpg" data-mid="221608367" border="0" data-scale="99" src="https://freight.cargo.site/w/1000/i/5242f3cfe9d2f243f04801564a67b46f84d70b4479d1cf8a825a199ce6e70ac9/Journey-Map-to-plot-the-customer-experience-by-Essense---Frame-13-1.jpg" /> ︎Brainstorming &nbsp; &nbsp; &nbsp;&nbsp;︎ activities <img width="5255" height="1200" width_o="5255" height_o="1200" data-src="https://freight.cargo.site/t/original/i/ee543d9b61011c86f49f03b53f9821d975f26bec02174819cf285f8b53805d5d/27071698873360_.pic_hd.jpg" data-mid="221608284" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/ee543d9b61011c86f49f03b53f9821d975f26bec02174819cf285f8b53805d5d/27071698873360_.pic_hd.jpg" />Centering around the theme of "post offices," we brainstormed extensively to shape efficient and engaging activities. This brainstorming process led to the formation of three distinct activity segments: "I Want to Receive Letters," "I Want to Leave/Send Letters," and "I Want to Deliver Letters." &nbsp; <img width="8771" height="5585" width_o="8771" height_o="5585" data-src="https://freight.cargo.site/t/original/i/cd9544822d17a736c50de127de9ab97cbde0e7614d475434348f224b1cc467cd/Untitled---Frame-1.jpg" data-mid="221608258" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/cd9544822d17a736c50de127de9ab97cbde0e7614d475434348f224b1cc467cd/Untitled---Frame-1.jpg" /> ︎ languages The selection of languages has become the next topic of extensive discussion. Due to limited wall space, we aim to keep the wall's elements as concise as possible. In this case, should we consider including Chinese in addition to Japanese and English? If we choose to include Chinese, should it be in simplified or traditional Chinese or both? <img width="1143" height="475" width_o="1143" height_o="475" data-src="https://freight.cargo.site/t/original/i/5a8d470a4b19d1c77dba167d0eb65710ebfb6f58aca6f680ee61b051cbefdbd7/Group-128.png" data-mid="221608344" border="0" data-scale="89" data-no-zoom src="https://freight.cargo.site/w/1000/i/5a8d470a4b19d1c77dba167d0eb65710ebfb6f58aca6f680ee61b051cbefdbd7/Group-128.png" /> Informed by data from the local Tourism Bureau and our own research, we concluded that adding Chinese to the wall's text is essential. <img width="844" height="374" width_o="844" height_o="374" data-src="https://freight.cargo.site/t/original/i/7d856e681fba1b5bcb3bb5555b8b22dc9bae6a96057e96e274c13b94d0f50005/Group-77.png" data-mid="221608261" border="0" data-scale="42" data-no-zoom src="https://freight.cargo.site/w/844/i/7d856e681fba1b5bcb3bb5555b8b22dc9bae6a96057e96e274c13b94d0f50005/Group-77.png" /> Furthermore, while four out of five individuals who read simplified Chinese can also read traditional Chinese, only one out of three individuals who primarily use traditional Chinese can also read simplified Chinese. Thus, we decided to add traditional Chinese. 06 Solution &nbsp; &nbsp; ︎User Journey Map <img width="9389" height="5218" width_o="9389" height_o="5218" data-src="https://freight.cargo.site/t/original/i/aa82d70aa3fd4501aef7edbcf79fb463f0ac056f8e73247e6e17f15b11df3302/Journey-Map-to-plot-the-customer-experience-by-Essense---Frame-7-2.jpg" data-mid="221608357" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/aa82d70aa3fd4501aef7edbcf79fb463f0ac056f8e73247e6e17f15b11df3302/Journey-Map-to-plot-the-customer-experience-by-Essense---Frame-7-2.jpg" /> ︎Activities &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎ I Want to Receive Letters <img width="1178" height="1162" width_o="1178" height_o="1162" data-src="https://freight.cargo.site/t/original/i/50288302fb15fe83d6c4464cd9a8a248e686656fdbed827315c238c2fbbee050/Group-78-1.png" data-mid="221608265" border="0" data-scale="77" data-no-zoom src="https://freight.cargo.site/w/1000/i/50288302fb15fe83d6c4464cd9a8a248e686656fdbed827315c238c2fbbee050/Group-78-1.png" /> &nbsp; &nbsp; &nbsp; &nbsp; ︎ I Want to Leave Letters <img width="1277" height="495" width_o="1277" height_o="495" data-src="https://freight.cargo.site/t/original/i/983531e18f3dcdb691ccb3f45873a175f57e1110a91752306ec99c3e4665b794/Group-80.png" data-mid="221608270" border="0" data-scale="79" data-no-zoom src="https://freight.cargo.site/w/1000/i/983531e18f3dcdb691ccb3f45873a175f57e1110a91752306ec99c3e4665b794/Group-80.png" /> &nbsp; &nbsp; &nbsp; &nbsp; ︎ I Want to Deliver Letters <img width="1241" height="1602" width_o="1241" height_o="1602" data-src="https://freight.cargo.site/t/original/i/5b0775c377f2ee35b3f8813d41c2b5018e34ba747810a7bacb3d58dc98bda1ec/Group-91.png" data-mid="221608294" border="0" data-scale="80" data-no-zoom src="https://freight.cargo.site/w/1000/i/5b0775c377f2ee35b3f8813d41c2b5018e34ba747810a7bacb3d58dc98bda1ec/Group-91.png" /> 07 Design&nbsp; &nbsp; ︎Colors <img width="1420" height="796" width_o="1420" height_o="796" data-src="https://freight.cargo.site/t/original/i/38125e5a2137f9694357da0c7ef68be41b0250348d78c46c219d54b2970d4a34/Group-107.png" data-mid="221608293" border="0" data-scale="93" data-no-zoom src="https://freight.cargo.site/w/1000/i/38125e5a2137f9694357da0c7ef68be41b0250348d78c46c219d54b2970d4a34/Group-107.png" /> &nbsp; &nbsp; &nbsp; &nbsp; ︎Interior Design &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img width="2048" height="2048" width_o="2048" height_o="2048" data-src="https://freight.cargo.site/t/original/i/4e57abc3625b07a6454de1f8d6222056771b523bb6a09e987435db0f1b92bd2f/26391698178698_.pic_hd.jpg" data-mid="221608218" border="0" src="https://freight.cargo.site/w/1000/i/4e57abc3625b07a6454de1f8d6222056771b523bb6a09e987435db0f1b92bd2f/26391698178698_.pic_hd.jpg" /> <img width="1080" height="608" width_o="1080" height_o="608" data-src="https://freight.cargo.site/t/original/i/055c19822de10253288d81f06edbfa598425a81152fb8d666d09bdb2f8904636/23.png" data-mid="221608225" border="0" src="https://freight.cargo.site/w/1000/i/055c19822de10253288d81f06edbfa598425a81152fb8d666d09bdb2f8904636/23.png" /> <img width="3024" height="3024" width_o="3024" height_o="3024" data-src="https://freight.cargo.site/t/original/i/c217fcf4cc329592c09695cd5de7630cabeceb0ffaf8c9c4c0b257e0d9131a87/26351698171622_.pic_hd.jpg" data-mid="221608221" border="0" src="https://freight.cargo.site/w/1000/i/c217fcf4cc329592c09695cd5de7630cabeceb0ffaf8c9c4c0b257e0d9131a87/26351698171622_.pic_hd.jpg" /> . The interior design is designed with three key goals in mind: to clearly communicate the details of three distinct events, to create a natural flow that guides visitors through these events, and to captivate attention. While it operates as a retail space, it also serves as an exhibition, ensuring that all visitors, even those less inclined to interact, can appreciate the experience and gain insights into the local culture. After four rounds of revisions, engaging in dialogue with team members who possess professional knowledge in architecture, scrutinizing material selections, and factoring in financial and construction considerations, we reached a conclusive final design. I designed the entrance-facing wall into a captivating mailbox display, featuring 16 yellow mailboxes and one set aside as a sample with explanations,drawing in passersby to explore the store. This wall, as a focal point, doubles as both a decorative feature and an exhibition space. At the turn, a Q&amp;A section naturally transitions into a cognitive map on the right-hand wall, dominated by an expansive local map that commands attention. To save space and encourage visitor interaction, sticky notes and pens are affixed directly to the wall, inviting visitors to post their insights. The third activity, designed to be more interactive and requiring greater visitor participation, is given a smaller space and is equipped with four postal bags, each themed for different messaging options. After careful consideration of budget, manpower, time, and safety, we opted to keep the wall's original wooden texture uncovered, resulting in an overall aesthetic that is natural, bright, and welcoming, with strategic uses of bright yellow to draw the eye to specific sections. &nbsp; &nbsp; ︎Content Design<img width="1322" height="2364" width_o="1322" height_o="2364" data-src="https://freight.cargo.site/t/original/i/e3051f306b7bb28aa53f98373fe8430c51b471e726af276b82faff6ef35dd2df/Group_119.png" data-mid="221608297" border="0" data-scale="92" data-no-zoom src="https://freight.cargo.site/w/1000/i/e3051f306b7bb28aa53f98373fe8430c51b471e726af276b82faff6ef35dd2df/Group_119.png" /> &nbsp; <img width="1080" height="809" width_o="1080" height_o="809" data-src="https://freight.cargo.site/t/original/i/06883db47f4dcf111ae9c4eb43e7596c49571497689a43b4b5b4cb7d6a268ba6/27.png" data-mid="221608259" border="0" src="https://freight.cargo.site/w/1000/i/06883db47f4dcf111ae9c4eb43e7596c49571497689a43b4b5b4cb7d6a268ba6/27.png" /> <img width="1080" height="398" width_o="1080" height_o="398" data-src="https://freight.cargo.site/t/original/i/95599be8ba9720088fffce2a4aafede7d63b3a38bbb50cd3ecda062380b48fb2/8.png" data-mid="221608226" border="0" data-scale="96" src="https://freight.cargo.site/w/1000/i/95599be8ba9720088fffce2a4aafede7d63b3a38bbb50cd3ecda062380b48fb2/8.png" /> <img width="2152" height="3156" width_o="2152" height_o="3156" data-src="https://freight.cargo.site/t/original/i/c88cd88b910bf298907d09739e31b5c7ca7e6cec29279518da1618b25f06e592/27281698962906_.pic_hd.jpg" data-mid="221608298" border="0" src="https://freight.cargo.site/w/1000/i/c88cd88b910bf298907d09739e31b5c7ca7e6cec29279518da1618b25f06e592/27281698962906_.pic_hd.jpg" /> <img width="3452" height="2340" width_o="3452" height_o="2340" data-src="https://freight.cargo.site/t/original/i/1e7c9894a64472ef2c12c87e3c8d5ca4f300dd257824e23d4713e3b1fac7cd89/27371698962918_.pic_hd.jpg" data-mid="221608301" border="0" src="https://freight.cargo.site/w/1000/i/1e7c9894a64472ef2c12c87e3c8d5ca4f300dd257824e23d4713e3b1fac7cd89/27371698962918_.pic_hd.jpg" /> <img width="3372" height="2280" width_o="3372" height_o="2280" data-src="https://freight.cargo.site/t/original/i/8308c46c9797acb4f9316a21b2f26f50bb0d3c900fd164556369ae7874ce3534/27351698962915_.pic_hd.jpg" data-mid="221608300" border="0" src="https://freight.cargo.site/w/1000/i/8308c46c9797acb4f9316a21b2f26f50bb0d3c900fd164556369ae7874ce3534/27351698962915_.pic_hd.jpg" /> <img width="3280" height="2204" width_o="3280" height_o="2204" data-src="https://freight.cargo.site/t/original/i/d441448ae3ddd0f0bfc7f323c24f2eed4f3fc353b46f54bd4de49f3a7bbe8a12/27301698962908_.pic_hd.jpg" data-mid="221608299" border="0" src="https://freight.cargo.site/w/1000/i/d441448ae3ddd0f0bfc7f323c24f2eed4f3fc353b46f54bd4de49f3a7bbe8a12/27301698962908_.pic_hd.jpg" /> <img width="3416" height="2312" width_o="3416" height_o="2312" data-src="https://freight.cargo.site/t/original/i/c32006feeb2ac6fe167154d537e6546f432283a26a89944a1a87b2c50fb17ebc/27291698962907_.pic_hd.jpg" data-mid="221608303" border="0" src="https://freight.cargo.site/w/1000/i/c32006feeb2ac6fe167154d537e6546f432283a26a89944a1a87b2c50fb17ebc/27291698962907_.pic_hd.jpg" /> <img width="3412" height="2292" width_o="3412" height_o="2292" data-src="https://freight.cargo.site/t/original/i/403c001dd9bf1cbdf531f2942771dcf58f7e906a0cd04d324d8eb494c76d9b3f/27321698962911_.pic_hd.jpg" data-mid="221608310" border="0" src="https://freight.cargo.site/w/1000/i/403c001dd9bf1cbdf531f2942771dcf58f7e906a0cd04d324d8eb494c76d9b3f/27321698962911_.pic_hd.jpg" /> <img width="2136" height="3164" width_o="2136" height_o="3164" data-src="https://freight.cargo.site/t/original/i/16d1c00876b5ec544b14dfa7c69e54d2e0d84ffd2a80379e2f3f3ab8fdda8e0a/27261698962902_.pic_hd.jpg" data-mid="221608304" border="0" src="https://freight.cargo.site/w/1000/i/16d1c00876b5ec544b14dfa7c69e54d2e0d84ffd2a80379e2f3f3ab8fdda8e0a/27261698962902_.pic_hd.jpg" /> <img width="3444" height="2296" width_o="3444" height_o="2296" data-src="https://freight.cargo.site/t/original/i/94fb0c57c9e0651c8822fa251ca3745805e8eb462e79c9fe00213f1f83dc172f/27361698962916_.pic_hd.jpg" data-mid="221608302" border="0" src="https://freight.cargo.site/w/1000/i/94fb0c57c9e0651c8822fa251ca3745805e8eb462e79c9fe00213f1f83dc172f/27361698962916_.pic_hd.jpg" /> <img width="3200" height="2168" width_o="3200" height_o="2168" data-src="https://freight.cargo.site/t/original/i/82796f49c759d9d9efd53695069de936c5b6a6ce626c161bdb82b69f42156d1b/27341698962914_.pic_hd.jpg" data-mid="221608309" border="0" src="https://freight.cargo.site/w/1000/i/82796f49c759d9d9efd53695069de936c5b6a6ce626c161bdb82b69f42156d1b/27341698962914_.pic_hd.jpg" /> <img width="3396" height="2304" width_o="3396" height_o="2304" data-src="https://freight.cargo.site/t/original/i/7d35c61bdbf90036e3746356b74e2119dd5db741aabb17054c7ed3b18770a88e/27311698962910_.pic_hd.jpg" data-mid="221608306" border="0" src="https://freight.cargo.site/w/1000/i/7d35c61bdbf90036e3746356b74e2119dd5db741aabb17054c7ed3b18770a88e/27311698962910_.pic_hd.jpg" /> <img width="3320" height="2248" width_o="3320" height_o="2248" data-src="https://freight.cargo.site/t/original/i/4c272d1cb15b951ac3e4ffa741fdb63e8791071b01f4aad9c1b804659dac6607/27271698962904_.pic_hd.jpg" data-mid="221608305" border="0" src="https://freight.cargo.site/w/1000/i/4c272d1cb15b951ac3e4ffa741fdb63e8791071b01f4aad9c1b804659dac6607/27271698962904_.pic_hd.jpg" /> <img width="3224" height="2180" width_o="3224" height_o="2180" data-src="https://freight.cargo.site/t/original/i/06f11e35d2ac134f12fc68146f2a32b9104b5bfb5034569f26b82405b2797fbf/27331698962912_.pic_hd.jpg" data-mid="221608307" border="0" src="https://freight.cargo.site/w/1000/i/06f11e35d2ac134f12fc68146f2a32b9104b5bfb5034569f26b82405b2797fbf/27331698962912_.pic_hd.jpg" /> 08 Business Note: With partial sponsorship from the local tourism bureau, the pop-up store primarily serves as a communal hub for cultural communication and data collection rather than a profit-centric venture. The strategy aims to balance cultural engagement with financial stability, ensuring profitability without compromisi ︎Market Analysis Given that the store is a short-term pop-up, open for only three days in a specialized location without direct competitors, and that it offers products that are deeply rooted in culture, unique, and available in limited editions, the business models employed should be tailored to small-scale, artisanal operations. <img width="1297" height="721" width_o="1297" height_o="721" data-src="https://freight.cargo.site/t/original/i/27f137ef7d585a24e7847a057fc9ec201dc336d2a8919ac2815d902fb6516f5d/Group-139.png" data-mid="221608349" border="0" data-scale="61" src="https://freight.cargo.site/w/1000/i/27f137ef7d585a24e7847a057fc9ec201dc336d2a8919ac2815d902fb6516f5d/Group-139.png" /> To effectively tailor our approach, I have segmented potential consumers into four distinct categories and conducted value proposition analysis: <img width="1428" height="622" width_o="1428" height_o="622" data-src="https://freight.cargo.site/t/original/i/cb75fca5c7e0bacad866c2edfe964ea169e0f113a19e1d55930691b092f939e3/Group-196.png" data-mid="221608362" border="0" data-scale="95" src="https://freight.cargo.site/w/1000/i/cb75fca5c7e0bacad866c2edfe964ea169e0f113a19e1d55930691b092f939e3/Group-196.png" /> <img width="2551" height="685" width_o="2551" height_o="685" data-src="https://freight.cargo.site/t/original/i/1ec986bc6dbe98832925988248cc9fd367a73ec46bd008ffab3e2a96af582f2b/Group-198.png" data-mid="221608351" border="0" data-scale="96" src="https://freight.cargo.site/w/1000/i/1ec986bc6dbe98832925988248cc9fd367a73ec46bd008ffab3e2a96af582f2b/Group-198.png" />Building on the growing trend of valuing handcrafted goods, , the overall strategy should focus on the handcrafted quality and personal customer engagement, aiming to cultivate an exclusive and culturally immersive shopping experience that leverages the appeal of scarcity and cultural significance. Our products are strategically positioned between commercial prints and designer creations, offering affordability without compromising on the distinctive ideas and characteristics akin to designer offerings. ︎Pricing Strategy After conducting preliminary market research, it's observed that commercial postcards are typically priced at 160 yen, whereas designer postcards range from 250 to 300 yen, or higher. Consequently, setting a price of 200 yen for a single postcard seems reasonable, offering a competitive edge. Moreover, considering that the four interactive postcards demand a degree of customer effort, I've decided to treat this engagement as a form of currency and offer them at no cost. In implementing a price discrimination strategy for the postcard sets, I aim to cater to different customer preferences and maximize profits. The cost to print each postcard is 10 yen, and we've structured the pricing tiers as follows: <img width="13600" height="3602" width_o="13600" height_o="3602" data-src="https://freight.cargo.site/t/original/i/d351d83b9dee827026e0f9428caac2cecdb3512c07c6dfdb5ad2e8abc11812b0/Untitled---Frame-1.jpg" data-mid="221608311" border="0" data-scale="98" data-no-zoom src="https://freight.cargo.site/w/1000/i/d351d83b9dee827026e0f9428caac2cecdb3512c07c6dfdb5ad2e8abc11812b0/Untitled---Frame-1.jpg" />As demonstrated, there is a substantial discount of approximately 15% when comparing the single purchase price to the Starter Set. This significant price reduction is strategically set because research and customer behavior analysis indicate that most visitors tend to purchase 2-3 postcards. By offering the Starter Set of 5 postcards at 850 yen, we encourage customers to increase their purchase size, leveraging the perceived value of getting more for their money. Furthermore, there is a notable discount of around 17% when comparing the Enthusiast Set to the Complete Collection. For consumers already inclined to buy 10 or more postcards, we aim to motivate them to opt for the full collection by emphasizing the comprehensive nature of the set and the additional savings. This approach not only enhances the perceived value of the Complete Collection but also taps into the collector's desire for completeness and ownership of the entire series. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<img width="535" height="330" width_o="535" height_o="330" data-src="https://freight.cargo.site/t/original/i/4decf1fcd2951b454407204766a82fb49605ad8ea2237143c18c22a4a51796a8/Group.png" data-mid="221608313" border="0" data-scale="100" data-no-zoom src="https://freight.cargo.site/w/535/i/4decf1fcd2951b454407204766a82fb49605ad8ea2237143c18c22a4a51796a8/Group.png" /> By doing so, we cater to a segment of the market that finds satisfaction in acquiring full sets, thereby increasing the overall sales volume and revenue. ︎Marketing Strategies&nbsp; <img width="1927" height="569" width_o="1927" height_o="569" data-src="https://freight.cargo.site/t/original/i/33e59d23a7fe871b1100e025906ab5d835bde15794e3488303e2b1222caad3cf/Group-123.png" data-mid="221608355" border="0" data-scale="99" src="https://freight.cargo.site/w/1000/i/33e59d23a7fe871b1100e025906ab5d835bde15794e3488303e2b1222caad3cf/Group-123.png" /> &nbsp; &nbsp; ︎Service <img width="1751" height="744" width_o="1751" height_o="744" data-src="https://freight.cargo.site/t/original/i/9077e5bf50a01ffd44d4e4885c3ba20c835e1d8deca9aebdfc5ef4a88bf7041d/Group-233.png" data-mid="221608372" border="0" src="https://freight.cargo.site/w/1000/i/9077e5bf50a01ffd44d4e4885c3ba20c835e1d8deca9aebdfc5ef4a88bf7041d/Group-233.png" /> Customer service strategies were adapted twice during the three-day duration of the store. Initially, one staff member was positioned at the entrance to greet interested visitors, while another sat behind the counter, ready to stand when customers entered the store. However, it soon became apparent that the visitors, predominantly from Asian backgrounds, were shyer than anticipated; too much attention seemed to discomfort them. Consequently, I swiftly revised our approach to a more nuanced and sensitive style of service: offering a courteous smile and engaging in our own tasks, intervening only when a customer signaled a clear interest in interaction. <img width="8360" height="5860" width_o="8360" height_o="5860" data-src="https://freight.cargo.site/t/original/i/79c58a1ae19e0c8837f543ebd3cfebc8baade499f2af300d5421916133a6a31f/Journey_Map_to_plot_the_customer_experience_by_Essense_-_Frame_10_1.jpg" data-mid="221608361" border="0" data-scale="95" src="https://freight.cargo.site/w/1000/i/79c58a1ae19e0c8837f543ebd3cfebc8baade499f2af300d5421916133a6a31f/Journey_Map_to_plot_the_customer_experience_by_Essense_-_Frame_10_1.jpg" />With improvements, there was a notable increase in store entry and engagement rates in the afternoon. Additionally, I observed a significant and previously overlooked demographic: children. They are the most active visitors and contribute positively to the store's atmosphere. While they may not have purchasing power, their accompanying family members do. <img width="963" height="747" width_o="963" height_o="747" data-src="https://freight.cargo.site/t/original/i/ab4ce242d0e1ac4639d8f39e1fccd85e4188e80d7c6a17569178472ea8f16ca2/Group-234.png" data-mid="221608370" border="0" data-scale="55" src="https://freight.cargo.site/w/963/i/ab4ce242d0e1ac4639d8f39e1fccd85e4188e80d7c6a17569178472ea8f16ca2/Group-234.png" /> Thus, on the second day, I quickly implemented a special service plan targeting children. We purchased treats and snacks to offer them; for local primary school students, we organized a quiz with rewards. If they answered questions related to the postcards correctly, we gifted them a postcard. Coincidentally, one of the children who had created a traffic sign featured on a postcard visited the store, and we were delighted to present him with a set of these postcards. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 09 Post Office 「Wanna Know」 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎Construction <img width="1440" height="1080" width_o="1440" height_o="1080" data-src="https://freight.cargo.site/t/original/i/222dc626a5fbaa84d7b5e84dbaa5e1e98671a028462e53022e142253bc2db5a3/27451698970896_.pic.jpg" data-mid="221608318" border="0" src="https://freight.cargo.site/w/1000/i/222dc626a5fbaa84d7b5e84dbaa5e1e98671a028462e53022e142253bc2db5a3/27451698970896_.pic.jpg" /> <img width="6000" height="4000" width_o="6000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/34b0a448cd89a1b1d99e0a97948d33f41868379a6a702071ae9949474db0a775/DSC01449.JPG" data-mid="221608334" border="0" src="https://freight.cargo.site/w/1000/i/34b0a448cd89a1b1d99e0a97948d33f41868379a6a702071ae9949474db0a775/DSC01449.JPG" /> <img width="6000" height="4000" width_o="6000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/3139fd2fe55f59c3d5c9278555a6c16d58140c38b147fdeb92023733f2360153/DSC01390.JPG" data-mid="221608332" border="0" src="https://freight.cargo.site/w/1000/i/3139fd2fe55f59c3d5c9278555a6c16d58140c38b147fdeb92023733f2360153/DSC01390.JPG" /> <img width="1242" height="894" width_o="1242" height_o="894" data-src="https://freight.cargo.site/t/original/i/9d18a2d4c2686bb527ebad65c14daa0de4aa7847798731e1aa0037d62ac1e119/58.png" data-mid="221608320" border="0" src="https://freight.cargo.site/w/1000/i/9d18a2d4c2686bb527ebad65c14daa0de4aa7847798731e1aa0037d62ac1e119/58.png" /> <img width="6000" height="4000" width_o="6000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/31e528a4274b1f38fd0c4fbb7893c855c04d33bee7172aff6aa7a9b2086ca8da/DSC01292.JPG" data-mid="221608330" border="0" src="https://freight.cargo.site/w/1000/i/31e528a4274b1f38fd0c4fbb7893c855c04d33bee7172aff6aa7a9b2086ca8da/DSC01292.JPG" /> <img width="1254" height="945" width_o="1254" height_o="945" data-src="https://freight.cargo.site/t/original/i/1509ad060ba8142ca00d4fb8e621e308a8bdb1d6df7eb97ca2ddd96ac5c1827a/2023-11-03-09.29.33.png" data-mid="221608333" border="0" src="https://freight.cargo.site/w/1000/i/1509ad060ba8142ca00d4fb8e621e308a8bdb1d6df7eb97ca2ddd96ac5c1827a/2023-11-03-09.29.33.png" /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎Opening <img width="1440" height="1080" width_o="1440" height_o="1080" data-src="https://freight.cargo.site/t/original/i/3fb9f4f72bfc0369ba1abe4f1b260654b8dbd4896e337d27c8be38c84808eb75/27441698970896_.pic_hd.jpg" data-mid="221608319" border="0" src="https://freight.cargo.site/w/1000/i/3fb9f4f72bfc0369ba1abe4f1b260654b8dbd4896e337d27c8be38c84808eb75/27441698970896_.pic_hd.jpg" /> <img width="741" height="504" width_o="741" height_o="504" data-src="https://freight.cargo.site/t/original/i/7ab507d64f6e80d15a8f4211a7284bccaf93dd1116b769c93386c52b137e48aa/5.png" data-mid="221608325" border="0" src="https://freight.cargo.site/w/741/i/7ab507d64f6e80d15a8f4211a7284bccaf93dd1116b769c93386c52b137e48aa/5.png" /> <img width="1080" height="956" width_o="1080" height_o="956" data-src="https://freight.cargo.site/t/original/i/d4b3a77216a9cb4618f897bb28d10feb7907694fcbeb6b8af9676de6a471ad63/34.png" data-mid="221608327" border="0" src="https://freight.cargo.site/w/1000/i/d4b3a77216a9cb4618f897bb28d10feb7907694fcbeb6b8af9676de6a471ad63/34.png" /> <img width="1080" height="719" width_o="1080" height_o="719" data-src="https://freight.cargo.site/t/original/i/e508de32a17193134a8a83aba4fefd9aab8c6ebb81b7604523661a7e3a627bac/32.png" data-mid="221608328" border="0" src="https://freight.cargo.site/w/1000/i/e508de32a17193134a8a83aba4fefd9aab8c6ebb81b7604523661a7e3a627bac/32.png" /> <img width="1080" height="810" width_o="1080" height_o="810" data-src="https://freight.cargo.site/t/original/i/e1ce93331578c09c0135f21b11988cbea16731f61abb0e03cb1fcd5c26819d4d/40.png" data-mid="221608321" border="0" src="https://freight.cargo.site/w/1000/i/e1ce93331578c09c0135f21b11988cbea16731f61abb0e03cb1fcd5c26819d4d/40.png" /> <img width="1037" height="719" width_o="1037" height_o="719" data-src="https://freight.cargo.site/t/original/i/6fe6460afb4ee5e84c43456f85a6148407dd7777f6b1cbc0f23b54eb78bd91aa/7.png" data-mid="221608324" border="0" src="https://freight.cargo.site/w/1000/i/6fe6460afb4ee5e84c43456f85a6148407dd7777f6b1cbc0f23b54eb78bd91aa/7.png" /> <img width="1440" height="1080" width_o="1440" height_o="1080" data-src="https://freight.cargo.site/t/original/i/81b0a75416ce7b30d83652a94ae153faf54ba519befd719be53327e785f4ddf4/42.png" data-mid="221608224" border="0" src="https://freight.cargo.site/w/1000/i/81b0a75416ce7b30d83652a94ae153faf54ba519befd719be53327e785f4ddf4/42.png" /> <img width="1080" height="687" width_o="1080" height_o="687" data-src="https://freight.cargo.site/t/original/i/fbf3e9dc19bac97f124072f6ad84140c32b6eedffb6abe0471fc4085d49538b5/03cec6d968370bbf9280d4a20edd38ff.jpg" data-mid="221608322" border="0" src="https://freight.cargo.site/w/1000/i/fbf3e9dc19bac97f124072f6ad84140c32b6eedffb6abe0471fc4085d49538b5/03cec6d968370bbf9280d4a20edd38ff.jpg" /> <img width="928" height="997" width_o="928" height_o="997" data-src="https://freight.cargo.site/t/original/i/73450d9d40cc03beb67b3d169c14c17a2c36ec1dfc25baa42d3231973f74d0b5/49.png" data-mid="221608222" border="0" src="https://freight.cargo.site/w/928/i/73450d9d40cc03beb67b3d169c14c17a2c36ec1dfc25baa42d3231973f74d0b5/49.png" /> 10 Related Project <img width="2048" height="2048" width_o="2048" height_o="2048" data-src="https://freight.cargo.site/t/original/i/c1bdc0bdc433a1101c45bea7e4bae459c8cb61865df6e4de2debba542867b9a1/-100.png" data-mid="221608373" border="0" src="https://freight.cargo.site/w/1000/i/c1bdc0bdc433a1101c45bea7e4bae459c8cb61865df6e4de2debba542867b9a1/-100.png" /> <img width="1620" height="1080" width_o="1620" height_o="1080" data-src="https://freight.cargo.site/t/original/i/0ac1d4474de1eb4293cb87a1c1701c907b878a1a05ee3f89fe14038b32e045c5/29721701205251_.pic.jpg" data-mid="221608381" border="0" src="https://freight.cargo.site/w/1000/i/0ac1d4474de1eb4293cb87a1c1701c907b878a1a05ee3f89fe14038b32e045c5/29721701205251_.pic.jpg" /> <img width="707" height="344" width_o="707" height_o="344" data-src="https://freight.cargo.site/t/original/i/d351adbe7814c32aad08670571f7f2d9c15a6647f5f7f95b3140936d845a88ef/2023-11-29-01.11.07.png" data-mid="221608379" border="0" src="https://freight.cargo.site/w/707/i/d351adbe7814c32aad08670571f7f2d9c15a6647f5f7f95b3140936d845a88ef/2023-11-29-01.11.07.png" /> Prior to launching the 'Wanna Know' pop-up store, our involvement in the Ito Revitalization (︎︎︎click) project laid the foundation. This initiative, spearheaded by the owners of a local bicycle shop and Ito's community leaders, tasked us with creating a map for the shop and formulating a strategy to draw tourists and motivate younger generations to revisit their roots. Interestingly, the Ito Revitalization project served as the catalyst for the pop-up store. It caught the attention of Izu government officials during our final presentation, highlighting our innovative approach and leading to further opportunities. // JavaScript for scroll to top functionality and navigation bar visibility window.addEventListener('scroll', function() { var scrollPosition = window.pageYOffset || document.documentElement.scrollTop; var scrollToTopBtn = document.querySelector('.scroll-to-top'); var navigationBar = document.querySelector('.navigation'); // Show the scroll-to-top button after a certain scroll position if (scrollPosition > 500) { scrollToTopBtn.style.display = 'block'; } else { scrollToTopBtn.style.display = 'none'; } // Always show the navigation bar after the user has scrolled past a certain point (e.g., 100px) if (scrollPosition > 100) { navigationBar.style.display = 'block'; // or you can use navigationBar.classList.add('visible'); } else { navigationBar.style.display = 'none'; // or you can use navigationBar.classList.remove('visible'); } }); // Scroll to top when the button is clicked document.querySelector('.scroll-to-top').onclick = function() { window.scrollTo({ top: 0, behavior: 'smooth' }); }; // Logic for updating navigation links when the DOM is fully loaded document.addEventListener('DOMContentLoaded', (event) => { const sections = document.querySelectorAll('h2[id]'); const navLinks = document.querySelectorAll('.navigation a'); function changeLinkState() { let index = sections.length; while(--index && window.scrollY + window.innerHeight/2 < sections[index].offsetTop) {} navLinks.forEach((link) => link.classList.remove('active')); navLinks[index] && navLinks[index].classList.add('active'); } changeLinkState(); window.addEventListener('scroll', changeLinkState); }); // IntersectionObserver for navigation dots document.addEventListener('DOMContentLoaded', (event) => { const observerOptions = { root: null, rootMargin: '0px', threshold: 0.5, }; const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { const id = entry.target.getAttribute('id'); const navLink = document.querySelector(`.navigation a[href="#${id}"] .dot`); if (entry.isIntersecting) { navLink.classList.add('active'); navLink.classList.remove('hollow'); } else { navLink.classList.remove('active'); navLink.classList.add('hollow'); } }); }, observerOptions); document.querySelectorAll('section[id]').forEach((section) => { observer.observe(section); }); }); https://anniesunxt.com/Fuzzy-Huggy-Application-and-Physical-Product Tue, 12 Nov 2024 03:12:34 +0000 Annie's Wonderland https://anniesunxt.com/Fuzzy-Huggy-Application-and-Physical-Product .feature-background { background-color: rgba(231, 230, 225,0.7); /* Adjust the color and opacity as needed */ padding: 20px 0; /* Adjust the vertical padding as needed */ width: 200%; position: relative; left: 50%; transform: translateX(-50%); box-sizing: border-box; z-index: -1; /* Ensures the background stays behind the content */ } .feature-content { position: relative; z-index: 1; /* Ensures the content stays above the background */ max-width: 100%; /* Limit the width of the content */ width:60vw; margin: 0 auto; /* Center the content */ padding: 0 15px; /* Add padding on the sides */ } .extended-gallery-background { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 200%; /* Adjust as needed */ height: 100%; /* Adjust as needed */ padding-top: 20px; /* Adds space above the gallery */ padding-bottom: 20px; /* Adds space below the gallery */ background-color: rgba(190, 197, 188, 0.7); /* Semi-transparent green */ z-index: -1; /* Keeps it in the background */ } .gallery-and-background-container { position: relative; } .image-gallery-container { margin-left: -10vw; /* Adjust as needed */ margin-right: -10vw; /* Adjust as needed */ text-align: center; } .full-width-frame { width: 70vw !important; height: auto !important; /* Adjust height as needed */ left: 50% !important; right: 50% !important; margin-left: -1000px !important; margin-right:-1000px !important; } .image-container { width: auto; /* Make the background width the same as the page */ text-align: center; } .image-bar { background-color: rgba(192, 218, 109, 0.5); /* Adjust the alpha value to control opacity */ display: block; padding: 10px; /* Adjust the padding as needed */ margin-left: -1000px; margin-right:-1000px } .image-background { background-color: rgba(192, 218, 109, 0.4); /* Adjust the alpha value to control opacity */ display: block; padding: 10px; /* Adjust the padding as needed */ margin: -10px } .navigation { position: fixed; top: 50%; right: 24px; width: 50px; /* Initial width to fit the dots */ overflow: hidden; transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out; /* Add background-color transition */ transform: translateY(-50%); z-index: 1000; /* Add a transparent background by default */ background-color: rgba(255, 255, 255, 0); /* Fully transparent */ } .navigation-hidden { display: none; } .navigation a { display: block; margin-bottom: 10px; color: #333; text-decoration: none; text-align: center; /* Center text by default */ padding-left: 20px; /* Add padding to push text away from the dots */ } .navigation:hover a { text-align: left; /* Align text to the left on hover */ } .navigation a.active { color: #3e432f; font-weight: bold; } .navigation a .dot { height: 10px; width: 10px; background-color: transparent; /* Hollow by default */ border: 2px solid rgba(162, 182, 92, 0.5); /* Orange border for the hollow dots */ border-radius: 50%; display: inline-block; margin-right: 10px; transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out; /* Transition for the fill effect */ vertical-align: middle; } .navigation a.active .dot { background-color: rgba(162, 182, 92, 0.5); /* Orange fill when active */ transition: background-color 0.3s ease; /* Transition for the fill effect */ } .navigation:hover { width: 220px; background-color: #a2b65c; padding-top: 5px; padding-bottom: 2px; } .navigation a span.nav-text { display: none; /* Hide text by default */ vertical-align: middle; /* Align text vertically with dot */ } .navigation:hover a span.nav-text { display: inline; /* Show text on hover */ } .navigation a span.nav-text { display: none; /* Hide text by default */ vertical-align: middle; /* Align text vertically with dot */ } .navigation:hover a span.nav-text { display: inline; padding-left:0; } .navigation:hover a .dot { display: none; /* Hide dots on hover */ } .navigation a .dot.hollow { background-color: transparent; } .navigation a span { display: none; vertical-align: super; } .navigation:hover a span { display: inline; } .navigation a:hover { background-color: rgba(250 250, 250, 0.8); transition: background-color 0.3s ease; /* Smooth transition for background color */ } .scroll-to-top { display: none; position: fixed; bottom: 20px; right: 24px; /* Increase the right margin to move it to the left */ background: rgba(162, 182, 92, 0.7); color: #fff; width: 35px; /* Smaller width for a smaller circle */ height: 35px; /* Smaller height to match the width */ line-height: 30px; /* Adjust line-height to vertically center the text */ text-align: center; /* Center the text horizontally */ border-radius: 50%; /* This makes it a circle */ font-size: 25px; /* Larger font size for the text */ cursor: pointer; z-index: 1000; } 01 Starting Point 02 Secondary Research 03 Primary Research 04 Ideation 05 Solution 06 Business Model 07 Reflection 08 Credits ↑ <img width="1649" height="774" width_o="1649" height_o="774" data-src="https://freight.cargo.site/t/original/i/1e9b2c58ac838de9f193694023804821c6b2e2eac47a1dde8dea1d062e30aff4/Group-200.png" data-mid="221608594" border="0" data-scale="100" data-no-zoom data-marker-id="2" src="https://freight.cargo.site/w/1000/i/1e9b2c58ac838de9f193694023804821c6b2e2eac47a1dde8dea1d062e30aff4/Group-200.png" /> 01 Starting Point <img width="1304" height="483" width_o="1304" height_o="483" data-src="https://freight.cargo.site/t/original/i/7b7afd22049810bca4308a65959bb9b442566b642c4dafc76f6b5cfa4e07776f/Group-201.png" data-mid="221608595" border="0" data-scale="92" data-no-zoom src="https://freight.cargo.site/w/1000/i/7b7afd22049810bca4308a65959bb9b442566b642c4dafc76f6b5cfa4e07776f/Group-201.png" /> 02 Secondary Research&nbsp; &nbsp; &nbsp; &nbsp; ︎Psychological Foundations<img width="1155" height="346" width_o="1155" height_o="346" data-src="https://freight.cargo.site/t/original/i/bc36f515a06a28a77c9d91493daf6457a70f71472546c71d170decd9c542df55/Group-204.png" data-mid="221608601" border="0" data-scale="99" data-no-zoom src="https://freight.cargo.site/w/1000/i/bc36f515a06a28a77c9d91493daf6457a70f71472546c71d170decd9c542df55/Group-204.png" /> ︎Market Gap Analysis I delved deeper into the current digital application market to assess if the segment focused on aiding anxiety management is oversaturated, considering its widespread popularity. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎ User Segmentation I initially categorized current users into two groups based on their motivations for using the applications and their behavioral patterns: rational users and exploratory users.<img width="1370" height="914" width_o="1370" height_o="914" data-src="https://freight.cargo.site/t/original/i/2d0dac5d9bdaabd90d233d8166cd1a0cb8263d33e241f52208135e0a41e4db88/Group-355.png" data-mid="221608704" border="0" data-scale="91" data-no-zoom src="https://freight.cargo.site/w/1000/i/2d0dac5d9bdaabd90d233d8166cd1a0cb8263d33e241f52208135e0a41e4db88/Group-355.png" />After cross-referencing user motivations and behavior patterns with their ages, it becomes evident that these categories align significantly with specific age groups.&nbsp;<img width="1442" height="490" width_o="1442" height_o="490" data-src="https://freight.cargo.site/t/original/i/a85ca13d137c6efe9403177b879558e3347ad46dea5b5a0eeb0a73b55b599ea7/Group-403.png" data-mid="221608721" border="0" data-scale="95" src="https://freight.cargo.site/w/1000/i/a85ca13d137c6efe9403177b879558e3347ad46dea5b5a0eeb0a73b55b599ea7/Group-403.png" />It became evident to me that the accessibility of different age groups to relevant resources and the experiences gained with age are crucial in explaining their behavioral patterns and shaping their needs. Adults, who have greater control over their lives and sufficient knowledge to seek various forms of help or develop their own coping mechanisms, contrast with younger age groups. These younger individuals, still acquainting themselves with the world, have limited access to resources and may depend more on the sources available to them. Furthermore, the current user base of these applications primarily consists of adolescents and mature adults, with the apps seemingly targeting these demographics. However, this raises a question: what about younger age groups who also experience negative emotions and face greater challenges in becoming aware of their feelings, managing their emotions, and seeking external help? Are their needs being adequately addressed? Therefore, to conduct a more detailed analysis, I decided to focus on three distinct age groups. This approach allows for a deeper understanding of how each group interacts with the applications, highlighting potential gaps in addressing the emotional needs of younger users. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎ Competitors’ Benchmark <img width="4344" height="1195" width_o="4344" height_o="1195" data-src="https://freight.cargo.site/t/original/i/66b5adcc3e0b28fcb77cdd46cbc1afe06a31512fb6186fc98fc042227c557770/Group-264.png" data-mid="221608618" border="0" data-scale="95" src="https://freight.cargo.site/w/1000/i/66b5adcc3e0b28fcb77cdd46cbc1afe06a31512fb6186fc98fc042227c557770/Group-264.png" />Comparing user values with those of popular mood management applications, it's evident that despite their varied forms and distinctive features, the current market largely overlooks the needs of children. Additionally, very few products focus on developing a lasting, healthy mindset for coping with negative emotions. Instead, most opt for immediate solutions to alleviate current feelings or address immediate challenges. <img width="1720" height="1596" width_o="1720" height_o="1596" data-src="https://freight.cargo.site/t/original/i/c827939ba83d8d440493f71d3b3a9fbfd6c708654e1c2d6d597bd634ea275b5a/Group-272.png" data-mid="221608620" border="0" data-scale="52" src="https://freight.cargo.site/w/1000/i/c827939ba83d8d440493f71d3b3a9fbfd6c708654e1c2d6d597bd634ea275b5a/Group-272.png" /> The analysis reveals a notable gap in the market for children's products. Due to security concerns, social or community-based online applications are not suitable for young users. While the Worry Doll app appears to address a similar need, its simplicity relegates it to being more of a basic goal-setter or problem-list tool, rather than a comprehensive emotion management application. Moreover, its fundamental features cater to a general audience, lacking the specialized design and functionality specifically tailored to children's emotional needs. This leaves a void for a self-revealing product specifically tailored to children. Such a product aligns with my initial objective: to foster a long-term cultivation of children's mental frameworks. <img width="1720" height="1596" width_o="1720" height_o="1596" data-src="https://freight.cargo.site/t/original/i/5de5af7dc7161edcbe00f43bfa013029fd3bb12bf5ea9c0cedff3e7ed19c2ea0/Group-358.png" data-mid="221608711" border="0" data-scale="51" src="https://freight.cargo.site/w/1000/i/5de5af7dc7161edcbe00f43bfa013029fd3bb12bf5ea9c0cedff3e7ed19c2ea0/Group-358.png" /> 03 Primary Research&nbsp; &nbsp; &nbsp; &nbsp; ︎Preparation<img width="1238" height="606" width_o="1238" height_o="606" data-src="https://freight.cargo.site/t/original/i/dfdad5a82c36e6a4974e6d41f92033d886ec1a8b295410cc6490a108bc83270e/Group-208.png" data-mid="221608604" border="0" data-scale="91" data-no-zoom src="https://freight.cargo.site/w/1000/i/dfdad5a82c36e6a4974e6d41f92033d886ec1a8b295410cc6490a108bc83270e/Group-208.png" /> ︎Objectives <img width="1275" height="473" width_o="1275" height_o="473" data-src="https://freight.cargo.site/t/original/i/560bb53a5301e1df66f8734b9bbf995a2b23471c04127a6694e4cca3f38578ed/Group-212.png" data-mid="221608605" border="0" data-scale="100" data-no-zoom src="https://freight.cargo.site/w/1000/i/560bb53a5301e1df66f8734b9bbf995a2b23471c04127a6694e4cca3f38578ed/Group-212.png" />︎Research Result &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;︎ Shapes and Colors <img width="1326" height="449" width_o="1326" height_o="449" data-src="https://freight.cargo.site/t/original/i/aed6df3247037f66e484da8368974127caa6169ec6c27565f1e0f320ea0ba85a/Group-216.png" data-mid="221608606" border="0" data-scale="90" data-no-zoom src="https://freight.cargo.site/w/1000/i/aed6df3247037f66e484da8368974127caa6169ec6c27565f1e0f320ea0ba85a/Group-216.png" />&nbsp;Based on the observations mentioned, it can be further concluded that emotions are overall perceived intuitively and simply. Happiness and sadness are the most directly perceived emotions, mentioned and straightforwardly represented by smiling and crying. This suggests that the understanding of emotions in this age group is relatively simplistic. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎About Negative Feelings <img width="4278" height="1200" width_o="4278" height_o="1200" data-src="https://freight.cargo.site/t/original/i/47d5fb65b7fb0e0e4b566c6bbfad9c8bf95cc34e8c9a9eb657b3879480b4ff4d/28471700044755_.pic_hd.jpg" data-mid="221608621" border="0" data-scale="100" data-no-zoom src="https://freight.cargo.site/w/1000/i/47d5fb65b7fb0e0e4b566c6bbfad9c8bf95cc34e8c9a9eb657b3879480b4ff4d/28471700044755_.pic_hd.jpg" /> The primary sources of negative emotions can be categorized into three distinct areas: extracurricular activities, academic performance, and environmental factors. <img width="8880" height="5517" width_o="8880" height_o="5517" data-src="https://freight.cargo.site/t/original/i/f0f6eda6fe41b3adf4d7aef06746db602d73481cc1480e15161ec8cf7d35572e/Untitled_-_Frame_1_4-3.png" data-mid="221608750" border="0" data-scale="80" src="https://freight.cargo.site/w/1000/i/f0f6eda6fe41b3adf4d7aef06746db602d73481cc1480e15161ec8cf7d35572e/Untitled_-_Frame_1_4-3.png" /> Both extracurricular and academic stresses are linked to performance and peer comparison, which can create a persistent sense of competition. These pressures are often immediate and tangible, requiring active strategies for children to manage. In contrast, environmental fears are often based on a child's perception and may lessen with age and increased knowledge, suggesting that education and exposure to different environments can play a significant role in alleviating these fears. However, without developing proper coping strategies for the stresses associated with performance and comparison, children may struggle to adapt to similar stressors in adulthood. How do they manage these negative feelings? It became evident that this was a challenging question for many of them, as some could not provide clear answers and simply expressed that they just let the emotions pass on their own. However, after engaging them in some hypothetical scenarios and encouraging discussions, more responses emerged.<img width="1256" height="1097" width_o="1256" height_o="1097" data-src="https://freight.cargo.site/t/original/i/052ce2ab0f51a2924d11ba7c5cfb46b4a4cf0e69324c4fc116d4bc6c6beb8d47/Group_290-2.png" data-mid="221608709" border="0" data-scale="68" data-no-zoom src="https://freight.cargo.site/w/1000/i/052ce2ab0f51a2924d11ba7c5cfb46b4a4cf0e69324c4fc116d4bc6c6beb8d47/Group_290-2.png" />While they possess basic knowledge of coping with emotions, all these methods only provide temporary relief. They have yet to develop a comprehensive approach to fully confront emotions, identify their roots, and then properly manage these emotions and their stressors. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;︎ Buy a FeatureI opted for the “buy a feature” research method, taking into account the limited expressive capabilities of this age group. This approach aims to facilitate more intuitive participation, enhancing both efficiency and the potential depth of the results. Initially, I conceptualized 12 potential product ideas, which were then refined into the 8 possibilities listed below. These products vary in their focus: some are designed to foster family interaction, while others serve as personal tools for children to independently manage their emotions and tasks.For this study, 6 children participated, each provided with a hypothetical budget of $1000 to allocate towards purchasing these features. <img width="1335" height="857" width_o="1335" height_o="857" data-src="https://freight.cargo.site/t/original/i/656116172591ab9f383dc4cb9188ab80e014d04083766fc9561445aa7991b6f2/Group-367.png" data-mid="221608717" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/656116172591ab9f383dc4cb9188ab80e014d04083766fc9561445aa7991b6f2/Group-367.png" /> <img width="1345" height="405" width_o="1345" height_o="405" data-src="https://freight.cargo.site/t/original/i/70ad6d6683bf8625379b6c1f437183725e44a6991efdbf98a7e9ebd40fdad594/Group-305.png" data-mid="221608630" border="0" data-scale="96" data-no-zoom src="https://freight.cargo.site/w/1000/i/70ad6d6683bf8625379b6c1f437183725e44a6991efdbf98a7e9ebd40fdad594/Group-305.png" /> Compared to products meant for family communication or those placed in common family spaces, children showed a preference for private, personal products. They favored items that were fun, interesting, and cute. For instance, the emotion thermometer, which is quite similar to the emotion board or mood diary, received more votes because it appeared more entertaining. This preference indicates that children value a sense of personal ownership and control over their emotional expression tools. The appeal of fun and visually appealing items like the emotion thermometer suggests that engaging design plays a crucial role in attracting children's interest and participation. This preference for personal over communal emotional tools might also reflect a growing desire for individual expression and understanding of emotions at a personal level. 04 Ideation︎User Journey Maps It's important to recognize that the scenarios outlined below are idealized. In reality, there's a significant possibility that children may not be fully aware of their own emotions. Additionally, parents might overlook subtle changes in their child's emotional state due to the rapid fluctuations of children's moods or a lack of emphasis on their importance. In either case, consistently paying attention to and engaging in discussions about children's mental health is crucial. <img width="6302" height="7774" width_o="6302" height_o="7774" data-src="https://freight.cargo.site/t/original/i/d641dc40c4043a26cfd13e283183a5915408e0e8d8c38f58dcdd3e3f6f70f3a9/Journey-Map-to-plot-the-customer-experience-by-Essense---Frame-11-3.jpg" data-mid="221608713" border="0" data-scale="91" src="https://freight.cargo.site/w/1000/i/d641dc40c4043a26cfd13e283183a5915408e0e8d8c38f58dcdd3e3f6f70f3a9/Journey-Map-to-plot-the-customer-experience-by-Essense---Frame-11-3.jpg" />︎Brainstorming <img width="5178" height="1200" width_o="5178" height_o="1200" data-src="https://freight.cargo.site/t/original/i/592f63fc292b3959f426495fff92117c447c5b34842ccb3aba00b61a1fa6cf95/28591700134408_.pic_hd.jpg" data-mid="221608631" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/592f63fc292b3959f426495fff92117c447c5b34842ccb3aba00b61a1fa6cf95/28591700134408_.pic_hd.jpg" />Considering the age of the target group, the needs and roles of guardians and the entire family cannot be overlooked. After careful consideration of both children's and parents' needs and their dynamic interaction, I have decided on a combination of physical products and digital applications as the final product format, all centered around the theme of "Emotion Monsters." Additionally, the digital products will include a tablet version tailored for children and a mobile version for parents, each featuring completely distinct content. The initial concepts for the physical products were complex and somewhat disjointed. These products evolved directly from the outcomes of the "Buy A Feature" exercise. However, my aim is to streamline the design, making it more cohesive and minimalist, rather than cluttered with numerous functions and lacking a clear primary focus. <img width="2408" height="1581" width_o="2408" height_o="1581" data-src="https://freight.cargo.site/t/original/i/b1f578ed0515b64983afe038639688c28af4e6dd8845ed499339d526f9a77cf8/Group-368.png" data-mid="221608714" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/b1f578ed0515b64983afe038639688c28af4e6dd8845ed499339d526f9a77cf8/Group-368.png" /> <img width="1394" height="378" width_o="1394" height_o="378" data-src="https://freight.cargo.site/t/original/i/038a953851cfdaefd8b6a3c3d9edfd7452b7ca05582d06ebd5801a2610e66527/Group-317.png" data-mid="221608637" border="0" data-scale="100" data-no-zoom src="https://freight.cargo.site/w/1000/i/038a953851cfdaefd8b6a3c3d9edfd7452b7ca05582d06ebd5801a2610e66527/Group-317.png" /> <img width="1366" height="1771" width_o="1366" height_o="1771" data-src="https://freight.cargo.site/t/original/i/8d645a22f7e8b0c3a3db7a14e1639e8ba82841bb3f4fd9419de6a6caaca88516/Group-369.png" data-mid="221608715" border="0" data-scale="58" src="https://freight.cargo.site/w/1000/i/8d645a22f7e8b0c3a3db7a14e1639e8ba82841bb3f4fd9419de6a6caaca88516/Group-369.png" /> Consequently, the end product has evolved into a combination of physical huggy monster toys paired with complementary digital applications. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;05 Solution &nbsp; &nbsp; &nbsp; &nbsp; ︎User Flow &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img width="1594" height="2507" width_o="1594" height_o="2507" data-src="https://freight.cargo.site/t/original/i/6a08a7d4a300d55a22fe39a3e14d541ee808c075b7ae6c61d4683c3f3b017b65/Group-389.png" data-mid="221608740" border="0" data-scale="92" src="https://freight.cargo.site/w/1000/i/6a08a7d4a300d55a22fe39a3e14d541ee808c075b7ae6c61d4683c3f3b017b65/Group-389.png" /> ︎Sitemap<img width="13243" height="3699" width_o="13243" height_o="3699" data-src="https://freight.cargo.site/t/original/i/2647440a3c7e319563f62680df04e36536b17449839a5edd76d9841a48ce297f/Journey-Map-to-plot-the-customer-experience-by-Essense---Frame-12.jpg" data-mid="221608647" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/2647440a3c7e319563f62680df04e36536b17449839a5edd76d9841a48ce297f/Journey-Map-to-plot-the-customer-experience-by-Essense---Frame-12.jpg" />︎Design &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎ Sketches&nbsp; <img width="3792" height="2779" width_o="3792" height_o="2779" data-src="https://freight.cargo.site/t/original/i/ece16c7ee40fdc18a94e00837b9b91694b82620871889b2f5b6fc13a21c5f6eb/28641700183998_.pic_hd.jpg" data-mid="221608649" border="0" src="https://freight.cargo.site/w/1000/i/ece16c7ee40fdc18a94e00837b9b91694b82620871889b2f5b6fc13a21c5f6eb/28641700183998_.pic_hd.jpg" /> <img width="3960" height="2996" width_o="3960" height_o="2996" data-src="https://freight.cargo.site/t/original/i/719d6de86c6e6a20a4f6d943ad1a215198c7abcfc4ce5821013b14896fd14b80/28661700184000_.pic_hd.jpg" data-mid="221608651" border="0" src="https://freight.cargo.site/w/1000/i/719d6de86c6e6a20a4f6d943ad1a215198c7abcfc4ce5821013b14896fd14b80/28661700184000_.pic_hd.jpg" /> <img width="3960" height="2992" width_o="3960" height_o="2992" data-src="https://freight.cargo.site/t/original/i/0b810a95652954d5533f253325b5506f77376fc0075992194ef8bb72a4741f58/28671700184001_.pic.jpg" data-mid="221608652" border="0" src="https://freight.cargo.site/w/1000/i/0b810a95652954d5533f253325b5506f77376fc0075992194ef8bb72a4741f58/28671700184001_.pic.jpg" /> <img width="3960" height="3006" width_o="3960" height_o="3006" data-src="https://freight.cargo.site/t/original/i/d8ab6251a9ac84c6b8f156a1acb899819fd5fcab457f35587881178395638c30/28681700184001_.pic.jpg" data-mid="221608654" border="0" src="https://freight.cargo.site/w/1000/i/d8ab6251a9ac84c6b8f156a1acb899819fd5fcab457f35587881178395638c30/28681700184001_.pic.jpg" /> <img width="3964" height="3006" width_o="3964" height_o="3006" data-src="https://freight.cargo.site/t/original/i/963945ed3a83fce8fd18a86c7fd43f6032a2ac6fabc92fbcf98b8d52f6635f98/28651700183999_.pic.jpg" data-mid="221608650" border="0" src="https://freight.cargo.site/w/1000/i/963945ed3a83fce8fd18a86c7fd43f6032a2ac6fabc92fbcf98b8d52f6635f98/28651700183999_.pic.jpg" /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎ Wireframe&nbsp; <img width="5103" height="3402" width_o="5103" height_o="3402" data-src="https://freight.cargo.site/t/original/i/2bdaf8b2197cff9ad143ef240f4427078c06f8cecd9b3dc4bf68fe0331b47844/Emotion-Monster.png" data-mid="221608655" border="0" alt="Wireframe for Kids' End" data-caption="Wireframe for Kids' End" src="https://freight.cargo.site/w/1000/i/2bdaf8b2197cff9ad143ef240f4427078c06f8cecd9b3dc4bf68fe0331b47844/Emotion-Monster.png" /> <img width="3371" height="2385" width_o="3371" height_o="2385" data-src="https://freight.cargo.site/t/original/i/e361d2a17d92d4b1a0c4fc8e121824151b4b6d3052f3cd9ebae646e89a3786b9/A0.png" data-mid="221608657" border="0" data-scale="98" alt="Wireframe for Parents' End" data-caption="Wireframe for Parents' End" src="https://freight.cargo.site/w/1000/i/e361d2a17d92d4b1a0c4fc8e121824151b4b6d3052f3cd9ebae646e89a3786b9/A0.png" /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎ Moodboard &amp; Color Exploration&nbsp; <img width="1459" height="2691" width_o="1459" height_o="2691" data-src="https://freight.cargo.site/t/original/i/74fac2eadb707140bbb70153d55e4edcb3ed312924e5da9cc0640462eb192cf9/Group-351.png" data-mid="221608663" border="0" data-scale="100" data-no-zoom src="https://freight.cargo.site/w/1000/i/74fac2eadb707140bbb70153d55e4edcb3ed312924e5da9cc0640462eb192cf9/Group-351.png" /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎ Design Guidelines<img width="1399" height="1974" width_o="1399" height_o="1974" data-src="https://freight.cargo.site/t/original/i/305c211ef6c2e90e2ba722b4f801c0c0fe07fc1fa7a56de8fe45868a66dc8f50/Group-402.png" data-mid="221608720" border="0" data-scale="99" data-no-zoom src="https://freight.cargo.site/w/1000/i/305c211ef6c2e90e2ba722b4f801c0c0fe07fc1fa7a56de8fe45868a66dc8f50/Group-402.png" /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎ Interface Iterations &nbsp; <img width="2388" height="1668" width_o="2388" height_o="1668" data-src="https://freight.cargo.site/t/original/i/fe6bebf5d28ca7cfb5e106997e0c69fe536c43536d5958212e3552168274fdf7/main-page-monster.gif" data-mid="221608664" border="0" src="https://freight.cargo.site/w/1000/i/fe6bebf5d28ca7cfb5e106997e0c69fe536c43536d5958212e3552168274fdf7/main-page-monster.gif" /> <img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/6adabbfca444164ad784d06896688d0d9cd0dc61bf189678c4b3b9cf9d8402e6/28731700191003_.pic_hd.jpg" data-mid="221608672" border="0" src="https://freight.cargo.site/w/1000/i/6adabbfca444164ad784d06896688d0d9cd0dc61bf189678c4b3b9cf9d8402e6/28731700191003_.pic_hd.jpg" /> <img width="1142" height="832" width_o="1142" height_o="832" data-src="https://freight.cargo.site/t/original/i/fcdf428f2404b72527ac45091927a883cc1b4dafa803e7dae4820c98186eb083/2023-11-17-11.05.02.png" data-mid="221608670" border="0" src="https://freight.cargo.site/w/1000/i/fcdf428f2404b72527ac45091927a883cc1b4dafa803e7dae4820c98186eb083/2023-11-17-11.05.02.png" /> <img width="268" height="237" width_o="268" height_o="237" data-src="https://freight.cargo.site/t/original/i/a32bc87b83f61ea0838e9824db32e6449e16fac6365e123e88cc2bf253b54475/ezgif.com-gif-maker.gif" data-mid="221608725" border="0" src="https://freight.cargo.site/w/268/i/a32bc87b83f61ea0838e9824db32e6449e16fac6365e123e88cc2bf253b54475/ezgif.com-gif-maker.gif" /> To ensure that the overall design aligns closely with children's usage habits and to foster a positive and joyful mood each time they open the app, I meticulously crafted multiple versions of many details. These were then repeatedly tested and refined to retain only the best iterations. ︎Key Features&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎&nbsp; Main Page&nbsp; <img width="831" height="578" width_o="831" height_o="578" data-src="https://freight.cargo.site/t/original/i/2c3ba054660412c72e91696cbaab78ea63f6a8f9867a76de09ee4fbd86d55958/ezgif.com-optimize.gif" data-mid="221608724" border="0" src="https://freight.cargo.site/w/831/i/2c3ba054660412c72e91696cbaab78ea63f6a8f9867a76de09ee4fbd86d55958/ezgif.com-optimize.gif" /> <img width="810" height="480" width_o="810" height_o="480" data-src="https://freight.cargo.site/t/original/i/6227d4377aeee21d9596d5bc2e78a13a3614f05d7830676f186cb19b04005863/Group-404.png" data-mid="221608728" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/810/i/6227d4377aeee21d9596d5bc2e78a13a3614f05d7830676f186cb19b04005863/Group-404.png" /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎ To Do List&nbsp; <img width="831" height="578" width_o="831" height_o="578" data-src="https://freight.cargo.site/t/original/i/d8f009d796c76cbf16937a8e7e0f46989fcddb6e14ec8e2029fcfc445807642f/ezgif.com-optimize-2.gif" data-mid="221608732" border="0" src="https://freight.cargo.site/w/831/i/d8f009d796c76cbf16937a8e7e0f46989fcddb6e14ec8e2029fcfc445807642f/ezgif.com-optimize-2.gif" /> <img width="831" height="578" width_o="831" height_o="578" data-src="https://freight.cargo.site/t/original/i/dbe9aa4466c043f9705e8fd5b5eb927ed40550496c4b63cd047e2f839d8fc73b/ezgif.com-optimize-3.gif" data-mid="221608733" border="0" src="https://freight.cargo.site/w/831/i/dbe9aa4466c043f9705e8fd5b5eb927ed40550496c4b63cd047e2f839d8fc73b/ezgif.com-optimize-3.gif" /> <img width="1482" height="303" width_o="1482" height_o="303" data-src="https://freight.cargo.site/t/original/i/c6352bec91316494c2e53124371e9c656e806809d0a738fa41dd9f129c95f5d1/Group-405.png" data-mid="221608734" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/c6352bec91316494c2e53124371e9c656e806809d0a738fa41dd9f129c95f5d1/Group-405.png" /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎ Emotion Gardens&nbsp; <img width="831" height="578" width_o="831" height_o="578" data-src="https://freight.cargo.site/t/original/i/57e49dfeb40bd52dc0cd52ac3e5ce7b665318200e934fef930df932612298d8e/ezgif.com-optimize-5.gif" data-mid="221608735" border="0" src="https://freight.cargo.site/w/831/i/57e49dfeb40bd52dc0cd52ac3e5ce7b665318200e934fef930df932612298d8e/ezgif.com-optimize-5.gif" /> <img width="831" height="578" width_o="831" height_o="578" data-src="https://freight.cargo.site/t/original/i/283dcd8d1d001af6c82d56b0e3b7bd321f97946f5ce69f6f7b12f1b7f4110cba/ezgif.com-optimize-6.gif" data-mid="221608736" border="0" src="https://freight.cargo.site/w/831/i/283dcd8d1d001af6c82d56b0e3b7bd321f97946f5ce69f6f7b12f1b7f4110cba/ezgif.com-optimize-6.gif" /> <img width="1489" height="398" width_o="1489" height_o="398" data-src="https://freight.cargo.site/t/original/i/d5ca5826b96ebb9f9790e12708df8140159bb185f5d6c630e1146fe8aea31cb9/Group-407.png" data-mid="221608737" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/d5ca5826b96ebb9f9790e12708df8140159bb185f5d6c630e1146fe8aea31cb9/Group-407.png" /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎ Whispering Bubbles&nbsp; <img width="831" height="578" width_o="831" height_o="578" data-src="https://freight.cargo.site/t/original/i/2e622c000ab7d33d5716474a2c1caded513a0f496b4316c810efe826e70a397c/ezgif.com-optimize-7.gif" data-mid="221608738" border="0" src="https://freight.cargo.site/w/831/i/2e622c000ab7d33d5716474a2c1caded513a0f496b4316c810efe826e70a397c/ezgif.com-optimize-7.gif" /> <img width="1354" height="1024" width_o="1354" height_o="1024" data-src="https://freight.cargo.site/t/original/i/069468a000a4cdbec2508fa1cf8eab644ebd702d6b92244b8360ea1239469630/28741700193514_.pic_hd.jpg" data-mid="221608690" border="0" src="https://freight.cargo.site/w/1000/i/069468a000a4cdbec2508fa1cf8eab644ebd702d6b92244b8360ea1239469630/28741700193514_.pic_hd.jpg" /> <img width="1325" height="392" width_o="1325" height_o="392" data-src="https://freight.cargo.site/t/original/i/8ce1dd4cd7f914005fbc7ec5047ad1d1f43c61feb835ae9a434582bc620df4ef/Group-408.png" data-mid="221608762" border="0" src="https://freight.cargo.site/w/1000/i/8ce1dd4cd7f914005fbc7ec5047ad1d1f43c61feb835ae9a434582bc620df4ef/Group-408.png" /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎ Wireframe Demo Below, you'll find a demonstration of my project created in Figma.Kindly note that the loading may require a brief moment, and there might be a slight delay/lag in the animation due to loading factors. Have fun with it ︎ ︎Prototype<img width="1252" height="1345" width_o="1252" height_o="1345" data-src="https://freight.cargo.site/t/original/i/199f1393b793f706400a509cfb1df7a88df283f0bc7552e61ad8c2df6698bd58/Group-414.png" data-mid="221608741" border="0" data-scale="96" data-no-zoom src="https://freight.cargo.site/w/1000/i/199f1393b793f706400a509cfb1df7a88df283f0bc7552e61ad8c2df6698bd58/Group-414.png" /> <img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/397c5db6ebd9bd1a42f41c9a636e6be0a28da30241b54f5264e37536fb410cbf/28871700196977_.pic_hd.jpg" data-mid="221608699" border="0" src="https://freight.cargo.site/w/1000/i/397c5db6ebd9bd1a42f41c9a636e6be0a28da30241b54f5264e37536fb410cbf/28871700196977_.pic_hd.jpg" /> <img width="1616" height="1080" width_o="1616" height_o="1080" data-src="https://freight.cargo.site/t/original/i/82756dce8736c76baaa466345c1b7cc819403401740b74d8c34920ae1b5d09d7/28881700197756_.pic_hd.jpg" data-mid="221608700" border="0" src="https://freight.cargo.site/w/1000/i/82756dce8736c76baaa466345c1b7cc819403401740b74d8c34920ae1b5d09d7/28881700197756_.pic_hd.jpg" /> <img width="1412" height="1080" width_o="1412" height_o="1080" data-src="https://freight.cargo.site/t/original/i/a30db501b9c0516ee3bd1679b39371c647d74e61c68383167819b4d5ea0500f7/28891700197757_.pic_hd.jpg" data-mid="221608701" border="0" src="https://freight.cargo.site/w/1000/i/a30db501b9c0516ee3bd1679b39371c647d74e61c68383167819b4d5ea0500f7/28891700197757_.pic_hd.jpg" /> <img width="931" height="1194" width_o="931" height_o="1194" data-src="https://freight.cargo.site/t/original/i/01792b3b6f5da8deeeec6b02ba480c773554f1a4e44e5114dfc9ae3236d5d58d/28901700197758_.pic_hd.jpg" data-mid="221608702" border="0" src="https://freight.cargo.site/w/931/i/01792b3b6f5da8deeeec6b02ba480c773554f1a4e44e5114dfc9ae3236d5d58d/28901700197758_.pic_hd.jpg" /> 06 Business Model &nbsp; &nbsp; &nbsp; &nbsp; ︎Market TrendIn the Zuora SEI March 2023 report,&nbsp;17% Compound Annual Growth Rate (CAGR), significantly outpacing the S&amp;P 500's 4.6% over the same period. Despite macroeconomic challenges, these SEI companies maintained robust growth, recording a 12% revenue increase in 2022, surpassing the S&amp;P 500's 10.6%. In terms of Average Revenue Per Account (ARPA) and Subscriber acquisition, both metrics exhibited fluctuations over 16 quarters, yet the overall trendlines indicate a consistent growth pattern, highlighting the ongoing expansion and resilience of the subscription economy. <img width="1328" height="274" width_o="1328" height_o="274" data-src="https://freight.cargo.site/t/original/i/4dd0c2ebe7167860e792ca09298e2f4fa1848584854ecca78a864164d68a46cf/Group-415.png" data-mid="221608744" border="0" data-scale="98" src="https://freight.cargo.site/w/1000/i/4dd0c2ebe7167860e792ca09298e2f4fa1848584854ecca78a864164d68a46cf/Group-415.png" /> &nbsp; &nbsp; The significance of customer retention strategies is further underscored by findings in Stripe's "The State of Subscription and Billing Management" report. This report reaffirms the necessity of having a flexible monetization model and employing promotional pricing as critical tactics. These approaches are vital for optimizing pricing, maintaining, and expanding customer bases, especially in the face of economic uncertainties. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎Software as a Service (SaaS)The fundamental distinction between subscription models and freemium/one-time purchase (OTP) models is rooted in their revenue structures: subscriptions are pay-per-service, while freemium/OTP is pay-per-product. The subscription model inherently promotes a dynamic and continuous engagement with consumers. Financially, it provides a steady stream of revenue through ongoing service provision, contingent on the renewal of subscriptions by customers. Further, it also plays a key role in adapting to changing market dynamics, thereby ensuring the continued growth and stability of subscription-based businesses.This model's emphasis on sustained interaction underscores the critical role of customer satisfaction as a central pillar of customer loyalty. In delivering exceptional service, key strategies include: Managing Incentives: Many companies enhance customer loyalty by offering rewards and incentives that encourage continuous engagement and subscription renewals.Managing Expectations: It's crucial to set realistic expectations with customers and then strive to exceed them. This approach builds trust and enhances customer satisfaction.Managing Information: Effective use of surveys, complaint and suggestion systems, sentiment analysis, and mystery shopping can provide valuable insights into customer needs and perceptions, guiding improvements in service and product offerings.Managing Crisis: Successfully navigating and resolving crises can turn potential negatives into opportunities for demonstrating commitment to customer satisfaction. Timely and effective crisis management can enhance brand perception and loyalty.︎A Hybrid of Subscription and Freemium&nbsp; The monetization models for similar products can generally be divided into two categories: one is a subscription model that unlocks a paywall to access essential additional functions, and the other is a one-time purchase model to unlock elements like themes, avatars, etc. <img width="1822" height="1209" width_o="1822" height_o="1209" data-src="https://freight.cargo.site/t/original/i/d8858cb4b7eaf02505e54bd491be6f61ecc9dac531b183e9ce89e79b88b9e93a/Group-417.png" data-mid="221608745" border="0" data-scale="72" src="https://freight.cargo.site/w/1000/i/d8858cb4b7eaf02505e54bd491be6f61ecc9dac531b183e9ce89e79b88b9e93a/Group-417.png" />Fuzzy Huggy, however, will adopt a hybrid of a subscription model and a freemium model, and distinguishes itself by offering more tiered options compared to its competitors. This strategy benefits both the users and the company. For users, it provides greater flexibility and choice, allowing them to select a subscription level that best fits their needs and budget. For the company, this approach not only caters to a wider range of consumer preferences but also has the potential to increase customer satisfaction and loyalty, thereby enhancing revenue opportunities and market positioning.&nbsp;<img width="1949" height="587" width_o="1949" height_o="587" data-src="https://freight.cargo.site/t/original/i/1672183a9b50fa6ad829aa0c8ce34b83d851d94a804a26e729682852653e0833/Group-421.png" data-mid="221608746" border="0" src="https://freight.cargo.site/w/1000/i/1672183a9b50fa6ad829aa0c8ce34b83d851d94a804a26e729682852653e0833/Group-421.png" /><img width="1992" height="758" width_o="1992" height_o="758" data-src="https://freight.cargo.site/t/original/i/e94a33b7dd981325ed804ca41941531c51d7b58f3967d94bb498cb7b92de8fc7/2023-12-17-22.51.12.png" data-mid="221608754" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/e94a33b7dd981325ed804ca41941531c51d7b58f3967d94bb498cb7b92de8fc7/2023-12-17-22.51.12.png" /> 07 Refelection<img width="2043" height="581" width_o="2043" height_o="581" data-src="https://freight.cargo.site/t/original/i/ed2374ca8555c07444c9dc7d6210dc095ecdaded3b9645d999c4250882819803/Group-526.png" data-mid="221608761" border="0" src="https://freight.cargo.site/w/1000/i/ed2374ca8555c07444c9dc7d6210dc095ecdaded3b9645d999c4250882819803/Group-526.png" /> 08 Credits <img width="1308" height="393" width_o="1308" height_o="393" data-src="https://freight.cargo.site/t/original/i/034db0ecd8a44050b6d680885f9e1d4c19d10313af453b19068856c17362435e/Group-352.png" data-mid="221608671" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/034db0ecd8a44050b6d680885f9e1d4c19d10313af453b19068856c17362435e/Group-352.png" /> // JavaScript for scroll to top functionality and navigation bar visibility window.addEventListener('scroll', function() { var scrollPosition = window.pageYOffset || document.documentElement.scrollTop; var scrollToTopBtn = document.querySelector('.scroll-to-top'); var navigationBar = document.querySelector('.navigation'); // Show the scroll-to-top button after a certain scroll position if (scrollPosition > 500) { scrollToTopBtn.style.display = 'block'; } else { scrollToTopBtn.style.display = 'none'; } // Always show the navigation bar after the user has scrolled past a certain point (e.g., 100px) if (scrollPosition > 100) { navigationBar.style.display = 'block'; // or you can use navigationBar.classList.add('visible'); } else { navigationBar.style.display = 'none'; // or you can use navigationBar.classList.remove('visible'); } }); // Scroll to top when the button is clicked document.querySelector('.scroll-to-top').onclick = function() { window.scrollTo({ top: 0, behavior: 'smooth' }); }; // Logic for updating navigation links when the DOM is fully loaded document.addEventListener('DOMContentLoaded', (event) => { const sections = document.querySelectorAll('h2[id]'); const navLinks = document.querySelectorAll('.navigation a'); function changeLinkState() { let index = sections.length; while(--index && window.scrollY + window.innerHeight/2 < sections[index].offsetTop) {} navLinks.forEach((link) => link.classList.remove('active')); navLinks[index] && navLinks[index].classList.add('active'); } changeLinkState(); window.addEventListener('scroll', changeLinkState); }); // IntersectionObserver for navigation dots document.addEventListener('DOMContentLoaded', (event) => { const observerOptions = { root: null, rootMargin: '0px', threshold: 0.5, }; const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { const id = entry.target.getAttribute('id'); const navLink = document.querySelector(`.navigation a[href="#${id}"] .dot`); if (entry.isIntersecting) { navLink.classList.add('active'); navLink.classList.remove('hollow'); } else { navLink.classList.remove('active'); navLink.classList.add('hollow'); } }); }, observerOptions); document.querySelectorAll('section[id]').forEach((section) => { observer.observe(section); }); }); https://anniesunxt.com/Ito-Revitalization-Service-Design Tue, 12 Nov 2024 03:14:45 +0000 Annie's Wonderland https://anniesunxt.com/Ito-Revitalization-Service-Design .feature-background { background-color: rgba(195, 214, 246, 0.13); /* Adjust the color and opacity as needed */ padding: 20px 0; /* Adjust the vertical padding as needed */ width: 200%; position: relative; left: 50%; transform: translateX(-50%); box-sizing: border-box; z-index: -1; /* Ensures the background stays behind the content */ } .feature-content { position: relative; z-index: 1; /* Ensures the content stays above the background */ max-width: 100%; /* Limit the width of the content */ width:60vw; margin: 0 auto; /* Center the content */ padding: 0 15px; /* Add padding on the sides */ } .extended-gallery-background { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 200%; /* Adjust as needed */ height: 100%; /* Adjust as needed */ padding-top: 20px; /* Adds space above the gallery */ padding-bottom: 20px; /* Adds space below the gallery */ background-color: rgba(190, 197, 188, 0.7); /* Semi-transparent green */ z-index: -1; /* Keeps it in the background */ } .gallery-and-background-container { position: relative; } .image-gallery-container { margin-left: -10vw; /* Adjust as needed */ margin-right: -10vw; /* Adjust as needed */ text-align: center; } .full-width-frame { width: 70vw !important; height: auto !important; /* Adjust height as needed */ left: 50% !important; right: 50% !important; margin-left: -1000px !important; margin-right:-1000px !important; } .image-container { width: auto; /* Make the background width the same as the page */ text-align: center; } .image-bar { background-color: rgba(161, 195, 229, 0.5); /* Adjust the alpha value to control opacity */ display: block; padding: 10px; /* Adjust the padding as needed */ margin-left: -1000px; margin-right:-1000px } .image-background { background-color: rgba(161, 195, 229, 0.4); /* Adjust the alpha value to control opacity */ display: block; padding: 10px; /* Adjust the padding as needed */ margin: -10px } .navigation { position: fixed; top: 50%; right: 24px; width: 50px; /* Initial width to fit the dots */ overflow: hidden; transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out; /* Add background-color transition */ transform: translateY(-50%); z-index: 1000; /* Add a transparent background by default */ background-color: rgba(255, 255, 255, 0); /* Fully transparent */ } .navigation-hidden { display: none; } .navigation a { display: block; margin-bottom: 10px; color: #333; text-decoration: none; text-align: center; /* Center text by default */ padding-left: 20px; /* Add padding to push text away from the dots */ } .navigation:hover a { text-align: left; /* Align text to the left on hover */ } .navigation a.active { color: #2d3243; font-weight: bold; } .navigation a .dot { height: 10px; width: 10px; background-color: transparent; /* Hollow by default */ border: 2px solid rgba(161, 195, 229, 0.5); /* Orange border for the hollow dots */ border-radius: 50%; display: inline-block; margin-right: 10px; transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out; /* Transition for the fill effect */ vertical-align: middle; } .navigation a.active .dot { background-color: rgba(161, 195, 229, 0.5); /* Orange fill when active */ transition: background-color 0.3s ease; /* Transition for the fill effect */ } .navigation:hover { width: 220px; background-color: #a1c3e5; padding-top: 5px; padding-bottom: 2px; } .navigation a span.nav-text { display: none; /* Hide text by default */ vertical-align: middle; /* Align text vertically with dot */ } .navigation:hover a span.nav-text { display: inline; /* Show text on hover */ } .navigation a span.nav-text { display: none; /* Hide text by default */ vertical-align: middle; /* Align text vertically with dot */ } .navigation:hover a span.nav-text { display: inline; padding-left:0; } .navigation:hover a .dot { display: none; /* Hide dots on hover */ } .navigation a .dot.hollow { background-color: transparent; } .navigation a span { display: none; vertical-align: super; } .navigation:hover a span { display: inline; } .navigation a:hover { background-color: rgba(250 250, 250, 0.8); transition: background-color 0.3s ease; /* Smooth transition for background color */ } .scroll-to-top { display: none; position: fixed; bottom: 20px; right: 24px; /* Increase the right margin to move it to the left */ background: rgba(161, 195, 229, 0.7); color: #fff; width: 35px; /* Smaller width for a smaller circle */ height: 35px; /* Smaller height to match the width */ line-height: 30px; /* Adjust line-height to vertically center the text */ text-align: center; /* Center the text horizontally */ border-radius: 50%; /* This makes it a circle */ font-size: 25px; /* Larger font size for the text */ cursor: pointer; z-index: 1000; } 01 Background 02 Secondary Research 03 Primary Research 04 Initial Ideation 05 Revision 06 Solution 07 Presentation &amp; Feedbacks 08 Related Project ↑ <img width="2178" height="859" width_o="2178" height_o="859" data-src="https://freight.cargo.site/t/original/i/8b9733eae581064482d36d71b5e7e1017bf9f883d3e4b37d3e6bbd95fb0889a5/Group-426.png" data-mid="221608968" border="0" data-scale="100" data-no-zoom data-marker-id="2" src="https://freight.cargo.site/w/1000/i/8b9733eae581064482d36d71b5e7e1017bf9f883d3e4b37d3e6bbd95fb0889a5/Group-426.png" /> 01 Background<img width="1400" height="429" width_o="1400" height_o="429" data-src="https://freight.cargo.site/t/original/i/37fdfa7306cb7aebe593dcbfb5f099c7ba948f524bd6a24838dd4cbf0f3d7e26/Group-429.png" data-mid="221608974" border="0" data-scale="100" data-no-zoom src="https://freight.cargo.site/w/1000/i/37fdfa7306cb7aebe593dcbfb5f099c7ba948f524bd6a24838dd4cbf0f3d7e26/Group-429.png" /> 02 Secondary Research︎Aging Problems <img width="2064" height="1251" width_o="2064" height_o="1251" data-src="https://freight.cargo.site/t/original/i/d94d16d1b4206bd19a708a636c8676f72900fba415c4d9c721fdbd8cb799f4a9/Ito_City_Population_1995_2020.png" data-mid="221608976" border="0" src="https://freight.cargo.site/w/1000/i/d94d16d1b4206bd19a708a636c8676f72900fba415c4d9c721fdbd8cb799f4a9/Ito_City_Population_1995_2020.png" /> <img width="1243" height="1010" width_o="1243" height_o="1010" data-src="https://freight.cargo.site/t/original/i/d06f1b45696af018e93fc52553f383372b6914d91c8688ef7b8483a4e5ad2e72/Age_Distribution_Ito_City_2020.png" data-mid="221608978" border="0" src="https://freight.cargo.site/w/1000/i/d06f1b45696af018e93fc52553f383372b6914d91c8688ef7b8483a4e5ad2e72/Age_Distribution_Ito_City_2020.png" /> <img width="2060" height="1536" width_o="2060" height_o="1536" data-src="https://freight.cargo.site/t/original/i/818a952adc91b8531ccac5d904f17fbd364ac4ab379222bbcda4164a49f05a40/Age_Distribution_Detailed_Ito_City_2020.png" data-mid="221608980" border="0" src="https://freight.cargo.site/w/1000/i/818a952adc91b8531ccac5d904f17fbd364ac4ab379222bbcda4164a49f05a40/Age_Distribution_Detailed_Ito_City_2020.png" /> <img width="1379" height="1318" width_o="1379" height_o="1318" data-src="https://freight.cargo.site/t/original/i/ce9bdda7438d4480b64e82d7c1f7a1ce8bc025bdcd2ee73403953bfbe4402927/Citizenship_Distribution_Ito_City_2020.png" data-mid="221608979" border="0" src="https://freight.cargo.site/w/1000/i/ce9bdda7438d4480b64e82d7c1f7a1ce8bc025bdcd2ee73403953bfbe4402927/Citizenship_Distribution_Ito_City_2020.png" /> &nbsp; &nbsp; Based on Japanese census data, Itō City's population has steadily decreased from 72,287 in 1995 to 65,491 in 2020. This decline is accompanied by an aging demographic, with significant portions of the population in older age brackets (13,700 aged 70-79 and 9,757 aged 60-69). This trend highlights an aging and shrinking population. As a result, there's an increasing need for services tailored to older adults, such as healthcare and elder care. The city's predominantly Japanese population and its aging demographic make it less vibrant and potentially less appealing to younger generations and tourists. Current cultural programs in Ito are likely to focus on native customs, reflecting the interests of its aging residents. ︎Features <img width="1301" height="506" width_o="1301" height_o="506" data-src="https://freight.cargo.site/t/original/i/d96109457cee94d70349a112efb1858e195334aabd469547ff4ce71c7f397da3/Group-433.png" data-mid="221608982" border="0" data-scale="100" data-no-zoom src="https://freight.cargo.site/w/1000/i/d96109457cee94d70349a112efb1858e195334aabd469547ff4ce71c7f397da3/Group-433.png" /> ︎Literacy and Artistic Heritage <img width="500" height="375" width_o="500" height_o="375" data-src="https://freight.cargo.site/t/original/i/f2f8654a3aa534e8abb93e8274ddd4c66f34d8fcef901bf3d8fa5acde1670131/6838433875_f6f33c2bdb.jpg" data-mid="221608983" border="0" src="https://freight.cargo.site/w/500/i/f2f8654a3aa534e8abb93e8274ddd4c66f34d8fcef901bf3d8fa5acde1670131/6838433875_f6f33c2bdb.jpg" /> <img width="1470" height="982" width_o="1470" height_o="982" data-src="https://freight.cargo.site/t/original/i/7b4f40850fdbf9b66237b3b3aadd8c6de6b0a3766a9af9c6545c8f6eb6626a03/2023-11-26-22.41.28.png" data-mid="221608984" border="0" src="https://freight.cargo.site/w/1000/i/7b4f40850fdbf9b66237b3b3aadd8c6de6b0a3766a9af9c6545c8f6eb6626a03/2023-11-26-22.41.28.png" /> <img width="435" height="700" width_o="435" height_o="700" data-src="https://freight.cargo.site/t/original/i/225ceaae37b62f6fac00706e00f90f499e37a33fb692def93a1826c6e4a0d372/14030.jpg" data-mid="221608985" border="0" src="https://freight.cargo.site/w/435/i/225ceaae37b62f6fac00706e00f90f499e37a33fb692def93a1826c6e4a0d372/14030.jpg" /> Ito, a city on the Izu Peninsula, is renowned for its serene and inspiring environment. This area has been a sanctuary for many literary and artistic figures. It is the birthplace of Mokutaro Kinoshita, a renowned poet and pathologist. Additionally, it has inspired works such as Yasunari Kawabata's "The Dancing Girl of Izu" and poet Edmund Blunden's "To the Citizens of Ito." 03 Primary Research <img width="1735" height="681" width_o="1735" height_o="681" data-src="https://freight.cargo.site/t/original/i/918d56cdcbe9e18bdba287d552929a18df24b93e4d3117ad565b888ca1d24bbc/Group-438.png" data-mid="221609036" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/918d56cdcbe9e18bdba287d552929a18df24b93e4d3117ad565b888ca1d24bbc/Group-438.png" /> ︎Persona<img width="1307" height="1101" width_o="1307" height_o="1101" data-src="https://freight.cargo.site/t/original/i/bbb36b3e0a2bb312caefde2531d7851c2002ac04a2aee08603e2d64eb6592324/Group-446.png" data-mid="221608996" border="0" data-scale="92" src="https://freight.cargo.site/w/1000/i/bbb36b3e0a2bb312caefde2531d7851c2002ac04a2aee08603e2d64eb6592324/Group-446.png" /> In our visitor analysis, we've identified two primary groups: the Leisure-Focused Foreign Group and the Young Explorers Group. The former group is drawn to relaxing activities, seeking tranquility and leisure. However, our primary target audience for the GOLOSO Cycling Rental Store is the latter group - the Young Explorers. These visitors infuse the town with a vibrant and active energy, perfectly aligning with the dynamic spirit of our bicycle rental service. They are not just customers; they're vital contributors to the lively atmosphere we aim to cultivate in Ito. <img width="1307" height="1101" width_o="1307" height_o="1101" data-src="https://freight.cargo.site/t/original/i/237d18e0807b95009f49f6825c7b7bd69a0b5c09580063410e7b3e66c1ce83e6/Group-447.png" data-mid="221608997" border="0" data-scale="92" src="https://freight.cargo.site/w/1000/i/237d18e0807b95009f49f6825c7b7bd69a0b5c09580063410e7b3e66c1ce83e6/Group-447.png" /> In assessing the residents' perspectives on revitalizing the local community, we've categorized them into two distinct groups, primarily distinguished by age and lifestyle patterns: the Ambitious Middle-Aged Group and the Content Elderly Group. Understanding their diverse viewpoints is crucial for developing a community revitalization plan that resonates with and respects the needs and preferences of all residents. 04 Initial Ideation<img width="1566" height="2594" width_o="1566" height_o="2594" data-src="https://freight.cargo.site/t/original/i/fde0eb71aeee4dbe9d09516e83d574ab603b1f699a5532eb203732fed941b1fa/Group-453.png" data-mid="221609037" border="0" src="https://freight.cargo.site/w/1000/i/fde0eb71aeee4dbe9d09516e83d574ab603b1f699a5532eb203732fed941b1fa/Group-453.png" /> However, during our initial informal presentation to the local community committee, despite receiving satisfactory and encouraging feedback, we found ourselves less content with our product. Engaging in extensive discussions with committee members, who shared their personal stories and experiences in Ito, we recognized a disconnect between our map and the current lives of the residents. This realization prompted us to revisit our fieldwork and adopt a different approach for the final product, aiming to create a map that more relevant to the community's present-day reality. <img width="4608" height="3072" width_o="4608" height_o="3072" data-src="https://freight.cargo.site/t/original/i/b4826cc1058114deb8e46ce419947247471a956cbf60251e3a9004d804036831/P8120227.JPG" data-mid="221609001" border="0" src="https://freight.cargo.site/w/1000/i/b4826cc1058114deb8e46ce419947247471a956cbf60251e3a9004d804036831/P8120227.JPG" /> <img width="4608" height="3072" width_o="4608" height_o="3072" data-src="https://freight.cargo.site/t/original/i/490783becd0990a72b34511080726c52e1e8bdf613781151f579c7803ecb9aa8/P8120269.JPG" data-mid="221609000" border="0" src="https://freight.cargo.site/w/1000/i/490783becd0990a72b34511080726c52e1e8bdf613781151f579c7803ecb9aa8/P8120269.JPG" /> <img width="4608" height="3072" width_o="4608" height_o="3072" data-src="https://freight.cargo.site/t/original/i/6b84da0fb09fbd7e301f2ac9076678526544faee3f9e2b91fa5315cb4cf33139/P8120238.JPG" data-mid="221609002" border="0" src="https://freight.cargo.site/w/1000/i/6b84da0fb09fbd7e301f2ac9076678526544faee3f9e2b91fa5315cb4cf33139/P8120238.JPG" /> 05 Revision &nbsp; &nbsp; ︎Field Trip, Once Again On our second visit, we shifted from interviewing to an observational 'fly on the wall' approach, focusing more on subtle details and behavioral patterns. This change in perspective revealed aspects previously unnoticed. <img width="1368" height="386" width_o="1368" height_o="386" data-src="https://freight.cargo.site/t/original/i/57221131a53eff73e2857a3d6b3f0d0b2b964ef95cbf8c713b3652a2f9427b92/Group-454.png" data-mid="221609003" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/57221131a53eff73e2857a3d6b3f0d0b2b964ef95cbf8c713b3652a2f9427b92/Group-454.png" /> As a result, we conceptualized the next version of our project with a primary focus on the themes of the sea and fish. Upon further observation, we noticed a distinct pattern in how people choose their walking paths. <img width="1379" height="966" width_o="1379" height_o="966" data-src="https://freight.cargo.site/t/original/i/1ebf38623ea04966709270c1f730a397d856d3f0e3de140ab96e27208c3fcbd6/Group-455.png" data-mid="221609015" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/1ebf38623ea04966709270c1f730a397d856d3f0e3de140ab96e27208c3fcbd6/Group-455.png" /> Ultimately, we set out on yet another cycling adventure, following the coastline's ascent. This expedition yielded crucial insights and inspiration. To effectively quantify and visualize our route, we utilized a portable GPS tracker to gather key geographical data. This data played a pivotal role in enriching our grasp of the spatial arrangement of key attractions and their public image. Such an enriched understanding proved vital in fine-tuning our approach towards the revitalization of local tourism. We integrated our observations, feelings, and the collected data into the journey map presented below. This map not only reflects our personal experiences but also incorporates the broader public sentiment, offering a comprehensive view of the potential for revitalization in Ito. ︎Visitors Journey Map <img width="6136" height="7985" width_o="6136" height_o="7985" data-src="https://freight.cargo.site/t/original/i/5d9a37477db24edde38292686ae7f06ece1d8f85fb2108d8b98d41bbf37313c9/Journey_Map_to_plot_the_customer_experience_by_Essense_-_Frame_15_1-2.png" data-mid="221609041" border="0" src="https://freight.cargo.site/w/1000/i/5d9a37477db24edde38292686ae7f06ece1d8f85fb2108d8b98d41bbf37313c9/Journey_Map_to_plot_the_customer_experience_by_Essense_-_Frame_15_1-2.png" /> <img width="13799" height="3550" width_o="13799" height_o="3550" data-src="https://freight.cargo.site/t/original/i/eba837ed68bce920df81f9b9c6c02e0e63c5b64aaa00ee04eddcca3b8b509ce3/Journey-Map-to-plot-the-customer-experience-by-Essense---Frame-18.jpg" data-mid="221609044" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/eba837ed68bce920df81f9b9c6c02e0e63c5b64aaa00ee04eddcca3b8b509ce3/Journey-Map-to-plot-the-customer-experience-by-Essense---Frame-18.jpg" /> ︎Strategic Considerations <img width="2880" height="1030" width_o="2880" height_o="1030" data-src="https://freight.cargo.site/t/original/i/ec98c09580ff19d6f65dd6af7e7a43f57074a1d1cf23f20a6a6ee6d10876caf6/Group-528.png" data-mid="221609047" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/ec98c09580ff19d6f65dd6af7e7a43f57074a1d1cf23f20a6a6ee6d10876caf6/Group-528.png" /> 06 Solution ︎ideation <img width="3110" height="2073" width_o="3110" height_o="2073" data-src="https://freight.cargo.site/t/original/i/323a936d175ae127b57790246fc42a4c61c3f8a1a17ff04b280648a2718f28a3/IMG_2474.JPG" data-mid="221609013" border="0" src="https://freight.cargo.site/w/1000/i/323a936d175ae127b57790246fc42a4c61c3f8a1a17ff04b280648a2718f28a3/IMG_2474.JPG" /> <img width="2240" height="1590" width_o="2240" height_o="1590" data-src="https://freight.cargo.site/t/original/i/7d40b766f0db85c6c2e3d183d9a24693395bb8db73c99c7f756ab85339bfc0d0/IMG_2472.JPG" data-mid="221609011" border="0" src="https://freight.cargo.site/w/1000/i/7d40b766f0db85c6c2e3d183d9a24693395bb8db73c99c7f756ab85339bfc0d0/IMG_2472.JPG" /> <img width="4608" height="3072" width_o="4608" height_o="3072" data-src="https://freight.cargo.site/t/original/i/4ebe86625751db5040ae36d777692c40709e0f58ce16ecef551cf8e353024090/P8120256.JPG" data-mid="221609027" border="0" src="https://freight.cargo.site/w/1000/i/4ebe86625751db5040ae36d777692c40709e0f58ce16ecef551cf8e353024090/P8120256.JPG" /> <img width="1608" height="1023" width_o="1608" height_o="1023" data-src="https://freight.cargo.site/t/original/i/2015f515b2749271ed84fe61dbc48a465fac9825bde61a6fadae04c9ed1f92e5/IMG_2475.JPG" data-mid="221609014" border="0" src="https://freight.cargo.site/w/1000/i/2015f515b2749271ed84fe61dbc48a465fac9825bde61a6fadae04c9ed1f92e5/IMG_2475.JPG" /> In crafting the cycling route, we employed a hands-on method by printing out photos of potential sites and arranging them alongside a map of Ito. This visual and interactive approach enabled us to intuitively design a route that not only highlighted Ito's rich fishing culture but also ensured a seamless and engaging journey for cyclists. By physically mapping out the journey, we could better understand the geographical and thematic connections between sites, leading to a more coherent and captivating experience.<img width="2036" height="598" width_o="2036" height_o="598" data-src="https://freight.cargo.site/t/original/i/431bd45aebb35d5612a5112ceca63549af20f8620a571e6c705b564c0bd0ef9b/Group-459.png" data-mid="221609050" border="0" src="https://freight.cargo.site/w/1000/i/431bd45aebb35d5612a5112ceca63549af20f8620a571e6c705b564c0bd0ef9b/Group-459.png" /> <img width="1083" height="505" width_o="1083" height_o="505" data-src="https://freight.cargo.site/t/original/i/00aa66f1da79be2fc860ebca892035c78c3f622d169496101f00c48b5c9d108c/Group-461.png" data-mid="221609048" border="0" data-scale="93" src="https://freight.cargo.site/w/1000/i/00aa66f1da79be2fc860ebca892035c78c3f622d169496101f00c48b5c9d108c/Group-461.png" /> The design process, constrained by time and tools, primarily involved hand-drawn elements. We used oil pastels and toothpicks for the site logos, which were then scanned for use. ︎the Cycling Map <img width="1484" height="830" width_o="1484" height_o="830" data-src="https://freight.cargo.site/t/original/i/68c2b6820dbedbf526a51760ba2664d8b8a0b9e485d352daa1dd37357d54f3b2/2023-11-28-18.42.25.png" data-mid="221609020" border="0" src="https://freight.cargo.site/w/1000/i/68c2b6820dbedbf526a51760ba2664d8b8a0b9e485d352daa1dd37357d54f3b2/2023-11-28-18.42.25.png" /> <img width="1478" height="836" width_o="1478" height_o="836" data-src="https://freight.cargo.site/t/original/i/b123c556ebf14f7f6e48541e13107220fd545734c5c14a20fd8a6c63f2b8d66c/2023-11-28-18.42.37.png" data-mid="221609021" border="0" src="https://freight.cargo.site/w/1000/i/b123c556ebf14f7f6e48541e13107220fd545734c5c14a20fd8a6c63f2b8d66c/2023-11-28-18.42.37.png" /> Our narrative, inspired by the lives of local fishermen, parallels the life of an Ito fisherman with the physical journey along our route. His story begins with carefree childhood days on the beach, learning the art of fishing, akin to the gentle slopes at the start of the route. As he matures into adulthood, he witnesses the evolution of the local fishing industry, marked by the introduction of Western techniques and modern vessels. This period of transformation mirrors the steeper slopes, symbolizing the challenges and changes he faces. His life progresses from a diligent fish market deliveryman to a successful shop owner, husband, and father. These middle years, filled with both struggles and achievements, are like the varying gradients along the route, leading up to the reflective moments at Shiofuki Park. Here, atop the metaphorical and literal high point of the journey, he experiences a flood of memories and emotions. Encouraging visitors to ride over the mountain and reach the top park, the narrative mirrors the fisherman's long journey upwards, symbolizing perseverance and the reward of reaching life's summits. ︎the Cycling Map<img width="1456" height="2673" width_o="1456" height_o="2673" data-src="https://freight.cargo.site/t/original/i/47162ca6c2bbc6db75fc904f7f40d2958f0d191932cff9771dfd2ffcae9c214a/Group-541.png" data-mid="221609064" border="0" src="https://freight.cargo.site/w/1000/i/47162ca6c2bbc6db75fc904f7f40d2958f0d191932cff9771dfd2ffcae9c214a/Group-541.png" />︎User Journey Map <img width="8439" height="5806" width_o="8439" height_o="5806" data-src="https://freight.cargo.site/t/original/i/7e52be7c2d4a861e231e5f2ee229adb765ed082a664bbbad58687b234c19b084/Journey_Map_to_plot_the_customer_experience_by_Essense_-_Frame_16.png" data-mid="221609065" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/7e52be7c2d4a861e231e5f2ee229adb765ed082a664bbbad58687b234c19b084/Journey_Map_to_plot_the_customer_experience_by_Essense_-_Frame_16.png" /> 07 Presentation &amp; Feedbacks <img width="4608" height="3072" width_o="4608" height_o="3072" data-src="https://freight.cargo.site/t/original/i/ea631791634a84f286908de63506bce2b74dd07b0d823d56a7a380402cf9e62b/P8180091.JPG" data-mid="221609026" border="0" src="https://freight.cargo.site/w/1000/i/ea631791634a84f286908de63506bce2b74dd07b0d823d56a7a380402cf9e62b/P8180091.JPG" /> <img width="4608" height="3072" width_o="4608" height_o="3072" data-src="https://freight.cargo.site/t/original/i/150f37c7591b6946f1ba90b2bf4fa7aab03fd17fe435651c1afe5fa5210b8a60/P8170060.JPG" data-mid="221609029" border="0" src="https://freight.cargo.site/w/1000/i/150f37c7591b6946f1ba90b2bf4fa7aab03fd17fe435651c1afe5fa5210b8a60/P8170060.JPG" /> <img width="4608" height="3072" width_o="4608" height_o="3072" data-src="https://freight.cargo.site/t/original/i/d72580ed1f884b7658df8d6a4503cfb8ff00148ac3ba392e2d2d277b3f88bd91/P8180079.JPG" data-mid="221609028" border="0" src="https://freight.cargo.site/w/1000/i/d72580ed1f884b7658df8d6a4503cfb8ff00148ac3ba392e2d2d277b3f88bd91/P8180079.JPG" /> The final project, encompassing more than just a presentation to the owners of the GOLOSO bicycle rental shop, was also showcased to the local community committee, residents, foreign visitors, and professionals in urban and architectural design, as well as the local city government. The feedback we received was overwhelmingly positive. One resident, in particular, was fond of the idea of adorning buildings with fish-themed art. She expressed, "We are typically reserved and find it hard to express our feelings, but this continuous stream of paintings makes us feel more connected." The subsequent implementation and execution of the project, along with the refinement of the design, were handed over to a more specialized local team and a group dedicated to local revitalization. This transition ensured that the project would be carried out with professional expertise and a deep understanding of the community's needs and aspirations. 08 Related Project <img width="1130" height="1080" width_o="1130" height_o="1080" data-src="https://freight.cargo.site/t/original/i/92ef4457ba8b96a06f744dd24ce99d0d4b3cc2299aa549f99f37d9bdd0cce79a/8e05af27a4aab06badb2287a403737b1.JPG" data-mid="221609031" border="0" src="https://freight.cargo.site/w/1000/i/92ef4457ba8b96a06f744dd24ce99d0d4b3cc2299aa549f99f37d9bdd0cce79a/8e05af27a4aab06badb2287a403737b1.JPG" /> <img width="1080" height="810" width_o="1080" height_o="810" data-src="https://freight.cargo.site/t/original/i/216eff11c0441c8030b9e8d434f162394edc4268b84f3f723c3cbf09d8d2dfa3/2.png" data-mid="221609032" border="0" src="https://freight.cargo.site/w/1000/i/216eff11c0441c8030b9e8d434f162394edc4268b84f3f723c3cbf09d8d2dfa3/2.png" /> <img width="928" height="997" width_o="928" height_o="997" data-src="https://freight.cargo.site/t/original/i/d4165bffcf439677af8288382388db9cb7cef8c9ecbb417dcdf613a1773dab25/49.png" data-mid="221609033" border="0" src="https://freight.cargo.site/w/928/i/d4165bffcf439677af8288382388db9cb7cef8c9ecbb417dcdf613a1773dab25/49.png" /> Post Office「Wanna Know」 (︎︎︎click), our pop-up store in Ito's neighboring area, Izu, was established with the dual purpose of gathering insights from visitors and sharing the local culture with international tourists. The catalyst for this invitation was the attendance of Izu government officials at our final presentation on the Ito Revitalization Project. Impressed by our innovative strategies, they extended an invitation for us to apply our expertise in Izu Inatori, aiming to explore similar opportunities for revitalization. // JavaScript for scroll to top functionality and navigation bar visibility window.addEventListener('scroll', function() { var scrollPosition = window.pageYOffset || document.documentElement.scrollTop; var scrollToTopBtn = document.querySelector('.scroll-to-top'); var navigationBar = document.querySelector('.navigation'); // Show the scroll-to-top button after a certain scroll position if (scrollPosition > 500) { scrollToTopBtn.style.display = 'block'; } else { scrollToTopBtn.style.display = 'none'; } // Always show the navigation bar after the user has scrolled past a certain point (e.g., 100px) if (scrollPosition > 100) { navigationBar.style.display = 'block'; // or you can use navigationBar.classList.add('visible'); } else { navigationBar.style.display = 'none'; // or you can use navigationBar.classList.remove('visible'); } }); // Scroll to top when the button is clicked document.querySelector('.scroll-to-top').onclick = function() { window.scrollTo({ top: 0, behavior: 'smooth' }); }; // Logic for updating navigation links when the DOM is fully loaded document.addEventListener('DOMContentLoaded', (event) => { const sections = document.querySelectorAll('h2[id]'); const navLinks = document.querySelectorAll('.navigation a'); function changeLinkState() { let index = sections.length; while(--index && window.scrollY + 50 < sections[index].offsetTop) {} navLinks.forEach((link) => link.classList.remove('active')); navLinks[index] && navLinks[index].classList.add('active'); } changeLinkState(); window.addEventListener('scroll', changeLinkState); }); // IntersectionObserver for navigation dots document.addEventListener('DOMContentLoaded', (event) => { const observerOptions = { root: null, rootMargin: '0px', threshold: 0.5, }; const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { const id = entry.target.getAttribute('id'); const navLink = document.querySelector(`.navigation a[href="#${id}"] .dot`); if (entry.isIntersecting) { navLink.classList.add('active'); navLink.classList.remove('hollow'); } else { navLink.classList.remove('active'); navLink.classList.add('hollow'); } }); }, observerOptions); document.querySelectorAll('section[id]').forEach((section) => { observer.observe(section); }); }); https://anniesunxt.com/Seasons-Game-In-Progress Tue, 12 Nov 2024 03:16:35 +0000 Annie's Wonderland https://anniesunxt.com/Seasons-Game-In-Progress .feature-background { background-color: rgba(233, 172, 176, 0.07); /* Adjust the color and opacity as needed */ padding: 20px 0; /* Adjust the vertical padding as needed */ width: 200%; position: relative; left: 50%; transform: translateX(-50%); box-sizing: border-box; z-index: -1; /* Ensures the background stays behind the content */ } .feature-content { position: relative; z-index: 1; /* Ensures the content stays above the background */ max-width: 100%; /* Limit the width of the content */ width:60vw; margin: 0 auto; /* Center the content */ padding: 0 15px; /* Add padding on the sides */ } } .extended-gallery-background { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 200%; /* Adjust as needed */ height: 100%; /* Adjust as needed */ padding-top: 20px; /* Adds space above the gallery */ padding-bottom: 20px; /* Adds space below the gallery */ background-color: rgba(233, 172, 176, 0.2); /* Semi-transparent green */ z-index: -1; /* Keeps it in the background */ } .gallery-and-background-container { position: relative; } .image-gallery-container { margin-left: -10vw; /* Adjust as needed */ margin-right: -10vw; /* Adjust as needed */ text-align: center; } .image-container { width: auto; /* Make the background width the same as the page */ text-align: center; } .image-bar { background-color: rgba(233, 172, 176, 0.5); /* Adjust the alpha value to control opacity */ display: block; padding: 10px; /* Adjust the padding as needed */ margin-left: -1000px; margin-right:-1000px } .image-background { background-color: rgba(233, 172, 176, 0.4); /* Adjust the alpha value to control opacity */ display: block; padding: 10px; /* Adjust the padding as needed */ margin: -10px } .navigation { position: fixed; top: 50%; right: 24px; width: 50px; /* Initial width to fit the dots */ overflow: hidden; transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out; /* Add background-color transition */ transform: translateY(-50%); z-index: 1000; /* Add a transparent background by default */ background-color: rgba(255, 255, 255, 0); /* Fully transparent */ } .navigation-hidden { display: none; } .navigation a { display: block; margin-bottom: 10px; color: #302d2d; text-decoration: none; text-align: center; /* Center text by default */ padding-left: 20px; /* Add padding to push text away from the dots */ } .navigation:hover a { text-align: left; /* Align text to the left on hover */ } .navigation a.active { color: #E9ACB0; font-weight: bold; } .navigation a .dot { height: 10px; width: 10px; background-color: transparent; /* Hollow by default */ border: 2px solid rgba(232, 138, 125, 0.5); /* Orange border for the hollow dots */ border-radius: 50%; display: inline-block; margin-right: 10px; transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out; /* Transition for the fill effect */ vertical-align: middle; } .navigation a.active .dot { background-color: rgba(233, 172, 176, 0.5); /* Orange fill when active */ transition: background-color 0.3s ease; /* Transition for the fill effect */ } .navigation:hover { width: 220px; background-color: #e9acb0; padding-top: 5px; padding-bottom: 2px; } .navigation a span.nav-text { display: none; /* Hide text by default */ vertical-align: middle; /* Align text vertically with dot */ } .navigation:hover a span.nav-text { display: inline; /* Show text on hover */ } .navigation a span.nav-text { display: none; /* Hide text by default */ vertical-align: middle; /* Align text vertically with dot */ } .navigation:hover a span.nav-text { display: inline; padding-left:0; } .navigation:hover a .dot { display: none; /* Hide dots on hover */ } .navigation a .dot.hollow { background-color: transparent; } .navigation a span { display: none; vertical-align: super; } .navigation:hover a span { display: inline; } .navigation a:hover { background-color: rgba(250 250, 250, 0.8); transition: background-color 0.3s ease; /* Smooth transition for background color */ } .scroll-to-top { display: none; position: fixed; bottom: 20px; right: 24px; /* Increase the right margin to move it to the left */ background: rgba(232, 138, 125, 0.7); color: #fff; width: 35px; /* Smaller width for a smaller circle */ height: 35px; /* Smaller height to match the width */ line-height: 30px; /* Adjust line-height to vertically center the text */ text-align: center; /* Center the text horizontally */ border-radius: 50%; /* This makes it a circle */ font-size: 25px; /* Larger font size for the text */ cursor: pointer; z-index: 1000; } 01 Starting Point 02 Secondary Research 03 Primary Research 04 Ideation 05 Concepts &amp; Storytelling 06 Artworks &amp; Demo ↑ &nbsp;<img width="1883" height="793" width_o="1883" height_o="793" data-src="https://freight.cargo.site/t/original/i/55f87e31885c4d38fbacad24f2b264556ac57748e5f2082392024f636b26becb/Group-467.png" data-mid="221609338" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/55f87e31885c4d38fbacad24f2b264556ac57748e5f2082392024f636b26becb/Group-467.png" /> 01 Starting Point<img width="1296" height="1556" width_o="1296" height_o="1556" data-src="https://freight.cargo.site/t/original/i/72c5420cc17cfdb43c3a0aaa12ad5a897b4859ac3a8a1b95c4400f56f79ddbae/Group-468.png" data-mid="221609342" border="0" data-scale="87" data-no-zoom src="https://freight.cargo.site/w/1000/i/72c5420cc17cfdb43c3a0aaa12ad5a897b4859ac3a8a1b95c4400f56f79ddbae/Group-468.png" /> 02 Secondary Research <img width="1250" height="614" width_o="1250" height_o="614" data-src="https://freight.cargo.site/t/original/i/1f25a601f9f26659b1714e1f74b4c9316a761ff9fb8f0a3b478f2d2e5a2ecc67/Group-469.png" data-mid="221609341" border="0" data-scale="100" data-no-zoom src="https://freight.cargo.site/w/1000/i/1f25a601f9f26659b1714e1f74b4c9316a761ff9fb8f0a3b478f2d2e5a2ecc67/Group-469.png" /> Therefore, I conclude that this gaming environment is characterized by patriarchal constructs. These constructs are sustained by prevailing cultural narratives, which at times inadvertently fetishize masculine discourse. The absence of a female perspective in games implies that all players are influenced by the predominant male gaming perspective. Every gamer, whether consciously or unconsciously, contributes to the development and perpetuation of these problematic value systems. Nonetheless, the real-life experiences of female audiences remain largely unexplored.&nbsp; What types of female gamers exist, and which gaming features do they prioritize?Do they genuinely encounter issues with stereotypical game characters? Are there experiences of discomfort and dissatisfaction in gaming attributed to gender factors? How do games impact their lives beyond the screen? These questions serve as the focal points of my primary research, where I aim to provide answers and insights. 03 Primary Research<img width="1278" height="659" width_o="1278" height_o="659" data-src="https://freight.cargo.site/t/original/i/11de617a324fe15b52cb68cb1b589cc08cddc16efbc1384acd6e827ee52d56f5/Group-12.png" data-mid="221609343" border="0" data-scale="77" src="https://freight.cargo.site/w/1000/i/11de617a324fe15b52cb68cb1b589cc08cddc16efbc1384acd6e827ee52d56f5/Group-12.png" /> ︎Click to See the Questionnaire &nbsp; &nbsp;&nbsp; ︎Affinitization <img width="2760" height="1440" width_o="2760" height_o="1440" data-src="https://freight.cargo.site/t/original/i/ef0d32ea7c5a74073250f0416ed8e6ae8fbace7ec68943c14a393436c40d2d88/30771701935965_.pic_hd.jpg" data-mid="221609355" border="0" data-scale="84" src="https://freight.cargo.site/w/1000/i/ef0d32ea7c5a74073250f0416ed8e6ae8fbace7ec68943c14a393436c40d2d88/30771701935965_.pic_hd.jpg" /> ︎Persona <img width="1333" height="2343" width_o="1333" height_o="2343" data-src="https://freight.cargo.site/t/original/i/2b1e0bdc24c14f570d00b37974cfe840bdfebf8ff867d1c049848fc729f7a345/Group-478.png" data-mid="221609354" border="0" data-scale="90" src="https://freight.cargo.site/w/1000/i/2b1e0bdc24c14f570d00b37974cfe840bdfebf8ff867d1c049848fc729f7a345/Group-478.png" /> <img width="1144" height="128" width_o="1144" height_o="128" data-src="https://freight.cargo.site/t/original/i/cf73be8d113628605c9da3ad03e8d9410d7ff365d1f897b375df50d40396b0d8/Group-490.png" data-mid="221609346" border="0" src="https://freight.cargo.site/w/1000/i/cf73be8d113628605c9da3ad03e8d9410d7ff365d1f897b375df50d40396b0d8/Group-490.png" /> &nbsp; &nbsp;&nbsp; ︎Key FindingsThe longer the gameplay, the more prevalent the gender-related challenges. (data sourced from my primary research interviews)<img width="921" height="585" width_o="921" height_o="585" data-src="https://freight.cargo.site/t/original/i/e78c2a5594e1c91ab1f04d3b127cdfd6b5bb4bc27ff517aeacdee5ed8a6e8420/Group-542.png" data-mid="221609433" border="0" src="https://freight.cargo.site/w/921/i/e78c2a5594e1c91ab1f04d3b127cdfd6b5bb4bc27ff517aeacdee5ed8a6e8420/Group-542.png" />The origin of gender-related challenges stems from the Game Community and Game Narrative. <img width="1114" height="500" width_o="1114" height_o="500" data-src="https://freight.cargo.site/t/original/i/14869017d92c7f4654a8597dc24123ea02981bb01dafbc8129b1c30002878a11/Group-494.png" data-mid="221609353" border="0" data-scale="99" data-no-zoom src="https://freight.cargo.site/w/1000/i/14869017d92c7f4654a8597dc24123ea02981bb01dafbc8129b1c30002878a11/Group-494.png" /> <img width="1107" height="725" width_o="1107" height_o="725" data-src="https://freight.cargo.site/t/original/i/13cf497aecfe10c97a3eab1b6d78a57a69fd4b98b2b92e961bb650392c5f6cca/Group_32-3.png" data-mid="221609376" border="0" src="https://freight.cargo.site/w/1000/i/13cf497aecfe10c97a3eab1b6d78a57a69fd4b98b2b92e961bb650392c5f6cca/Group_32-3.png" /> 04 Ideation <img width="1397" height="1487" width_o="1397" height_o="1487" data-src="https://freight.cargo.site/t/original/i/bf3a544960b70dbbb72d562c3b630de17fcf84114d97abf7a7f33d384fdd735b/Group_501.png" data-mid="221609380" border="0" src="https://freight.cargo.site/w/1000/i/bf3a544960b70dbbb72d562c3b630de17fcf84114d97abf7a7f33d384fdd735b/Group_501.png" /> Therefore, emphasizing the developer's side proves to be a more effective solution. While the concept of a female-only gaming community might seem like a utopia, there are several underlying issues. One major challenge is the inability to verify the actual identity of users behind the screen. Additionally, the presence of a male perspective and patriarchal norms isn't limited to male players; these can be internalized and perpetuated by female gamers as well. This distinction can further reinforce stereotypes about female gamers, who are often overlooked in a gaming world where 'gamers' are predominantly assumed to be male. On the other hand, the developers' approach appears promising. The game capitalizes on the power of media narratives to convey educational messages suitable for all genders. Most importantly, it showcases diversity and offers a strong female perspective, leading to a more inclusive gaming environment.&nbsp; &nbsp; &nbsp;&nbsp; ︎Initial Conceptualization <img width="4319" height="1500" width_o="4319" height_o="1500" data-src="https://freight.cargo.site/t/original/i/d08f722e3e71cd007473e9471d2afb771abc3238a969b22fcd94c3f1905f906e/30811701978120_.pic_hd.jpg" data-mid="221609362" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/d08f722e3e71cd007473e9471d2afb771abc3238a969b22fcd94c3f1905f906e/30811701978120_.pic_hd.jpg" />Thus, the basic idea about this game is .... <img width="1305" height="401" width_o="1305" height_o="401" data-src="https://freight.cargo.site/t/original/i/88cb199cca4a560a9b3f77af7fdcf2f80cd44b77e57014c01ed65b8560743f92/Group-496.png" data-mid="221609381" border="0" src="https://freight.cargo.site/w/1000/i/88cb199cca4a560a9b3f77af7fdcf2f80cd44b77e57014c01ed65b8560743f92/Group-496.png" /> ︎Current Market Analysis <img width="1264" height="619" width_o="1264" height_o="619" data-src="https://freight.cargo.site/t/original/i/18de793a44e57b0e2ae2c5dd8c5be7e8d0f97120fc77a3820b47be2ec2bb9c1b/Group-505.png" data-mid="221609382" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/18de793a44e57b0e2ae2c5dd8c5be7e8d0f97120fc77a3820b47be2ec2bb9c1b/Group-505.png" /> 05 Concepts &amp; Storytellings&nbsp; &nbsp; &nbsp; &nbsp; ︎Creative Journey<img width="1308" height="1354" width_o="1308" height_o="1354" data-src="https://freight.cargo.site/t/original/i/d1bce960621b10b272b26a55b10a957c4c63a6fa1c381dbfa4c7996d10c68b50/Group-510.png" data-mid="221609384" border="0" src="https://freight.cargo.site/w/1000/i/d1bce960621b10b272b26a55b10a957c4c63a6fa1c381dbfa4c7996d10c68b50/Group-510.png" /> &nbsp; ︎Character, Stories and Interactive Design <img width="2388" height="1668" width_o="2388" height_o="1668" data-src="https://freight.cargo.site/t/original/i/7b8f46aa1d06b0a95dc3197f2ecd54def505fda35c22f1e1a1df2b777413b472/character.png" data-mid="221609385" border="0" data-scale="70" src="https://freight.cargo.site/w/1000/i/7b8f46aa1d06b0a95dc3197f2ecd54def505fda35c22f1e1a1df2b777413b472/character.png" /> Spring - Pan and Zhuangzi, symbolizing vitality, infancy, curiosity, exploration, beginnings, Zhuangzi's dream of the butterfly, Eden.
 Summer - Dionysus, representing passion, maturity, and eventual expulsion from Eden.
 Autumn - Sisyphus, illustrating repetitive work, moments of weariness, and finding joy in the repetition.
 Winter - Icarus, symbolizing societal norms and rules, the labyrinth of life. <img width="3800" height="5646" width_o="3800" height_o="5646" data-src="https://freight.cargo.site/t/original/i/2d3a59c65509382f6071acf60f220e68cc05bbc4cbbecbbe3fb20f4bd6177b75/WechatIMGa64ca876db6eabdf7d137af020791b1c.png" data-mid="221609387" border="0" alt="Spring's Storyboard" data-caption="Spring's Storyboard" src="https://freight.cargo.site/w/1000/i/2d3a59c65509382f6071acf60f220e68cc05bbc4cbbecbbe3fb20f4bd6177b75/WechatIMGa64ca876db6eabdf7d137af020791b1c.png" /> <img width="3800" height="5646" width_o="3800" height_o="5646" data-src="https://freight.cargo.site/t/original/i/1a5a10858272b6a5aa401fb49834523beece30ee1796eca1949f98ea95ef3847/WechatIMG8cfe3617ecfc78f4764f7273e9a18a7b.png" data-mid="221609390" border="0" alt="Summer's Storyboard" data-caption="Summer's Storyboard" src="https://freight.cargo.site/w/1000/i/1a5a10858272b6a5aa401fb49834523beece30ee1796eca1949f98ea95ef3847/WechatIMG8cfe3617ecfc78f4764f7273e9a18a7b.png" /> <img width="3800" height="5646" width_o="3800" height_o="5646" data-src="https://freight.cargo.site/t/original/i/726551da385545e4c46b912314a47ca844f5ad73dd68d2a579e217d42c7d1ce2/WechatIMG03de390a760f056ae0f8ee44ccda56d5.png" data-mid="221609386" border="0" data-scale="52" alt="Autumn's Storyboard" data-caption="Autumn's Storyboard" src="https://freight.cargo.site/w/1000/i/726551da385545e4c46b912314a47ca844f5ad73dd68d2a579e217d42c7d1ce2/WechatIMG03de390a760f056ae0f8ee44ccda56d5.png" /> <img width="3800" height="5646" width_o="3800" height_o="5646" data-src="https://freight.cargo.site/t/original/i/7483b7b9649fb1a82fe51cdec6c16d8aef64eea9ea3afd38ac7ff34e531d0e80/WechatIMG34b0b6d5ce5d5819c14e650793b31d70.png" data-mid="221609389" border="0" alt="Winter's Storyboard" data-caption="Winter's Storyboard" src="https://freight.cargo.site/w/1000/i/7483b7b9649fb1a82fe51cdec6c16d8aef64eea9ea3afd38ac7ff34e531d0e80/WechatIMG34b0b6d5ce5d5819c14e650793b31d70.png" /> ︎Click to See the Scripts &nbsp; ︎Moodboards <img width="2871" height="7536" width_o="2871" height_o="7536" data-src="https://freight.cargo.site/t/original/i/deb9ecf57db368b3971d6107fdc8f8a6e70e5ba519dd55f55f812d1a64fefe12/Group-523.png" data-mid="221609436" border="0" src="https://freight.cargo.site/w/1000/i/deb9ecf57db368b3971d6107fdc8f8a6e70e5ba519dd55f55f812d1a64fefe12/Group-523.png" />&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; ︎Fonts<img width="1519" height="712" width_o="1519" height_o="712" data-src="https://freight.cargo.site/t/original/i/ceec83bebed17aa56886c249fceecd8819938a044c8ae6d1fad1aafeb77dc45d/Group-524.png" data-mid="221609403" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/ceec83bebed17aa56886c249fceecd8819938a044c8ae6d1fad1aafeb77dc45d/Group-524.png" /> 06 Artworks &amp; Demo The final product is still underway, given the extensive workload that includes painting, animating, coding, sound effects, and designing, all of which I am managing myself. However, I have already completed some artworks and a brief demo for the very first scene. ︎Artworks <img width="2000" height="1200" width_o="2000" height_o="1200" data-src="https://freight.cargo.site/t/original/i/63f48a5dc7fc7894d6bdca5a21975bd282284b44cf8186bc9a02395ea45797b0/background.png" data-mid="221609423" border="0" src="https://freight.cargo.site/w/1000/i/63f48a5dc7fc7894d6bdca5a21975bd282284b44cf8186bc9a02395ea45797b0/background.png" /> <img width="2388" height="1668" width_o="2388" height_o="1668" data-src="https://freight.cargo.site/t/original/i/e1d878821e40a0a0f9b33960c5bfff0e85970a1887853c5ea087e7404ee309a0/Untitled-811111.png" data-mid="221609424" border="0" src="https://freight.cargo.site/w/1000/i/e1d878821e40a0a0f9b33960c5bfff0e85970a1887853c5ea087e7404ee309a0/Untitled-811111.png" /> <img width="2584" height="1502" width_o="2584" height_o="1502" data-src="https://freight.cargo.site/t/original/i/19c27e00c3316da790ffc1776a20622b8e7958af7cc1db6a802da6bf60f3e241/2023-12-11-02.06.31.png" data-mid="221609431" border="0" src="https://freight.cargo.site/w/1000/i/19c27e00c3316da790ffc1776a20622b8e7958af7cc1db6a802da6bf60f3e241/2023-12-11-02.06.31.png" /> <img width="2388" height="1668" width_o="2388" height_o="1668" data-src="https://freight.cargo.site/t/original/i/adc73a558c16f62ee25bfba109ac98c88bfc5c03bd82e0273a83346cfa0f037c/IMG_2414.PNG" data-mid="221609429" border="0" src="https://freight.cargo.site/w/1000/i/adc73a558c16f62ee25bfba109ac98c88bfc5c03bd82e0273a83346cfa0f037c/IMG_2414.PNG" /> ︎Demo // JavaScript for scroll to top functionality and navigation bar visibility window.addEventListener('scroll', function() { var scrollPosition = window.pageYOffset || document.documentElement.scrollTop; var scrollToTopBtn = document.querySelector('.scroll-to-top'); var navigationBar = document.querySelector('.navigation'); // Show the scroll-to-top button after a certain scroll position if (scrollPosition > 500) { scrollToTopBtn.style.display = 'block'; } else { scrollToTopBtn.style.display = 'none'; } // Always show the navigation bar after the user has scrolled past a certain point (e.g., 100px) if (scrollPosition > 100) { navigationBar.style.display = 'block'; // or you can use navigationBar.classList.add('visible'); } else { navigationBar.style.display = 'none'; // or you can use navigationBar.classList.remove('visible'); } }); // Scroll to top when the button is clicked document.querySelector('.scroll-to-top').onclick = function() { window.scrollTo({ top: 0, behavior: 'smooth' }); }; // Logic for updating navigation links when the DOM is fully loaded document.addEventListener('DOMContentLoaded', (event) => { const sections = document.querySelectorAll('h2[id]'); const navLinks = document.querySelectorAll('.navigation a'); function changeLinkState() { let index = sections.length; while(--index && window.scrollY + 50 < sections[index].offsetTop) {} navLinks.forEach((link) => link.classList.remove('active')); navLinks[index] && navLinks[index].classList.add('active'); } changeLinkState(); window.addEventListener('scroll', changeLinkState); }); // IntersectionObserver for navigation dots document.addEventListener('DOMContentLoaded', (event) => { const observerOptions = { root: null, rootMargin: '0px', threshold: 0.5, }; const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { const id = entry.target.getAttribute('id'); const navLink = document.querySelector(`.navigation a[href="#${id}"] .dot`); if (entry.isIntersecting) { navLink.classList.add('active'); navLink.classList.remove('hollow'); } else { navLink.classList.remove('active'); navLink.classList.add('hollow'); } }); }, observerOptions); document.querySelectorAll('section[id]').forEach((section) => { observer.observe(section); }); }); https://anniesunxt.com/Digital-Art Tue, 12 Nov 2024 03:18:55 +0000 Annie's Wonderland https://anniesunxt.com/Digital-Art <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/0d2b3df049c009b865de02c0763f33c11e02a1d364f32554bb3b2580a9d48f43/29941701346232_.pic.jpg" data-mid="221609452" border="0" src="https://freight.cargo.site/w/1000/i/0d2b3df049c009b865de02c0763f33c11e02a1d364f32554bb3b2580a9d48f43/29941701346232_.pic.jpg" /> <img width="1412" height="984" width_o="1412" height_o="984" data-src="https://freight.cargo.site/t/original/i/af085c89e886b7d761fd10990aea90fdab2dbc89aa4e7d8c042e66bd14e61244/2023-11-30-19.53.53.png" data-mid="221609440" border="0" src="https://freight.cargo.site/w/1000/i/af085c89e886b7d761fd10990aea90fdab2dbc89aa4e7d8c042e66bd14e61244/2023-11-30-19.53.53.png" /> <img width="946" height="1399" width_o="946" height_o="1399" data-src="https://freight.cargo.site/t/original/i/61c974996f7a8d225d43234241ac24aac0d19e576916bc91e981d3f385fb1e12/29981701346278_.pic.jpg" data-mid="221609448" border="0" src="https://freight.cargo.site/w/946/i/61c974996f7a8d225d43234241ac24aac0d19e576916bc91e981d3f385fb1e12/29981701346278_.pic.jpg" /> <img width="813" height="1024" width_o="813" height_o="1024" data-src="https://freight.cargo.site/t/original/i/7733838d8d358ece86faea9f8778b94dde718a8f4c0311a3a7b65d77d7ed6834/29931701346231_.pic.jpg" data-mid="221609453" border="0" src="https://freight.cargo.site/w/813/i/7733838d8d358ece86faea9f8778b94dde718a8f4c0311a3a7b65d77d7ed6834/29931701346231_.pic.jpg" /> <img width="922" height="723" width_o="922" height_o="723" data-src="https://freight.cargo.site/t/original/i/a6f031f1b934b017e26851b3276cd1f9a2609919df6c22c0f60936f07c691445/29971701346255_.pic.jpg" data-mid="221609449" border="0" src="https://freight.cargo.site/w/922/i/a6f031f1b934b017e26851b3276cd1f9a2609919df6c22c0f60936f07c691445/29971701346255_.pic.jpg" /> <img width="674" height="1024" width_o="674" height_o="1024" data-src="https://freight.cargo.site/t/original/i/7fe7ee1cd141a970cdb1837ab118caae27c5941612ad7fcb8c35049e5c1994b0/29951701346233_.pic.jpg" data-mid="221609451" border="0" src="https://freight.cargo.site/w/674/i/7fe7ee1cd141a970cdb1837ab118caae27c5941612ad7fcb8c35049e5c1994b0/29951701346233_.pic.jpg" /> <img width="3024" height="3024" width_o="3024" height_o="3024" data-src="https://freight.cargo.site/t/original/i/f60f37d6eaca2fb5b3ff42fa212ebb6dea0c613feec5943ccd5783ea785328ae/IMG_9213.png" data-mid="221609437" border="0" src="https://freight.cargo.site/w/1000/i/f60f37d6eaca2fb5b3ff42fa212ebb6dea0c613feec5943ccd5783ea785328ae/IMG_9213.png" /> <img width="765" height="1107" width_o="765" height_o="1107" data-src="https://freight.cargo.site/t/original/i/575ff15b978d2a8e7b2e5951d647343af65e75c0a955b5bcbad0660130542ef4/29961701346233_.pic.jpg" data-mid="221609450" border="0" src="https://freight.cargo.site/w/765/i/575ff15b978d2a8e7b2e5951d647343af65e75c0a955b5bcbad0660130542ef4/29961701346233_.pic.jpg" /> <img width="1080" height="1558" width_o="1080" height_o="1558" data-src="https://freight.cargo.site/t/original/i/f9998c2fda28596263413cb6cde16634a8a6ffdd9a94188f3500a4aa29d35c90/29921701346230_.pic.jpg" data-mid="221609454" border="0" src="https://freight.cargo.site/w/1000/i/f9998c2fda28596263413cb6cde16634a8a6ffdd9a94188f3500a4aa29d35c90/29921701346230_.pic.jpg" /> <img width="977" height="980" width_o="977" height_o="980" data-src="https://freight.cargo.site/t/original/i/849cb7534036a2d75e2b124036dff5b7214a7919aa40518427e4ede5540f1467/2023-11-30-20.01.45.png" data-mid="221609443" border="0" src="https://freight.cargo.site/w/977/i/849cb7534036a2d75e2b124036dff5b7214a7919aa40518427e4ede5540f1467/2023-11-30-20.01.45.png" /> <img width="759" height="759" width_o="759" height_o="759" data-src="https://freight.cargo.site/t/original/i/5549b48106d244a0ff43445b64aad6e9d25afb0d1dae72208804a860dde05d0d/2023-11-30-19.55.41.png" data-mid="221609442" border="0" src="https://freight.cargo.site/w/759/i/5549b48106d244a0ff43445b64aad6e9d25afb0d1dae72208804a860dde05d0d/2023-11-30-19.55.41.png" /> <img width="1118" height="979" width_o="1118" height_o="979" data-src="https://freight.cargo.site/t/original/i/fe77026044ee896149e76f01d636b85044010bdbb3f4deeca9813b103e1c052e/2023-11-30-20.04.34.png" data-mid="221609444" border="0" src="https://freight.cargo.site/w/1000/i/fe77026044ee896149e76f01d636b85044010bdbb3f4deeca9813b103e1c052e/2023-11-30-20.04.34.png" /> <img width="512" height="945" width_o="512" height_o="945" data-src="https://freight.cargo.site/t/original/i/fc59661e03ab8b2c32da4385a994c0f342b5f7a6a8615ee6efbe79ff83f3ad21/2023-11-30-20.05.17.png" data-mid="221609462" border="0" src="https://freight.cargo.site/w/512/i/fc59661e03ab8b2c32da4385a994c0f342b5f7a6a8615ee6efbe79ff83f3ad21/2023-11-30-20.05.17.png" /> <img width="2158" height="1510" width_o="2158" height_o="1510" data-src="https://freight.cargo.site/t/original/i/ce54de9312fd51ebbb1c17c6c20e913662a7217b15dd9dc91861a9bacef89a12/IMG_6968.png" data-mid="221609459" border="0" src="https://freight.cargo.site/w/1000/i/ce54de9312fd51ebbb1c17c6c20e913662a7217b15dd9dc91861a9bacef89a12/IMG_6968.png" /> <img width="814" height="1150" width_o="814" height_o="1150" data-src="https://freight.cargo.site/t/original/i/f73e49c7c3a5b2863371b69a542b3aa87bb6dd5bf5cd40b0cb2fd57d065b8671/IMG_5684.JPG" data-mid="221609447" border="0" src="https://freight.cargo.site/w/814/i/f73e49c7c3a5b2863371b69a542b3aa87bb6dd5bf5cd40b0cb2fd57d065b8671/IMG_5684.JPG" /> <img width="1080" height="1423" width_o="1080" height_o="1423" data-src="https://freight.cargo.site/t/original/i/16333126c5adb62b43cd5e994359d2651edce3a1d607111ec78d1805c6e01abe/29911701346230_.pic.jpg" data-mid="221609455" border="0" src="https://freight.cargo.site/w/1000/i/16333126c5adb62b43cd5e994359d2651edce3a1d607111ec78d1805c6e01abe/29911701346230_.pic.jpg" /> <img width="972" height="976" width_o="972" height_o="976" data-src="https://freight.cargo.site/t/original/i/f7b08c6679e7874df7aa5c4cc8b0be7b8252c253f6742a4355f3d0aeb979b8ec/2023-11-30-20.46.28.png" data-mid="221609461" border="0" src="https://freight.cargo.site/w/972/i/f7b08c6679e7874df7aa5c4cc8b0be7b8252c253f6742a4355f3d0aeb979b8ec/2023-11-30-20.46.28.png" /> https://anniesunxt.com/Hand-Drawn Tue, 12 Nov 2024 03:19:00 +0000 Annie's Wonderland https://anniesunxt.com/Hand-Drawn <img width="1920" height="2560" width_o="1920" height_o="2560" data-src="https://freight.cargo.site/t/original/i/01bd81945f4ef06ee42ccfa2101c00f488d80692e5bf6215499eeebfefad1595/IMG_5698-1.png" data-mid="221609492" border="0" src="https://freight.cargo.site/w/1000/i/01bd81945f4ef06ee42ccfa2101c00f488d80692e5bf6215499eeebfefad1595/IMG_5698-1.png" /> <img width="918" height="1104" width_o="918" height_o="1104" data-src="https://freight.cargo.site/t/original/i/7a977e47b1e541162602bd7301abf154a61c93784ee1931d6423ebc11008b1f8/30101701349590_.pic.jpg" data-mid="221609500" border="0" src="https://freight.cargo.site/w/918/i/7a977e47b1e541162602bd7301abf154a61c93784ee1931d6423ebc11008b1f8/30101701349590_.pic.jpg" /> <img width="979" height="973" width_o="979" height_o="973" data-src="https://freight.cargo.site/t/original/i/6821705e38bab7b37af8a485effc8aa4c62a2929035351e2e85e8b68f9759fa1/2023-11-30-20.56.57.png" data-mid="221609495" border="0" src="https://freight.cargo.site/w/979/i/6821705e38bab7b37af8a485effc8aa4c62a2929035351e2e85e8b68f9759fa1/2023-11-30-20.56.57.png" /> <img width="1920" height="2560" width_o="1920" height_o="2560" data-src="https://freight.cargo.site/t/original/i/26de75b8c4c772f2d3e8699c9ab5a52ca0afac24719c5ee8bc5ffaa7e1c49c6f/IMG_3782.png" data-mid="221609490" border="0" src="https://freight.cargo.site/w/1000/i/26de75b8c4c772f2d3e8699c9ab5a52ca0afac24719c5ee8bc5ffaa7e1c49c6f/IMG_3782.png" /> <img width="849" height="942" width_o="849" height_o="942" data-src="https://freight.cargo.site/t/original/i/03a7aa2ef7ac40f773c01235699b5de351b385eb2aca1443519d1b74187b5e3e/30041701349273_.pic.jpg" data-mid="221609499" border="0" src="https://freight.cargo.site/w/849/i/03a7aa2ef7ac40f773c01235699b5de351b385eb2aca1443519d1b74187b5e3e/30041701349273_.pic.jpg" /> <img width="972" height="974" width_o="972" height_o="974" data-src="https://freight.cargo.site/t/original/i/24ff0e3e0ff3f79c40c16b0b2f0e5bd6133fd625513e1e523f8b1062a0435c6e/2023-11-30-20.56.15.png" data-mid="221609504" border="0" src="https://freight.cargo.site/w/972/i/24ff0e3e0ff3f79c40c16b0b2f0e5bd6133fd625513e1e523f8b1062a0435c6e/2023-11-30-20.56.15.png" /> <img width="1556" height="1556" width_o="1556" height_o="1556" data-src="https://freight.cargo.site/t/original/i/debd5b76d2f6230b07b7c0a03be6740f0a6f8846bac6c1b623abfebc8b1ed63f/30071701349493_.pic.jpg" data-mid="221609503" border="0" src="https://freight.cargo.site/w/1000/i/debd5b76d2f6230b07b7c0a03be6740f0a6f8846bac6c1b623abfebc8b1ed63f/30071701349493_.pic.jpg" /> <img width="1580" height="1580" width_o="1580" height_o="1580" data-src="https://freight.cargo.site/t/original/i/f8bc7112599446558aa3b4f78bc3b1a7e831370fb0e2f4c11a35aa0025d58f3b/30081701349507_.pic.jpg" data-mid="221609502" border="0" src="https://freight.cargo.site/w/1000/i/f8bc7112599446558aa3b4f78bc3b1a7e831370fb0e2f4c11a35aa0025d58f3b/30081701349507_.pic.jpg" /> <img width="1242" height="784" width_o="1242" height_o="784" data-src="https://freight.cargo.site/t/original/i/e458994476a382523674f5971669bb23f6ca7389a37b51510665bc173c2c421d/29991701346463_.pic.jpg" data-mid="221609493" border="0" src="https://freight.cargo.site/w/1000/i/e458994476a382523674f5971669bb23f6ca7389a37b51510665bc173c2c421d/29991701346463_.pic.jpg" /> https://anniesunxt.com/Ekphrasis Tue, 12 Nov 2024 03:19:06 +0000 Annie's Wonderland https://anniesunxt.com/Ekphrasis EKPHRASIS &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; meaning the concise, poetic description of a work of art. <img width="693" height="831" width_o="693" height_o="831" data-src="https://freight.cargo.site/t/original/i/29de6e3cf5389b254b6061f371201d727cb3bfa0fd7c71b19d4cbab709a0229c/-1.jpg" data-mid="221609548" border="0" data-scale="35" src="https://freight.cargo.site/w/693/i/29de6e3cf5389b254b6061f371201d727cb3bfa0fd7c71b19d4cbab709a0229c/-1.jpg" /> A young Woman sleeping (Hendrickje Stoffels) about 1654 Drawing Rembrandt van Rijn <img width="190" height="276" width_o="190" height_o="276" data-src="https://freight.cargo.site/t/original/i/fd886a4a1875904143735a133e2f63059885fdc7a86350ee4c6cbb55db4651a7/2222.jpg" data-mid="221609549" border="0" src="https://freight.cargo.site/w/190/i/fd886a4a1875904143735a133e2f63059885fdc7a86350ee4c6cbb55db4651a7/2222.jpg" /> A Young Woman Sleeping She sleeps like a tangerine, But after peeling off her nudity, Someone says He touches another you. She is beautiful like an idea’s shade Has no weight, like the breath In the falling silence and sought Each in the other, ease.With the tip of the brush and a few broad strokes, Between the sea of light and shadow She is the only land. The Night Watch. The Three Trees. “No“ In the crowded pavilion, I heard him saying, “When I paint with love Please look at me through the heartbeat of mine.”