CINXE.COM

<!DOCTYPE html><html data-wf-domain="jwdd.webflow.io" data-wf-page="658eb2e432bcbd8cdad8a940" data-wf-site="6468c254231ed90e8fe737df"><head><meta charset="utf-8"/><title>UX Projects</title><meta content="UX Projects" property="og:title"/><meta content="UX Projects" property="twitter:title"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/6468c254231ed90e8fe737df/css/jwdd.webflow.8f923a1a8.css" rel="stylesheet" type="text/css"/><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/6468c254231ed90e8fe737df/64e5d39afb8451552fa006a9_Frame%20481818.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/6468c254231ed90e8fe737df/64e5d39e1d71f5c955dc9773_Frame%20481819.png" rel="apple-touch-icon"/><style> [mode="UX"] { --accent-color:var(--ux--color); --h1:var(--ux--font); --h3:var(--ux--font); --h4:var(--ux--font); --p:var(--ux--font); } [mode="GFX"] { --accent-color:var(--gfx--color); --h1:var(--gfx--font); --h3:var(--gfx--font); --h4:var(--gfx--font); --p:var(--gfx--font2); } [mode="CGI"] { --accent-color:var(--cgi--color); --h1:var(--cgi--font3); --h3:var(--cgi--font2); --h4:var(--cgi--font2); --p:var(--cgi--font4); } </style></head><body class="body"><div class="styles w-embed"><style> [mode="UX"] { --accent-color:var(--ux--color); --h1:var(--ux--font); --h3:var(--ux--font); --h4:var(--ux--font); --p:var(--ux--font); } [mode="GFX"] { --accent-color:var(--gfx--color); --h1:var(--gfx--font); --h3:var(--gfx--font); --h4:var(--gfx--font); --p:var(--gfx--font); } [mode="CGI"] { --accent-color:var(--cgi--color); --h1:var(--cgi--font); --h3:var(--cgi--font); --h4:var(--cgi--font); --p:var(--cgi--font); } </style></div><section data-w-id="c1845497-e6ae-e5dd-e753-8aac7575cffe" class="section menu"><div class="w-layout-blockcontainer container nav w-container"><div class="navbar"><a href="/" class="link-block-2 w-inline-block"><div class="h4 ux">JWdD</div></a><div class="menu"><div class="h4 ux">Menu</div><div data-w-id="c1845497-e6ae-e5dd-e753-8aac7575d006" class="hamburger"><div data-w-id="703d3b22-f617-b4be-2479-64acf86cf260" data-is-ix2-target="1" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/6468c254231ed90e8fe737df/65a55203a34a8c57585a8bef_menu.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="2.4791666666666665" data-duration="2.4791666666666665" data-ix2-initial-state="0"></div></div></div></div></div><div data-w-id="88d50945-3e3e-58a1-3163-669f0bb2cfff" class="big-wrapper"><div class="w-layout-blockcontainer container menu w-container"><div class="menu-links-wrapper"><a href="/" class="menu-link">Home</a><a href="/about" class="menu-link">About</a><a href="/ux-projects" aria-current="page" class="menu-link w--current">UX/UI</a><a href="/gfx-projects" class="menu-link">Graphic Design</a><a href="/cgi-projects" class="menu-link">CGI Visuals</a></div><div class="menu-links-wrapper"><a data-w-id="65bfacef-0874-fede-da08-a39de326defc" href="mailto:jwdd97@gmail.com?subject=Ciao!" class="inline_block w-inline-block"><div data-w-id="65bfacef-0874-fede-da08-a39de326defd" class="link"><div class="h4 ux block">jwdd97@gmail.com</div><div data-w-id="65bfacef-0874-fede-da08-a39de326df00" class="arrow_link"><img src="https://cdn.prod.website-files.com/6468c254231ed90e8fe737df/658dae38a45b426219e6586a_Arrow.svg" loading="lazy" width="21" alt=""/></div></div></a><a data-w-id="65bfacef-0874-fede-da08-a39de326defc" href="https://www.instagram.com/billy__jwdd" target="_blank" class="inline_block w-inline-block"><div data-w-id="65bfacef-0874-fede-da08-a39de326defd" class="link"><div class="h4 ux block">@billy__jwdd</div><div data-w-id="65bfacef-0874-fede-da08-a39de326df00" class="arrow_link"><img src="https://cdn.prod.website-files.com/6468c254231ed90e8fe737df/658dae38a45b426219e6586a_Arrow.svg" loading="lazy" width="21" alt=""/></div></div></a></div></div><section></section></div></section><section mode="UX" class="section first"><div class="w-layout-blockcontainer container w-container"><div class="h1 ux">UX/UI Projects</div><div class="_75"><div class="p ux gray">Works of interaction design across different media.</div></div></div><div class="w-layout-blockcontainer container w-container"><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><div class="project-instance"><div class="w-layout-grid _1-1grid"><a id="w-node-a9f3653c-5317-5bdb-149d-8244c26d9817-9c372a91" href="/prjcts/atelier-c-website" class="w-inline-block"><div id="w-node-_22a218e7-7b35-bb52-9a10-64229c372a93-9c372a91" class="next_img"><img alt="" loading="lazy" src="https://cdn.prod.website-files.com/6468c7ad8426474d80205482/671ba04bb5d0dc7f383743fd_atelier_c.webp" class="image"/></div></a><div id="w-node-_22a218e7-7b35-bb52-9a10-64229c372a95-9c372a91" class="next_desc"><div><div class="p ux gray">2024</div><div class="h4 ux">Atelier C Website</div></div><div class="h4 ux desc">Website design and development for my friends at Atelier C</div><a href="/prjcts/atelier-c-website" class="link-block w-inline-block"><div class="p ux button"> Open project</div></a></div></div></div></div><div role="listitem" class="w-dyn-item"><div class="project-instance"><div class="w-layout-grid _1-1grid"><a id="w-node-a9f3653c-5317-5bdb-149d-8244c26d9817-9c372a91" href="/prjcts/limiteazero-website" class="w-inline-block"><div id="w-node-_22a218e7-7b35-bb52-9a10-64229c372a93-9c372a91" class="next_img"><img alt="" loading="lazy" src="https://cdn.prod.website-files.com/6468c7ad8426474d80205482/66bf297912cf919da9de25cf_limitew_zero_cover.webp" class="image"/></div></a><div id="w-node-_22a218e7-7b35-bb52-9a10-64229c372a95-9c372a91" class="next_desc"><div><div class="p ux gray">2023</div><div class="h4 ux">Limiteazero Website</div></div><div class="h4 ux desc">I designed. limiteazero website</div><a href="/prjcts/limiteazero-website" class="link-block w-inline-block"><div class="p ux button"> Open project</div></a></div></div></div></div><div role="listitem" class="w-dyn-item"><div class="project-instance"><div class="w-layout-grid _1-1grid"><a id="w-node-a9f3653c-5317-5bdb-149d-8244c26d9817-9c372a91" href="/prjcts/votefutureeu-campaign-ar-filters-for-eu-elections" class="w-inline-block"><div id="w-node-_22a218e7-7b35-bb52-9a10-64229c372a93-9c372a91" class="next_img"><img alt="" loading="lazy" src="https://cdn.prod.website-files.com/6468c7ad8426474d80205482/66bb6d76f58fb1c4b681cb8b__cover_future_eu.webp" class="image"/></div></a><div id="w-node-_22a218e7-7b35-bb52-9a10-64229c372a95-9c372a91" class="next_desc"><div><div class="p ux gray">2024</div><div class="h4 ux">#votefutureeu Face-filters</div></div><div class="h4 ux desc">Developed AR face filters for #votefutureeu campaign, encouraging youth engagement in EU elections. Created two filters: an aesthetic "I Voted" design and an interactive eco-anxiety quiz. Balanced political messaging with social media appeal, leveraging Instagram and TikTok platforms to promote climate action voting.</div><a href="/prjcts/votefutureeu-campaign-ar-filters-for-eu-elections" class="link-block w-inline-block"><div class="p ux button"> Open project</div></a></div></div></div></div><div role="listitem" class="w-dyn-item"><div class="project-instance"><div class="w-layout-grid _1-1grid"><a id="w-node-a9f3653c-5317-5bdb-149d-8244c26d9817-9c372a91" href="/prjcts/a-digital-garden-ar-filters" class="w-inline-block"><div id="w-node-_22a218e7-7b35-bb52-9a10-64229c372a93-9c372a91" class="next_img"><img alt="" loading="lazy" src="https://cdn.prod.website-files.com/6468c7ad8426474d80205482/66b64f4655f7c11ceddbae24_cover.webp" class="image"/></div></a><div id="w-node-_22a218e7-7b35-bb52-9a10-64229c372a95-9c372a91" class="next_desc"><div><div class="p ux gray">2024</div><div class="h4 ux">A Digital Garden: AR Filters</div></div><div class="h4 ux desc">AR filters bring artwork to life. Interactive butterflies, dragonflies, and plants enhance viewer experience through Instagram AR.</div><a href="/prjcts/a-digital-garden-ar-filters" class="link-block w-inline-block"><div class="p ux button"> Open project</div></a></div></div></div></div><div role="listitem" class="w-dyn-item"><div class="project-instance"><div class="w-layout-grid _1-1grid"><a id="w-node-a9f3653c-5317-5bdb-149d-8244c26d9817-9c372a91" href="/prjcts/gallerie-ditalia-torino-app-design" class="w-inline-block"><div id="w-node-_22a218e7-7b35-bb52-9a10-64229c372a93-9c372a91" class="next_img"><img alt="" loading="lazy" src="https://cdn.prod.website-files.com/6468c7ad8426474d80205482/65a3ed77390d57d9167d39c3_cover_gdi.webp" class="image"/></div></a><div id="w-node-_22a218e7-7b35-bb52-9a10-64229c372a95-9c372a91" class="next_desc"><div><div class="p ux gray">2021 - 2024</div><div class="h4 ux">Gallerie d'Italia - App</div></div><div class="h4 ux desc">App Design. User experience and interface of the Gallerie d'Italia - Torino museum app. </div><a href="/prjcts/gallerie-ditalia-torino-app-design" class="link-block w-inline-block"><div class="p ux button"> Open project</div></a></div></div></div></div><div role="listitem" class="w-dyn-item"><div class="project-instance"><div class="w-layout-grid _1-1grid"><a id="w-node-a9f3653c-5317-5bdb-149d-8244c26d9817-9c372a91" href="/prjcts/feell-your-mobility-an-immersive-experience-to-nudge-active-mobility" class="w-inline-block"><div id="w-node-_22a218e7-7b35-bb52-9a10-64229c372a93-9c372a91" class="next_img"><img alt="" loading="lazy" src="https://cdn.prod.website-files.com/6468c7ad8426474d80205482/66b49377ef9ae2932fc6a0f7_cover.webp" class="image"/></div></a><div id="w-node-_22a218e7-7b35-bb52-9a10-64229c372a95-9c372a91" class="next_desc"><div><div class="p ux gray">2021 - 2024</div><div class="h4 ux">Feel your mobility</div></div><div class="h4 ux desc">This research explores urban transformation through immersive design. The project culminates in dynamic 3D environments that contrast utopian and dystopian urban futures, illustrating the impact of commuting choices.</div><a href="/prjcts/feell-your-mobility-an-immersive-experience-to-nudge-active-mobility" class="link-block w-inline-block"><div class="p ux button"> Open project</div></a></div></div></div></div></div></div></div></section><section class="section"><div class="w-layout-blockcontainer container w-container"><div class="contact-block"><div class="w-layout-grid grid"><div id="w-node-c7ac5089-25c4-41ef-3e55-8a6ce48478c5-780eb7d0" class="image-container lottie"><div id="w-node-_38a05946-e809-332e-8171-310226cba563-780eb7d0" data-w-id="38a05946-e809-332e-8171-310226cba563" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/6468c254231ed90e8fe737df/659ebd6ac36b4ea7d8111bd6_Simple%20contact.lottie" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="2.48" data-duration="0"></div></div><div id="w-node-_5d93c118-91a4-40e1-28bb-740e780eb7d3-780eb7d0"><div class="h4 ux contact">If it is for a job, a collaboration, or a conversation, don’t hesitate to contact me wherever you prefer.</div><a data-w-id="65bfacef-0874-fede-da08-a39de326defc" href="mailto:jwdd97@gmail.com?subject=Ciao!" class="inline_block w-inline-block"><div data-w-id="65bfacef-0874-fede-da08-a39de326defd" class="link"><div class="h4 ux block">Email</div><div data-w-id="65bfacef-0874-fede-da08-a39de326df00" class="arrow_link"><img src="https://cdn.prod.website-files.com/6468c254231ed90e8fe737df/658dae38a45b426219e6586a_Arrow.svg" loading="lazy" width="21" alt=""/></div></div></a><a data-w-id="65bfacef-0874-fede-da08-a39de326defc" href="https://www.instagram.com/billy__jwdd/" target="_blank" class="inline_block w-inline-block"><div data-w-id="65bfacef-0874-fede-da08-a39de326defd" class="link"><div class="h4 ux block">Instagram</div><div data-w-id="65bfacef-0874-fede-da08-a39de326df00" class="arrow_link"><img src="https://cdn.prod.website-files.com/6468c254231ed90e8fe737df/658dae38a45b426219e6586a_Arrow.svg" loading="lazy" width="21" alt=""/></div></div></a></div></div></div></div></section><section class="section footer"><div class="w-layout-blockcontainer container w-container"><div class="w-layout-grid grid-1-1-1"><div id="w-node-_49e73857-3b77-cdd6-a0f9-89f86dc1b568-6dc1b565" class="footer_element"><div class="p ux">© Jacopo William de Denaro 2023</div><div class="p ux gray">This website is fully designed and developed by me, do you need one?<br/>‍<a href="mailto:jwdd97@gmail.com?subject=Cool%20website%2C%20I%20want%20one%20too%20%3A)">Hit me up</a></div></div><div id="w-node-_49e73857-3b77-cdd6-a0f9-89f86dc1b56f-6dc1b565" class="footer_element"><div class="p ux"><a href="mailto:jwdd97@gmail.com?subject=Ciao!">jwdd97@gmail.com</a></div><div class="p ux"><a href="https://www.instagram.com/billy__jwdd/" target="_blank">@billy＿jwdd</a></div><div class="p ux"><a href="https://twitter.com/DenaroJacopo" target="_blank">@DenaroJacopo</a></div></div><div id="w-node-_49e73857-3b77-cdd6-a0f9-89f86dc1b579-6dc1b565" class="footer_element"><div class="p ux"><a href="/">Home<br/></a></div><div class="p ux"><a href="/about">About Me<br/></a></div><div class="p ux"><a href="/ux-projects" aria-current="page" class="w--current">UX/UI Works<br/></a></div><div class="p ux"><a href="/gfx-projects">Graphic Design Works<br/></a></div><div class="p ux"><a href="/cgi-projects">Creative Media Works<br/></a></div></div></div></div></section><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6468c254231ed90e8fe737df" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/6468c254231ed90e8fe737df/js/webflow.77e4ef423.js" type="text/javascript"></script><script> </script></body></html>