<!DOCTYPE html>
<html>
<head>
<title></title>
<meta name="description" content="Is Gabriele Leonardi a web developer?">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="index.css" />
</head>
<body>
<!-- ▒ p ▒ r ▒ o ▒ j ▒ e ▒ c ▒ t ▒ s ▒ -->
<loewe-foundation-craft-prize-2024 ✣="Infinite looping scroll of exquisite artworks">
<state ●="live"></state>
<project name="Loewe Foundation Craft Prize 2024" year="2024"></project>
<a select+visit="→" href="https://craftprizeexhibition.loewe.com"></a>
<stack backend="Sanity" api="GraphQL" frontend="Nuxt 3"></stack>
</loewe-foundation-craft-prize-2024>
<bids-for-survival ✣="3D exploration and digital archive of two exhibitions">
<state ●="live"></state>
<project name="Bid(s) for Survival" year="2024"></project>
<a select+visit="→" href="https://bidsforsurvival.com"></a>
<stack backend="Sanity" api="GraphQL" frontend="Nuxt 3"></stack>
</bids-for-survival>
<zucchetti ✣="Giving life to a huge database of bathroom products and solutions">
<state ●="live"></state>
<project name="Zucchetti" year="2024"></project>
<a select+visit="→" href="https://zucchettidesign.it"></a>
<stack backend="Craft CMS + Craft Commerce" api="GraphQL" frontend="Nuxt 3"></stack>
</zucchetti>
<out-of-ram ✣="Dynamically rearranging tag-based archive">
<state ●="live"></state>
<project name="OUT OF RAM" year="2024"></project>
<a select+visit="→" href="https://outofram.xyz"></a>
<stack backend="Sanity" api="GraphQL" frontend="Nuxt 3"></stack>
</out-of-ram>
<massimo-de-carlo ✣="One of the most important art galleries in Italy">
<state ●="live"></state>
<project name="Massimo De Carlo" year="2024"></project>
<a select+visit="→" href="https://massimodecarlo.com"></a>
<stack backend="Craft CMS + Shopify" api="GraphQL" frontend="Nuxt 3"></stack>
</massimo-de-carlo>
<twentyfive-av ✣="Trimming typography to the edges">
<state ●="live"></state>
<project name="25AV" year="2022"></project>
<a select+visit="→" href="https://25av.eu"></a>
<stack backend="Headless WordPress" api="GraphQL" frontend="Vue 3"></stack>
</twentyfive-av>
<six-am ✣="Bold glass portfolio">
<state ●="live"></state>
<project name="6:AM" year="2024"></project>
<a select+visit="→" href="https://6am.glass"></a>
<stack backend="Sanity" api="GraphQL" frontend="Nuxt 3"></stack>
</six-am>
<nome-studio ✣="Scroll anchoring with overlay route">
<state ●="live"></state>
<project name="Nome Studio" year="2023"></project>
<a select+visit="→" href="https://nome-studio.com"></a>
<stack backend="Strapi" api="GraphQL" frontend="Vue 3"></stack>
</nome-studio>
<future-ensemble ✣="Modular grid system and animated SVGs">
<state ●="live"></state>
<project name="future ensemble" year="2023"></project>
<a select+visit="→" href="https://futureensemble.co"></a>
<stack backend="Decap CMS + Vite SSG" frontend="Vue 3"></stack>
</future-ensemble>
<pinacoteca-agnelli ✣="Complex museum website">
<state ●="live"></state>
<project name="Pinacoteca Agnelli" year="2022"></project>
<a select+visit="→" href="https://pinacoteca-agnelli.it"></a>
<stack backend="Headless WordPress" api="REST" frontend="Vue 2"></stack>
</pinacoteca-agnelli>
<davide-busnelli ✣="Using Astro in production">
<state ●="live"></state>
<project name="Davide Busnelli" year="2023"></project>
<a select+visit="→" href="https://davidebusnelli.com"></a>
<stack backend="Decap CMS + Astro" frontend="Astro + Vue 3"></stack>
</davide-busnelli>
<fortuny ✣="Combining Shopify and Craft CMS">
<state ●="live"></state>
<project name="Fortuny" year="2022"></project>
<a select+visit="→" href="https://fortuny.com"></a>
<stack backend="Craft CMS + Shopify" api="GraphQL" frontend="Nuxt 3"></stack>
</fortuny>
<capsule ✣="Not quite like the old web">
<state ●="live"></state>
<project name="Capsule" year="2022"></project>
<a select+visit="→" href="https://capsule.global"></a>
<stack backend="Shopify" api="GraphQL" frontend="Nuxt 2"></stack>
</capsule>
<giga-stock ✣="Funky animations">
<state ●="live"></state>
<project name="Giga Stock" year="2022"></project>
<a select+visit="→" href="https://gigastock.net"></a>
<stack backend="Shopify" api="GraphQL" frontend="Nuxt 2"></stack>
</giga-stock>
<prode ✣="Integrating an interactive 3D model">
<state □="archived"></state>
<project name="Prode – Scientific Production in Design" year="2022"></project>
<a select+visit="→" href="https://dev.gigadesignstudio.com/prode.polimi.it"></a>
<stack backend="Headless WordPress" api="REST" frontend="Vue 2"></stack>
</prode>
<twentyfifty-plus ✣="Brutalist one page">
<state ●="live"></state>
<project name="2050+" year="2022"></project>
<a select+visit="→" href="https://2050.plus"></a>
<stack backend="Headless WordPress" api="REST" frontend="Vue 2"></stack>
</twentyfifty-plus>
<flavia-tschanz ✣="Block-based pages with multiple layout variations">
<state ●="live"></state>
<project name="Flavia Tschanz" year="2022"></project>
<a select+visit="→" href="https://flaviatschanz.ch"></a>
<stack backend="Headless WordPress + WooCommerce" api="REST" frontend="Vue 2"></stack>
</flavia-tschanz>
<luca-venturelli ✣="Content has to breathe">
<state ●="live"></state>
<project name="Luca Venturelli" year="2022"></project>
<a select+visit="→" href="http://www.lucaventurelli.com"></a>
<stack backend="static" frontend="Nuxt 2"></stack>
</luca-venturelli>
<nmthree ✣="Working with canvas and lazy loading">
<state ●="live"></state>
<project name="NM3" year="2021"></project>
<a select+visit="→" href="https://nm3.xyz"></a>
<stack backend="Headless WordPress + WooCommerce" api="REST" frontend="Vue 2"></stack>
</nmthree>
<!-- ▒ c ▒ o ▒ n ▒ t ▒ a ▒ c ▒ t ▒ s ▒ -->
<profile name="Gabriele Leonardi" birth="1994" role="Web developer"></profile>
<a select+visit="→" href="mailto:leonardi.gabriele.lg@gmail.com"></a>
<a select+visit="→" href="tel:+39 3396343299"></a>
<a select+visit="→" href="https://linkedin.com/in/gabrieleleonardi"></a>
</body>
</html>