https://www.maurodefalco.it/design

1<!DOCTYPE html><html  lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="/_nuxt/entry.D038ao_5.css" crossorigin><style>:where(.i-ph\:list-bold){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cpath fill='black' d='M228 128a12 12 0 0 1-12 12H40a12 12 0 0 1 0-24h176a12 12 0 0 1 12 12M40 76h176a12 12 0 0 0 0-24H40a12 12 0 0 0 0 24m176 104H40a12 12 0 0 0 0 24h176a12 12 0 0 0 0-24'/%3E%3C/svg%3E")}:where(.i-ph\:x-bold){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cpath fill='black' d='M208.49 191.51a12 12 0 0 1-17 17L128 145l-63.51 63.49a12 12 0 0 1-17-17L111 128L47.51 64.49a12 12 0 0 1 17-17L128 111l63.51-63.52a12 12 0 0 1 17 17L145 128Z'/%3E%3C/svg%3E")}</style><link rel="modulepreload" as="script" crossorigin href="/_nuxt/Fbkb5qwN.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BtfY_XYg.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/T7BinLF5.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/DCFH7BdU.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/B2dqYLwa.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BvSoWoVY.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CItBpdEV.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/qDDCUB2X.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/Bulstjd0.js">

1<script type="module" src="/_nuxt/Fbkb5qwN.js" crossorigin></script>

1<link rel="icon" type="image/x-icon" href="/favicon.ico"><meta name="format-detection" content="telephone=no"><meta property="og:type" content="website"><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"><title>Design | HeadlessWP</title><meta name="twitter:card" content="summary_large_image"><meta property="og:title" data-infer="" content="Design | HeadlessWP"><link rel="canonical" href="https://www.maurodefalco.it/design"><meta property="og:url" content="https://www.maurodefalco.it/design"><meta property="og:site_name" content="HeadlessWP"></head><body><div id="__nuxt"><!--[--><header class="p-4 md:p-6"><div class="rotate-25 bg-gradient-to-r from-sky-600/95 to-teal-600/95 max-w-[90%] w-full md:w-1/3 h-[120px] filter blur-[160px] absolute mix-blend-screen -z-10 top-16 left-3/3 md:left-3/3"></div><div class="rotate-15 bg-gradient-to-r from-purple-600/65 to-blue-600/20 max-w-[100%] w-full md:w-1/2 h-[200px] filter blur-[180px] absolute mix-blend-screen top-20 right-11 glow-ball"></div><nav aria-label="Main" class="flex flex-col mx-auto max-w-6xl justify-between py-2 md:flex-row md:items-center md:justify-between"><div class="flex items-center justify-between"><a href="/" class="flex items-center"><img src="/m-logo.png" alt="Logo" class="z-50 block invert logo w-20 h-20"><div class="overflow-hidden"><span class="block logo-name ml-2">Mauro De Falco</span></div></a><button type="button" class="block md:hidden p-2 text-3xl text-white" aria-expanded="false" aria-label="Open menu"><span class="iconify i-ph:list-bold" aria-hidden="true" style=""></span></button></div><div class="translate-x-full md:hidden fixed inset-0 z-40 flex flex-col items-end bg-gray-950 pr-4 pt-6 transition-transform duration-300 ease-in-out will-change-transform"><button aria-expanded="false" type="button" aria-label="Close menu" class="block md:hidden p-2 text-3xl text-white"><span class="iconify i-ph:x-bold" aria-hidden="true" style=""></span></button><ul class="grid justify-items-end gap-6"><!--[--><li><a href="/about" class="min-h-11 px-3 text-3xl first:mt-8 text-white">About</a></li><li><a href="/blog" class="min-h-11 px-3 text-3xl first:mt-8 text-white">Blog</a></li><li><a href="/projects" class="min-h-11 px-3 text-3xl first:mt-8 text-white">Projects</a></li><li><a aria-current="page" href="/design" class="router-link-active router-link-exact-active min-h-11 px-3 text-3xl first:mt-8 text-white">Design</a></li><!--]--></ul></div><ul class="hidden md:flex items-center gap-6"><!--[--><li><a href="/about" class="min-h-11 px-3 font-medium text-white">About</a></li><li><a href="/blog" class="min-h-11 px-3 font-medium text-white">Blog</a></li><li><a href="/projects" class="min-h-11 px-3 font-medium text-white">Projects</a></li><li><a aria-current="page" href="/design" class="router-link-active router-link-exact-active min-h-11 px-3 font-medium text-white">Design</a></li><!--]--></ul></nav></header><!--[--><div></div><div class="design-wrapper"><div class="max-w-[1080px] mx-auto px-4 py-6"><!--[--><div class="overflow-hidden"><h1 class="page_title"><!--[-->Design<!--]--></h1></div><div class="overflow-hidden"><p class="max-w-lg page_desc !mb-0"><!--[--> Progetto interfacce intuitive e moderne per web e mobile. Ecco una selezione di lavori realizzati con Figma, focalizzati su UI/UX design.<!--]--></p></div><!--]--></div><div class="container max-w-[1080px] p-4 mx-auto"><ul class="grid grid-cols-1 md:grid-cols-2 gap-8"><!--[--><li class="flex flex-col gap-8 p-4 md:p-8 rounded-lg bg-gray-950 hover:scale-105 border-2 border-gray-900 hover:rotate-3 transition-all hover:border hover:border-sky-400 relative"><a href="https://www.behance.net/gallery/170967091/-NEW-PERSONAL-WEBSITE-23-" target="_blank"><div class="img-wrapper"><img src="/roberto_acampora_design.webp" alt="" class="w-full h-full object-cover rounded-lg mb-5"></div><div class="text-sm"><h4 class="font-semibold text-xl">Roberto Acampora</h4><p class="text-sm mb-0">Roberto Acampora è un designer freelancer. Abbiamo realizzato il progetto del suo sito web personale, con un design minimalista, moderno e animato, realizzato con Figma, sviluppato con WordPress e GSAP.</p></div></a></li><li class="flex flex-col gap-8 p-4 md:p-8 rounded-lg bg-gray-950 hover:scale-105 border-2 border-gray-900 hover:rotate-3 transition-all hover:border hover:border-sky-400 relative"><a href="https://www.figma.com/design/DMyR8TJv2m8Af4hO4AJpWp/Grotta-Romana?node-id=0-1&amp;t=qU3FDztlrdEvTfQp-1" target="_blank"><div class="img-wrapper"><img src="/gr.webp" alt="" class="w-full h-full object-cover rounded-lg mb-5"></div><div class="text-sm"><h4 class="font-semibold text-xl">Grotta Romana</h4><p class="text-sm mb-0">Grotta Romana è un progetto realizzato con Figma, per il redesign del sito web di un ristorante di lusso. Il progetto ha come obiettivo quello di migliorare l&#39;esperienza utente con un design moderno e accattivante.</p></div></a></li><li class="flex flex-col gap-8 p-4 md:p-8 rounded-lg bg-gray-950 hover:scale-105 border-2 border-gray-900 hover:rotate-3 transition-all hover:border hover:border-sky-400 relative"><a href="https://www.figma.com/design/un0W2XRbjwKOEMaj2zfPiR/Grandenapoli.it?node-id=0-1&amp;t=MWfBI5ucdx6OC0L0-1" target="_blank"><div class="img-wrapper"><img src="/gn.webp" alt="" class="w-full h-full object-cover rounded-lg mb-5"></div><div class="text-sm"><h4 class="font-semibold text-xl">Grande Napoli Redesign</h4><p class="text-sm mb-0">Grande Napoli Redesign è un progetto realizzato di Redesign di una tra le più grandi testate giornalistiche del sud. Il progetto è stato realizzato con Figma e ha come obiettivo quello di migliorare l&#39;esperienza utente, la fruizione dei contenuti e aummentare i guadagni tramite adv</p></div></a></li><li class="flex flex-col gap-8 p-4 md:p-8 rounded-lg bg-gray-950 hover:scale-105 border-2 border-gray-900 hover:rotate-3 transition-all hover:border hover:border-sky-400 relative"><a href="https://www.behance.net/gallery/158201457/Ammaccamm-Website" target="_blank"><div class="img-wrapper"><img src="/ammaccamm.webp" alt="" class="w-full h-full object-cover rounded-lg mb-5"></div><div class="text-sm"><h4 class="font-semibold text-xl">Ammaccam</h4><p class="text-sm mb-0">Redesign di un sito web per una famosa pizzria di Pozzuoli. Il progetto è stato realizzato con Figma e riprende lo stile del locale, con animazioni e focus sulla qualità dei prodotti.</p></div></a></li>

1<!--]--></ul></div></div><!--]--><footer class="max-w-[1080px] mx-auto px-16 py-6 text-center"><p><small>Made with ❤️ by Mauro De Falco</small></p></footer><div><div class="fixed bottom-0 left-0 w-full h-full z-[9999] bg-gray-950 pointer-events-none" style="transform:translateY(100%);"><div class="overflow-hidden h-full w-full"><span class="uppercase text-[60px] md:text-[180px] text-gray-900 bottom-5 right-5 absolute text-loader"></span></div></div><div class="fixed bottom-0 left-0 w-full h-full z-[9998] bg-teal-400 pointer-events-none" style="transform:translateY(100%);"></div><div class="fixed bottom-0 left-0 w-full h-full z-[9997] bg-gray-900 pointer-events-none" style="transform:translateY(100%);"></div></div><!--]--></div><div id="teleports"></div>

1<script>window.__NUXT__={};window.__NUXT__.config={public:{"seo-utils":{canonicalQueryWhitelist:["page","sort","filter","search","q","category","tag"],canonicalLowercase:true},"nuxt-scripts":{version:"",prefix:"/_scripts",defaultScriptOptions:{trigger:"onNuxtReady"},googleStaticMapsProxy:"",endpoints:{}}},app:{baseURL:"/",buildId:"2bda12e8-de59-4aa6-ab0b-143b2a10e284",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script>

1<script type="application/ld+json" data-nuxt-schema-org="true" data-hid="schema-org-graph">{"@context":"https://schema.org","@graph":[{"@id":"https://www.maurodefalco.it/#website","@type":"WebSite","inLanguage":"en","name":"HeadlessWP","url":"https://www.maurodefalco.it/"},{"@id":"https://www.maurodefalco.it/design#webpage","@type":"WebPage","name":"Design","url":"https://www.maurodefalco.it/design","isPartOf":{"@id":"https://www.maurodefalco.it/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://www.maurodefalco.it/design"]}]}]}</script>

1<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":4,"once":15,"_errors":16,"serverRendered":18,"path":19},["ShallowReactive",3],{},["Reactive",5],{"$snuxt-seo-utils:routeRules":6,"$ssite-config":7},{"head":-1,"seoMeta":-1},{"_priority":8,"env":12,"name":13,"url":14},{"name":9,"env":10,"url":11},-5,-15,-4,"production","HeadlessWP","https:\u002F\u002Fwww.maurodefalco.it\u002F",["Set"],["ShallowReactive",17],{},true,"\u002Fdesign"]</script>

1</body></html>