https://aashnasoni.com Aashna Soni Sat, 26 Aug 2023 23:13:20 +0000 https://aashnasoni.com en https://aashnasoni.com/Home Mon, 14 Aug 2023 21:38:13 +0000 Aashna Soni https://aashnasoni.com/Home 👋🏽 Hey there! I’m Aashna Soni. I’m a visual and experience designer based in NYC. I enjoy exploring the intersection of design and technology to solve problems and challenge creative boundaries.&nbsp; https://aashnasoni.com/The-Circle-Journal Mon, 14 Aug 2023 21:38:15 +0000 Aashna Soni https://aashnasoni.com/The-Circle-Journal SENIOR THESIS PROJECT 2023 UX/UI and Print DesignFigma, Spark AR, Adobe Aero and InDesign THE CIRCLE JOURNAL An immersive journaling experience that explores the relationship between physical and digital interactions to enhance the user’s meditation experience. The guided journey incorporates a physical journal and app that work together to promote chakra balancing. <img width="5747" height="5687" width_o="5747" height_o="5687" data-src="https://freight.cargo.site/t/original/i/afad9360ea1dcaf2ab9c2e29bffbfbe0c72760477103ff588018348ae563fc3c/tcj-1-copy-2.png" data-mid="188528498" border="0" src="https://freight.cargo.site/w/1000/i/afad9360ea1dcaf2ab9c2e29bffbfbe0c72760477103ff588018348ae563fc3c/tcj-1-copy-2.png" /> <img width="5766" height="5721" width_o="5766" height_o="5721" data-src="https://freight.cargo.site/t/original/i/96722333667b720069e27375abf6dc29b8eef86fd1a77d62c0f9bc09b1611d2d/tcj-1-copy.png" data-mid="188528499" border="0" src="https://freight.cargo.site/w/1000/i/96722333667b720069e27375abf6dc29b8eef86fd1a77d62c0f9bc09b1611d2d/tcj-1-copy.png" /> <img width="7296" height="6700" width_o="7296" height_o="6700" data-src="https://freight.cargo.site/t/original/i/27385a3f40274eb3727e13391baba54ddbeee22b5a35b679c1d90d00c1dbbe91/circlejournalapp.png" data-mid="188622439" border="0" src="https://freight.cargo.site/w/1000/i/27385a3f40274eb3727e13391baba54ddbeee22b5a35b679c1d90d00c1dbbe91/circlejournalapp.png" /> <img width="7296" height="1900" width_o="7296" height_o="1900" data-src="https://freight.cargo.site/t/original/i/3d144a561ac48ba50fa9528a68c6724206926e8ee9214868d5234056fd7df849/chakras.png" data-mid="188622843" border="0" src="https://freight.cargo.site/w/1000/i/3d144a561ac48ba50fa9528a68c6724206926e8ee9214868d5234056fd7df849/chakras.png" /> 01 BACKGROUND &amp; CONTEXT Chakra means “wheel” and is derived from Hinduism philosophy that believes there are several energy points in our body. Imbalanced chakras can cause physical and emotional health problems. Chakra meditation aims to unblock and balance the chakras to the right alignment in our body. How many individuals from Gen Z are aware of chakra meditation and its benefits? The physical journal incorporates elements of augmented reality to enhance the user’s overall understanding of the concept and provide a variety of exercises to elicit a state of mindfulness. 02 GOALS︎︎︎ How do we encourage Gen Z to learn about chakra meditation and incorporate it into their lifestyle?︎︎︎ Identifying how technology can enhance an individual’s journey to mindfulness and balanced chakras by carefully weaving together a user flow.︎︎︎ Building a culture and community of wellness through appropriate social interaction.︎︎︎ Exploring my roots by diving deep into spirituality in Hinduism. 03 PRIMARY DATA &amp; RESEARCH I interviewed my target audience to understand what was missing in their lifestyle and whether they felt that the project would positively impact them. This helped me design solutions that aligned with the project’s goals and met the needs of the user. <img width="7296" height="1596" width_o="7296" height_o="1596" data-src="https://freight.cargo.site/t/original/i/49c18cb441fc977e3b1df0170a51767ee3ac72340a697815e750369d9072c23d/reseach.png" data-mid="188626285" border="0" src="https://freight.cargo.site/w/1000/i/49c18cb441fc977e3b1df0170a51767ee3ac72340a697815e750369d9072c23d/reseach.png" /><img width="7212" height="4296" width_o="7212" height_o="4296" data-src="https://freight.cargo.site/t/original/i/6974471930dcd82928f7613a8c42e1a1ccc7ef16892bf182b7cbf19c30d428b1/csc.png" data-mid="188630097" border="0" src="https://freight.cargo.site/w/1000/i/6974471930dcd82928f7613a8c42e1a1ccc7ef16892bf182b7cbf19c30d428b1/csc.png" /> 04 USER FLOW I made a rough user flow diagram to understand where&nbsp; <img width="2290" height="1404" width_o="2290" height_o="1404" data-src="https://freight.cargo.site/t/original/i/333a065ee6be0e8ba666711f0d360a8b344b907df6c0c749f7da456b994e6d18/User-flow-diagram.png" data-mid="188730372" border="0" src="https://freight.cargo.site/w/1000/i/333a065ee6be0e8ba666711f0d360a8b344b907df6c0c749f7da456b994e6d18/User-flow-diagram.png" /> 01 - Chakra positioning&nbsp;The user will scan the image tracker to open a face filter that places the chakras in front of them. Through augmented reality, the user can understand the different chakra positions as they are mapped to various parts of their body. <img width="772" height="720" width_o="772" height_o="720" data-src="https://freight.cargo.site/t/original/i/9d1d62a968d4cc828e30f66fd8a0e26d4355f929dc47cd6e647111be3a0ef843/Screen-Recording-2023-08-22-at-7.47.18-PM.gif" data-mid="188722433" border="0" data-scale="89" src="https://freight.cargo.site/w/772/i/9d1d62a968d4cc828e30f66fd8a0e26d4355f929dc47cd6e647111be3a0ef843/Screen-Recording-2023-08-22-at-7.47.18-PM.gif" /> 02 - Enter the chakra realmTo enhance ‘colour therapy’ and make the user feel immersed in the meditation experience, they will scan the coloured circle at the beginning of each chapter to digitally enter the realm. This process helps the user situate themselves in the environment around them and feel the contrast between the physical and digital. <img width="1230" height="720" width_o="1230" height_o="720" data-src="https://freight.cargo.site/t/original/i/e21ecde24ec5f76820a2d2cf25ec59b93f44aeec8bd9f4e975b96fca672a2017/Screen-Recording-2023-08-23-at-2.15.45-PM-2.gif" data-mid="188723468" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/e21ecde24ec5f76820a2d2cf25ec59b93f44aeec8bd9f4e975b96fca672a2017/Screen-Recording-2023-08-23-at-2.15.45-PM-2.gif" /> 03 - Mandala meditation with friendsThe user will scan the visualization meditation cue and create mandala drawings on p5.js. The sketch allows the user to experiment with different brush weights and colours to draw symmetrical patterns which are shared via the app. 04 - Saving journal entries to the appEach chakra chapter has a section for journaling where the user will reflect and write down answers for prompts. This encourages a non-digital pen to paper interaction that can later be scanned and saved to the app. Users can access their journal entries at any time, making the experience accessible from anywhere, at anytime. 05 - Yoga AsanasTowards the end of balancing the chakra, the user will perform five essential yoga asanas by scanning the illustrations in the journal. The image tracker will open up a guided meditation audio that describes how to complete the yoga asana. The audio allows the user to put their phone to the side as they build a mind-body connection. <img width="778" height="720" width_o="778" height_o="720" data-src="https://freight.cargo.site/t/original/i/83fa7929e3ecc0393e31ec7ce47e0c718b2461e9a5f57b4b1a4e5685aab8fd35/Screen-Recording-2023-08-23-at-3.42.27-PM.gif" data-mid="188727710" border="0" data-scale="91" src="https://freight.cargo.site/w/778/i/83fa7929e3ecc0393e31ec7ce47e0c718b2461e9a5f57b4b1a4e5685aab8fd35/Screen-Recording-2023-08-23-at-3.42.27-PM.gif" /> <img width="972" height="882" width_o="972" height_o="882" data-src="https://freight.cargo.site/t/original/i/a2df86e9e94d02dbfe5a68715608de5ebc6b8105dfddd6983097e0b7da913da9/Screenshot-2023-08-23-at-3.55.26-PM.png" data-mid="188728521" border="0" data-scale="65" src="https://freight.cargo.site/w/972/i/a2df86e9e94d02dbfe5a68715608de5ebc6b8105dfddd6983097e0b7da913da9/Screenshot-2023-08-23-at-3.55.26-PM.png" /><img width="786" height="1306" width_o="786" height_o="1306" data-src="https://freight.cargo.site/t/original/i/2d312d1e166060fb7e5338a3954e8d6cba4eb8f3536390914784fc960636c66e/Screen-Recording-2023-08-23-at-3.59.17-PM.gif" data-mid="188728455" border="0" data-scale="35" src="https://freight.cargo.site/w/786/i/2d312d1e166060fb7e5338a3954e8d6cba4eb8f3536390914784fc960636c66e/Screen-Recording-2023-08-23-at-3.59.17-PM.gif" /> 05 STYLE GUIDE &amp; DESIGN PROCESS I interviewed my target audience to understand what was missing in their lifestyle and whether they felt that the project would positively impact them. This helped me design solutions that aligned with the project’s goals and met the needs of the user. <img width="7456" height="2608" width_o="7456" height_o="2608" data-src="https://freight.cargo.site/t/original/i/ad512f528bf5488179ddfbf55610fc830071040c66df02a46a0c5349e542904d/knkkn.png" data-mid="188639105" border="0" src="https://freight.cargo.site/w/1000/i/ad512f528bf5488179ddfbf55610fc830071040c66df02a46a0c5349e542904d/knkkn.png" /> 06 FEEDBACK AND NEXT STEPS Due to Adobe Aero software constraints, I had to replace video with audio narration of the yoga poses, which sometimes made it difficult for the users to visualize how to complete the pose. Users also mentioned there were glitches with the accuracy of the body tracking model that placed the chakras on the body.&nbsp; The project invites reflection on the impact of technology in a practice where individuals might want to unplug and meditate. It is also important to consider how to maintain a collaborative and community based interaction, rather than competitive or toxic. https://aashnasoni.com/VanEck Mon, 14 Aug 2023 21:38:14 +0000 Aashna Soni https://aashnasoni.com/VanEck SUMMER INTERN PROJECT 2022 Digital Marketing, UX Design and Research, Brand Identity and Strategy Figma and Google Analytics ENHANCING VANECK’S DIGITAL CONTENT EXPERIENCE Collaborative deep dive into UX/UI practices to understand the strengths and weaknesses of the company. Leveraged data from Google Analytics and web scraped through Python to make decisions about user behaviour and blog performance.&nbsp; <img width="2490" height="1566" width_o="2490" height_o="1566" data-src="https://freight.cargo.site/t/original/i/f4d213f9c9e691c414e4f794ecf325d614ce04e739f60a42b7dc2c1a6d029708/newgif.gif" data-mid="188007430" border="0" src="https://freight.cargo.site/w/1000/i/f4d213f9c9e691c414e4f794ecf325d614ce04e739f60a42b7dc2c1a6d029708/newgif.gif" /> 01 PROJECT GOALS&nbsp; Conducted a deep dive into UX/UI practices to understand the strengths and weaknesses of the company. Leveraged data from Google Analytics and web scraped through Python to make decisions about user behaviour and blog performance.︎︎︎ Increase VanEck’s brand awareness and digital media presence.&nbsp; ︎︎︎ Improve the website UI and develop design solutions to enhance user experience. ︎︎︎ Boost conversion rates and lower exit rates by making long-form, heavy content more digestable. &nbsp;02 MAPPING OUT USER JOURNEY AND PAIN POINTS <img width="11650" height="5307" width_o="11650" height_o="5307" data-src="https://freight.cargo.site/t/original/i/cffd635baff23d47f7cff7ff6afce41d6b279b3abbd61caf2a5d48650693d89b/User-Journey---VanEck.png" data-mid="188722159" border="0" src="https://freight.cargo.site/w/1000/i/cffd635baff23d47f7cff7ff6afce41d6b279b3abbd61caf2a5d48650693d89b/User-Journey---VanEck.png" />Understanding the user journey helped us identify pain points and opportunities of their interactions with the content and brand.&nbsp; 03 DIGITAL MEDIA STRATEGY SOCIAL MEDIA ︎︎︎ Enabling social media links in bylines for easy accessibility. ︎︎︎ Diversifying social media content and templates by utlizing a more interactive approach. ︎︎︎ Rebranding and using bold typefaces to make visuals more engaging and eye-catching. <img width="1200" height="1200" width_o="1200" height_o="1200" data-src="https://freight.cargo.site/t/original/i/fb455f00d30424c34fb0e506c47cba9a05a0890649e908d39008a21ea0fef790/ezgif.com-optimize.gif" data-mid="188825025" border="0" src="https://freight.cargo.site/w/1000/i/fb455f00d30424c34fb0e506c47cba9a05a0890649e908d39008a21ea0fef790/ezgif.com-optimize.gif" /> <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/b675526e5fcef20c070c87949bbe58396539326077d282ca765a134958015088/Q-A.png" data-mid="188822137" border="0" src="https://freight.cargo.site/w/1000/i/b675526e5fcef20c070c87949bbe58396539326077d282ca765a134958015088/Q-A.png" /> <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/af3e27077d0fddc98606784acc7eaa1c25bd959a18238595153a14db212c9ae8/Word-of-the-week.png" data-mid="188822072" border="0" src="https://freight.cargo.site/w/1000/i/af3e27077d0fddc98606784acc7eaa1c25bd959a18238595153a14db212c9ae8/Word-of-the-week.png" /> <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/244dd231232b6aafb6e063908b85911f2bb46f6e820e2c6cd90333b9974226ed/Stat.png" data-mid="188821977" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/244dd231232b6aafb6e063908b85911f2bb46f6e820e2c6cd90333b9974226ed/Stat.png" /> <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/1d2234ea77b2819916e30f0024aeb27b41d81e097927baa9c726ad8d1d32afb0/Co-branding.png" data-mid="188822107" border="0" src="https://freight.cargo.site/w/1000/i/1d2234ea77b2819916e30f0024aeb27b41d81e097927baa9c726ad8d1d32afb0/Co-branding.png" /> <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/d2520a5bc73c209ed5e1e8fd8bcea2a9ce74612c49b658195c8c413f1866fc32/1.png" data-mid="188824745" border="0" src="https://freight.cargo.site/w/1000/i/d2520a5bc73c209ed5e1e8fd8bcea2a9ce74612c49b658195c8c413f1866fc32/1.png" /> <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/e716afd8578e9e22a285c0e85d55d7cc222589cdf196b5a77c142141b5d52627/2.png" data-mid="188824746" border="0" src="https://freight.cargo.site/w/1000/i/e716afd8578e9e22a285c0e85d55d7cc222589cdf196b5a77c142141b5d52627/2.png" /> <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/6027215b7d61010a046877f1b382a1e2e10e14f7bad51eaa68798eb28a33162e/3.png" data-mid="188824747" border="0" src="https://freight.cargo.site/w/1000/i/6027215b7d61010a046877f1b382a1e2e10e14f7bad51eaa68798eb28a33162e/3.png" /> <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/57d47cbff77bd92b4571ee97eedbec63dbff2771f394f839856e5213d7993375/4.png" data-mid="188824748" border="0" src="https://freight.cargo.site/w/1000/i/57d47cbff77bd92b4571ee97eedbec63dbff2771f394f839856e5213d7993375/4.png" /> 04 REDESIGNING UI&nbsp; EDUCATION CENTER︎︎︎ Digestable UX for new visitors and non-seasoned investors. ︎︎︎ Friendly and fun introduction to investing.&nbsp; ︎︎︎ Developing separate channels for various users to create a more personalized web experience.&nbsp; <img width="6240" height="2556" width_o="6240" height_o="2556" data-src="https://freight.cargo.site/t/original/i/18ffbf59ddc8cd857718639c0c7760ecd20ef84f68983caea999517442f736f4/gg.png" data-mid="188837426" border="0" src="https://freight.cargo.site/w/1000/i/18ffbf59ddc8cd857718639c0c7760ecd20ef84f68983caea999517442f736f4/gg.png" /> TRENDS WITH BENEFITS&nbsp;︎︎︎ Easy accessibility to streaming services. ︎︎︎ Encourages users to pull content from other&nbsp;platforms and promotes the podcast for anyone who is interested in listening directly to Trends with Benefits.&nbsp; ︎︎︎ Bold icons that can be easily identified. <img width="5484" height="1036" width_o="5484" height_o="1036" data-src="https://freight.cargo.site/t/original/i/27533c18e233a26b283b7553ae868b49905dc4453e9317256846adcb004edeeb/j.png" data-mid="188837265" border="0" src="https://freight.cargo.site/w/1000/i/27533c18e233a26b283b7553ae868b49905dc4453e9317256846adcb004edeeb/j.png" /> LONG CONTENT BLOGS︎︎︎ Data showed that long-form content had the highest exit rate, with the lowest average time spent on page.&nbsp;︎︎︎ Articles with at least one graphic chart had the lowest exit rate and and highest average percentage. Solution: to break up content and allow user to quickly access information that is relevent to them. Dividing long-form articles into key take-aways to make the information less dense and more digestable. Designing a navigation bar for users to move between the chapterized content seamlessly.Results: Increased visitors average time spent on page by 90%. <img width="2656" height="1630" width_o="2656" height_o="1630" data-src="https://freight.cargo.site/t/original/i/42461f42b20655e8bb86a27ff73b6f4049968f21f214b6ab761a345f1104e7ae/Screen-Recording-2023-08-14-at-3.30.55-AM.gif" data-mid="188833445" border="0" src="https://freight.cargo.site/w/1000/i/42461f42b20655e8bb86a27ff73b6f4049968f21f214b6ab761a345f1104e7ae/Screen-Recording-2023-08-14-at-3.30.55-AM.gif" /> INSURANCE CENTER The initial design was a static visual of the firms total AUM that required uploading an image to the website. <img width="1900" height="1068" width_o="1900" height_o="1068" data-src="https://freight.cargo.site/t/original/i/39a701c72b19015d42a11088fda1f0752294feb1fe8a3a26a934ed76a52baf3a/Screenshot-2023-08-24-at-4.18.31-PM.png" data-mid="188819513" border="0" src="https://freight.cargo.site/w/1000/i/39a701c72b19015d42a11088fda1f0752294feb1fe8a3a26a934ed76a52baf3a/Screenshot-2023-08-24-at-4.18.31-PM.png" /> The redesign involved building an interactive and dynamic slider that showed the fixed income assets by year. <img width="1812" height="1066" width_o="1812" height_o="1066" data-src="https://freight.cargo.site/t/original/i/a932ab2b5cacbe0e854ae67635e111a6c76131d3e0bfc5af20979bc639630c8f/Screenshot-2023-08-24-at-4.18.21-PM.png" data-mid="188819512" border="0" src="https://freight.cargo.site/w/1000/i/a932ab2b5cacbe0e854ae67635e111a6c76131d3e0bfc5af20979bc639630c8f/Screenshot-2023-08-24-at-4.18.21-PM.png" /> &nbsp; 05 USER TESTING FEEDBACK&nbsp; ︎︎︎ The average time spent on page increased with the implementation of jump links and key takeaways for long form content.&nbsp;︎︎︎ Ensuring that content is being pushed to where the users exist, which will pull them back to the VanEck site.︎︎︎ Information hierarchy and friendly UI for education page made the content more digestable and therefore decreased exit rates on the site.&nbsp; https://aashnasoni.com/shadeScape Thu, 17 Aug 2023 04:11:24 +0000 Aashna Soni https://aashnasoni.com/shadeScape VR PROTOTYPE DESIGN 2022 Virtual Reality UI Design and Strategy Blender and Figma SHADESCAPE shadeScape is a virtual escape experience to a dream-like world inspired by colour. It ties together meditation with open architecture and audio guides to immerse the user in a new world. It is inspired by fantasy dreamscapes that encourage a space of ‘zen’. <img width="3934" height="1300" width_o="3934" height_o="1300" data-src="https://freight.cargo.site/t/original/i/e9b97271ac5900a5b232b48c05f560fd5947b69bc541e1243725aa7a8f897657/jjj.png" data-mid="189140555" border="0" src="https://freight.cargo.site/w/1000/i/e9b97271ac5900a5b232b48c05f560fd5947b69bc541e1243725aa7a8f897657/jjj.png" /> A mindfulness retreat influenced by colour and dreamscape architecture.The VR experience allows the user to explore the space around them and engage in various exercises that could benefit their mental health and mind-soul connection. Colour will play an important role in determining how each environment is created and the feelings it may evoke in the user. A dreamscape is a dream-like environment inspired by artificial and whimsical architecture. It is purely fictional, but reflects a place where one would like to escape from the constraints of reality. *This prototype was built during two-weeks, therefore has not been fully fleshed out and acts as a proof of concept. The project outlines the user flow and story, visual aesthetic and includes two shade environments (green and pink). 01 BACKGROUND AND CONTEXT <img width="4170" height="1040" width_o="4170" height_o="1040" data-src="https://freight.cargo.site/t/original/i/02b5a7f1cb0000fd5a6fab6e07ce0865adfd07639c460154e532569b1223d8b7/shadescape11.png" data-mid="189116319" border="0" src="https://freight.cargo.site/w/1000/i/02b5a7f1cb0000fd5a6fab6e07ce0865adfd07639c460154e532569b1223d8b7/shadescape11.png" /> 02 USER FLOW AND NARRATION <img width="4012" height="894" width_o="4012" height_o="894" data-src="https://freight.cargo.site/t/original/i/cd83202a7c2b443339907879725b36ca0f4c72c91d0f7fce9c05553c081f4d33/userjourney.png" data-mid="189118493" border="0" src="https://freight.cargo.site/w/1000/i/cd83202a7c2b443339907879725b36ca0f4c72c91d0f7fce9c05553c081f4d33/userjourney.png" /> 03 BUILDING THE MODEL&nbsp;3D mesh renders of two different coloured environments highlighting the importance of space and architecture. ︎︎︎ Arches make spaces look bigger and allow light into the environment. ︎︎︎ Water and glass add great dimension to the user’s immersion in the space around them as they reflect light. &nbsp; &nbsp;&nbsp; <img width="3586" height="1007" width_o="3586" height_o="1007" data-src="https://freight.cargo.site/t/original/i/267aafc2d3ad688138368fca4baa2d4ce096b65612f7003c42dfae400415ecb2/blendermodelscreenshot.png" data-mid="189121782" border="0" src="https://freight.cargo.site/w/1000/i/267aafc2d3ad688138368fca4baa2d4ce096b65612f7003c42dfae400415ecb2/blendermodelscreenshot.png" /><img width="3586" height="805" width_o="3586" height_o="805" data-src="https://freight.cargo.site/t/original/i/8c1489b75ad33410af945331ca1524305d13188bbb888b4974914a36901b107f/blendermodelscreenshot-copy-3.png" data-mid="189121779" border="0" src="https://freight.cargo.site/w/1000/i/8c1489b75ad33410af945331ca1524305d13188bbb888b4974914a36901b107f/blendermodelscreenshot-copy-3.png" /><img width="3583" height="976" width_o="3583" height_o="976" data-src="https://freight.cargo.site/t/original/i/46099c7ae1f1a2293a9a69e4ff4e82a65c7b32259bcb8eee29728314c9ca4bbe/blendermodelscreenshot-copy.png" data-mid="189121780" border="0" src="https://freight.cargo.site/w/1000/i/46099c7ae1f1a2293a9a69e4ff4e82a65c7b32259bcb8eee29728314c9ca4bbe/blendermodelscreenshot-copy.png" /> The VR meditation experience is built in a first-person movement controller so the user can navigate through the 3D space and fully immerse themselves in the environment. The 3D environments have been created using Blender and then imported into Unity to create game and VR controls. 04 VISUAL PROTOTYPE&nbsp; <img width="3586" height="2598" width_o="3586" height_o="2598" data-src="https://freight.cargo.site/t/original/i/929ecf0f87d8838e6aa48d9930ab656513439515069125a81edb95e699013f04/blendermodelscreenshot1.png" data-mid="189124204" border="0" src="https://freight.cargo.site/w/1000/i/929ecf0f87d8838e6aa48d9930ab656513439515069125a81edb95e699013f04/blendermodelscreenshot1.png" /> 05 NEXT STEPS︎︎︎ Complete ‘shadeScape’ library of colours.︎︎︎ Build the project in unity with successful game interactions.︎︎︎ Conduct user testing with the Oculus Quest (eye tracking, hand tracking).︎︎︎ Further develop audio elements. https://aashnasoni.com/The-Humboldt-Hunt Mon, 14 Aug 2023 21:38:15 +0000 Aashna Soni https://aashnasoni.com/The-Humboldt-Hunt MOBILE APP INTERFACE DESIGN 2022 Augmented Reality UX Strategy &amp; Design Figma THE HUMBOLDT HUNT An interactive scavenger hunt game for teenagers to learn more about the Humboldt Forum’s ‘After Nature’ collection. This project is a high-fidelity prototype of an adventure game app on a smartphone. It involves completing various challenges that allow children to interact with objects in the museum in depth. <img width="2474" height="1560" width_o="2474" height_o="1560" data-src="https://freight.cargo.site/t/original/i/04abb457ff5f075120c1078da31db37e084a279d45f104010e899e8671464f8b/Screen-Recording-2023-08-16-at-6.23.07-PM.gif" data-mid="188127225" border="0" src="https://freight.cargo.site/w/1000/i/04abb457ff5f075120c1078da31db37e084a279d45f104010e899e8671464f8b/Screen-Recording-2023-08-16-at-6.23.07-PM.gif" /><img width="7712" height="6996" width_o="7712" height_o="6996" data-src="https://freight.cargo.site/t/original/i/2aba1c8b00374593d5c8239f268aef028e3820a3fc1d8dbdf3bb6c9845d0ed54/humboldt-hunt.png" data-mid="188749806" border="0" src="https://freight.cargo.site/w/1000/i/2aba1c8b00374593d5c8239f268aef028e3820a3fc1d8dbdf3bb6c9845d0ed54/humboldt-hunt.png" /> 01 BACKGROUND AND CONTEXT The Humboldt Forum is a museum in Berlin that fosters a technology driven hands-on exploration of history, art, and culture in Europe. They faced a problem keeping their younger visitors engaged in the museum and wanted to explore an interactive approach to learning. This project is a high-fidelity prototype of an adventure game app on a smartphone that is only usable on-site.The project intends to offer the audience a guided exploration of the museum in which the player can reward themselves with the discovery of specific objects and their significance. With the use of augmented reality, the player can interact with the objects intimately.The player is prompted to use specific clues related to the object’s description or its relationship to the exhibition, with the aim to locate them within the museum. 02 DEFINING THE PROBLEM Keeping children engaged at museums is difficult when their primary method of learning is through their sense of touch. How can we make the experience more immersive and allow children to interact with the objects in a fun way?︎&nbsp;Using augmented reality make museum experiences more immersive. 03 TARGET AUDIENCE AND MARKET RESEARCH The game is targeted towards young adults and children between the age of 10-18. They are more open to learning through immersive interactions that provide a playful environment.&nbsp; <img width="7504" height="2140" width_o="7504" height_o="2140" data-src="https://freight.cargo.site/t/original/i/1da9bc8f1c610fbad93f773e01f50f1e5345aa9adb88e1ffa313b24b32ecd7da/kmkm.png" data-mid="188840966" border="0" src="https://freight.cargo.site/w/1000/i/1da9bc8f1c610fbad93f773e01f50f1e5345aa9adb88e1ffa313b24b32ecd7da/kmkm.png" /> 04 USER PERSONAS AND INTERVIEWS <img width="7572" height="3408" width_o="7572" height_o="3408" data-src="https://freight.cargo.site/t/original/i/3cdd9ffd4b44efda0aefbc74b303619da7866b173304928cfedf02befa95c8a5/personas.png" data-mid="188898451" border="0" src="https://freight.cargo.site/w/1000/i/3cdd9ffd4b44efda0aefbc74b303619da7866b173304928cfedf02befa95c8a5/personas.png" /><img width="7880" height="1408" width_o="7880" height_o="1408" data-src="https://freight.cargo.site/t/original/i/1768d224960656d22b864a134fe79a53c734e48b3a7d2a5ebc43c56b1db912a3/interview.png" data-mid="188908325" border="0" src="https://freight.cargo.site/w/1000/i/1768d224960656d22b864a134fe79a53c734e48b3a7d2a5ebc43c56b1db912a3/interview.png" /> 05 FINDINGS OPPORTUNITIES <img width="8240" height="1148" width_o="8240" height_o="1148" data-src="https://freight.cargo.site/t/original/i/d388be6c7620f705d30966eac4f57ca64fc5f14a7dd6120beb2aaa316a8a1ce2/marketresearch.png" data-mid="188898449" border="0" src="https://freight.cargo.site/w/1000/i/d388be6c7620f705d30966eac4f57ca64fc5f14a7dd6120beb2aaa316a8a1ce2/marketresearch.png" /> PAIN POINTS <img width="8240" height="1148" width_o="8240" height_o="1148" data-src="https://freight.cargo.site/t/original/i/11342350b1d70d7bd0e1080f89f082c1b3ce175bd4449ca90bd912b3c6ff558c/painpo1.png" data-mid="188913706" border="0" src="https://freight.cargo.site/w/1000/i/11342350b1d70d7bd0e1080f89f082c1b3ce175bd4449ca90bd912b3c6ff558c/painpo1.png" /> 05 WIREFRAMES <img width="6836" height="8280" width_o="6836" height_o="8280" data-src="https://freight.cargo.site/t/original/i/c51f95105399f641cf25b962cf358a08b2ea57521f7b3fbfe4f772314fe94c26/hh6.png" data-mid="188750295" border="0" src="https://freight.cargo.site/w/1000/i/c51f95105399f641cf25b962cf358a08b2ea57521f7b3fbfe4f772314fe94c26/hh6.png" /> <img width="1678" height="918" width_o="1678" height_o="918" data-src="https://freight.cargo.site/t/original/i/ef25fa59e7590d96b5ebab2797c1f4e075e9083a9a6eb58e2c0cec972718fa0e/Design-System.png" data-mid="189135963" border="0" src="https://freight.cargo.site/w/1000/i/ef25fa59e7590d96b5ebab2797c1f4e075e9083a9a6eb58e2c0cec972718fa0e/Design-System.png" /> https://aashnasoni.com/Art-by-Motion Thu, 17 Aug 2023 04:12:54 +0000 Aashna Soni https://aashnasoni.com/Art-by-Motion MACHINE LEARNING &amp; GENERATIVE DESIGN 2021 p5.js and tensorflow.js Collaborative project with Shara Tihani ART BY MOTION An interactive exhibition where the audience can manipulate the formal artistic elements in real time through machine learning. The prototype highlights three immersive exhibits that users can interact with (line, colour, and space).&nbsp; <img width="1626" height="720" width_o="1626" height_o="720" data-src="https://freight.cargo.site/t/original/i/96e0dcf7d9009ab4a7dd1f381a17f6980a2789e29835d46160aa6927607e72fd/art-by-motion-user-interaction-copy.gif" data-mid="189140664" border="0" src="https://freight.cargo.site/w/1000/i/96e0dcf7d9009ab4a7dd1f381a17f6980a2789e29835d46160aa6927607e72fd/art-by-motion-user-interaction-copy.gif" /> <img width="1178" height="764" width_o="1178" height_o="764" data-src="https://freight.cargo.site/t/original/i/8cf0f250bb6ba58f9a11971c1c3724fc198d3a63b0921a1841c2a98882893e04/line-video-copy.gif" data-mid="189141006" border="0" data-scale="97" src="https://freight.cargo.site/w/1000/i/8cf0f250bb6ba58f9a11971c1c3724fc198d3a63b0921a1841c2a98882893e04/line-video-copy.gif" /> <img width="2488" height="1560" width_o="2488" height_o="1560" data-src="https://freight.cargo.site/t/original/i/59e3bc742fb189ba00fa41e6574de962813b46a717a476598e4c675c9e91c3a1/Screen-Recording-2023-08-28-at-12.38.31-PM-5.gif" data-mid="189097829" border="0" src="https://freight.cargo.site/w/1000/i/59e3bc742fb189ba00fa41e6574de962813b46a717a476598e4c675c9e91c3a1/Screen-Recording-2023-08-28-at-12.38.31-PM-5.gif" /> <img width="1600" height="958" width_o="1600" height_o="958" data-src="https://freight.cargo.site/t/original/i/1e1c149ef4863d30d53d5312b2ef9786dd22824d787b89dc97face0b93b68733/art-by-motion-user-interaction_1.gif" data-mid="189217038" border="0" src="https://freight.cargo.site/w/1000/i/1e1c149ef4863d30d53d5312b2ef9786dd22824d787b89dc97face0b93b68733/art-by-motion-user-interaction_1.gif" /> Using machine learning technology to build immersive art experiences. 01 BACKGROUND AND CONTEXT Using HandPose and PoseNet, we wanted to manipulate formal artistic elements in real time through machine learning. Ideally, this would be set in a dark gallery atmosphere where users can go around the room playing with each piece. However, for the scope of this project, we created three sketches on p5.js in which our users can test out interacting with the pieces. 02 PRODUCT DEFINITION AND AUDIENCEThe foundation of this project is built on exploring the relationship between the body, art, and technology. Interactive methods correlate with positive student outcomes, such as higher rates of attention, interest in subject matter. Young adults enjoy playing around in physical spaces and moving their body; this exhibition targets an audience who wish to explore the relationship between the elements of art and technology. 03 MARKET RESEARCH <img width="3124" height="932" width_o="3124" height_o="932" data-src="https://freight.cargo.site/t/original/i/a7c8c971df1abe26e23de7fb412d9ed53969a8709ce78ac86bcfe8cf041a4fd3/market-research.png" data-mid="189207873" border="0" src="https://freight.cargo.site/w/1000/i/a7c8c971df1abe26e23de7fb412d9ed53969a8709ce78ac86bcfe8cf041a4fd3/market-research.png" /> 04 TRAINING THE MACHINE <img width="8653" height="2094" width_o="8653" height_o="2094" data-src="https://freight.cargo.site/t/original/i/925addb94dc05bea6b8b956312615eaee0a95f922363e66da08c36c520c1f105/abm4.png" data-mid="189142928" border="0" src="https://freight.cargo.site/w/1000/i/925addb94dc05bea6b8b956312615eaee0a95f922363e66da08c36c520c1f105/abm4.png" />The AI model was trained to understand different body poses and how the particles should move towards and away from the human tracking points. Each sketch focuses on a unique way for the user to interact with the element of art.&nbsp; &nbsp;Below is a description of how the user can interact with colour, line and space:&nbsp; <img width="4138" height="1666" width_o="4138" height_o="1666" data-src="https://freight.cargo.site/t/original/i/e6230215287cbcdd146d3aa74615c9c0bd921347b7bc46e2151ebfa364b9ce41/colour-line-and-space.png" data-mid="189142784" border="0" src="https://freight.cargo.site/w/1000/i/e6230215287cbcdd146d3aa74615c9c0bd921347b7bc46e2151ebfa364b9ce41/colour-line-and-space.png" /> Click below to play around with the interactive sketches:&nbsp;︎︎︎&nbsp;Colour https://editor.p5js.org/aashnasoni/full/5Hu9RS-4z ︎︎︎ Line&nbsp;https://editor.p5js.org/aashnasoni/full/_gTv1vO4_︎︎︎ Space&nbsp;https://editor.p5js.org/aashnasoni/full/RpdcD7jjr 05 USER TESTING AND FEEDBACK&nbsp; ︎︎︎Lerping indexX for a smoother interaction in the colour sketch. ︎︎︎Improving the Z axis distance so the user can move their hand within the dimensions of the screen.︎︎︎ Build out the next three elements of art sketches&nbsp; 06 EXHIBIT MOCKUP <img width="2326" height="1230" width_o="2326" height_o="1230" data-src="https://freight.cargo.site/t/original/i/98c91869ab5558a7a4b7b55be73c57942e8ee028339e128b1166c23850e274b9/exhibition-mockup.png" data-mid="189142839" border="0" src="https://freight.cargo.site/w/1000/i/98c91869ab5558a7a4b7b55be73c57942e8ee028339e128b1166c23850e274b9/exhibition-mockup.png" /> https://aashnasoni.com/Nicobar Sat, 26 Aug 2023 23:13:20 +0000 Aashna Soni https://aashnasoni.com/Nicobar VISUAL DESIGN AND AUGMENTED REALITY 2021 Digital Marketing, UX Design and Research, Brand Identity and Strategy Meta Spark Studio, Adobe After Effects and Photoshop NICOBAR’S OUTDOOR CAMPAIGN AR FILTER Interactive marketing tool for Nicobar’s end of season campaign–the goal of the AR filter was to promote the outdoors and transport people to different environments. The filter incoporates three environments that are built into one through a tap interaction.&nbsp;This generated more traction with the consumers and followers as they shared the filter and brought more engagement to the Instagram page. <img width="2490" height="1564" width_o="2490" height_o="1564" data-src="https://freight.cargo.site/t/original/i/2a3ebfc4f36b22fe04af19aac834068415b9129c769932eca49edd843fe77223/new-filter-5.gif" data-mid="189343945" border="0" src="https://freight.cargo.site/w/1000/i/2a3ebfc4f36b22fe04af19aac834068415b9129c769932eca49edd843fe77223/new-filter-5.gif" /> <img width="1288" height="2292" width_o="1288" height_o="2292" data-src="https://freight.cargo.site/t/original/i/a43b3956207ca720f118a8c9180e79c812837b2f454b0fff5035d1fb01f06744/Screenshot-2020-12-29-at-1.40-1.png" data-mid="189143289" border="0" src="https://freight.cargo.site/w/1000/i/a43b3956207ca720f118a8c9180e79c812837b2f454b0fff5035d1fb01f06744/Screenshot-2020-12-29-at-1.40-1.png" /> <img width="1288" height="2292" width_o="1288" height_o="2292" data-src="https://freight.cargo.site/t/original/i/82f37976630bc028ce1653a3fe9da18e50a5408f3a066d1f3ec24fef27e3ce09/night-filter1-1.png" data-mid="189143287" border="0" src="https://freight.cargo.site/w/1000/i/82f37976630bc028ce1653a3fe9da18e50a5408f3a066d1f3ec24fef27e3ce09/night-filter1-1.png" /> <img width="1280" height="2292" width_o="1280" height_o="2292" data-src="https://freight.cargo.site/t/original/i/5ad538ebc6c7bf22269097a12e58b3177221ba15e76de1f1940c2f0d5777633a/night-filter2-1.png" data-mid="189143288" border="0" data-scale="99" src="https://freight.cargo.site/w/1000/i/5ad538ebc6c7bf22269097a12e58b3177221ba15e76de1f1940c2f0d5777633a/night-filter2-1.png" /> <img width="1288" height="2292" width_o="1288" height_o="2292" data-src="https://freight.cargo.site/t/original/i/16a6dd84c44619c948b992c6da1b03ef4653800d93c179cb84be2609c1cf11c6/Underwater-1.png" data-mid="189143290" border="0" src="https://freight.cargo.site/w/1000/i/16a6dd84c44619c948b992c6da1b03ef4653800d93c179cb84be2609c1cf11c6/Underwater-1.png" /> <img width="7712" height="4884" width_o="7712" height_o="4884" data-src="https://freight.cargo.site/t/original/i/f7648dea0bbef1308c2ad1690726b8006834482db301f89ec78a4f7db3b3c4b0/intothetropics.png" data-mid="189336996" border="0" src="https://freight.cargo.site/w/1000/i/f7648dea0bbef1308c2ad1690726b8006834482db301f89ec78a4f7db3b3c4b0/intothetropics.png" />