1<!DOCTYPE html><!-- Last Published: Mon Sep 14 2026 16:57:47 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="franco-beltramella.webflow.io" data-wf-page="65663cc122df0789a45cfa70" data-wf-site="65663cc122df0789a45cfa34" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Franco Beltramella | Creative Webflow Developer</title><meta content="Webflow developer building custom, interactive websites with animations and 3D experiences. Helping brands improve design, performance, and conversion." name="description"/><meta content="Franco Beltramella | Creative Webflow Developer" property="og:title"/><meta content="Webflow developer building custom, interactive websites with animations and 3D experiences. Helping brands improve design, performance, and conversion." property="og:description"/><meta content="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/6aa8273958ad0f605a661a69_6a5e51549f0955e285321100_BANNERLINKEDIN%252812%2529.png" property="og:image"/><meta content="Franco Beltramella | Creative Webflow Developer" name="twitter:title"/><meta content="Webflow developer building custom, interactive websites with animations and 3D experiences. Helping brands improve design, performance, and conversion." name="twitter:description"/><meta content="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/6aa8273958ad0f605a661a69_6a5e51549f0955e285321100_BANNERLINKEDIN%252812%2529.png" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="G-TH6LEBWH2T" name="google-site-verification"/><link href="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/css/franco-beltramella.shared.2c80554a1.css" rel="stylesheet" type="text/css" integrity="sha384-LIBVShwbpjMOVNBI2ZUNaVmZSvdtdml1SePOJXNlSzBb3yk4qNfWE06IKRIaFf9R" crossorigin="anonymous"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({ google: { families: ["Varela Round:400","Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Anton:300,400,500,600,700","Archivo:300,400,700,800","Fragment Mono:400","Playfair Display:300,400,500,600,700","Roboto:300,400,500,600,700","Space Mono:300,400,500,600,700"] }});</script>
1<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>
1<link href="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/69d800cb445a5f861083b456_32%C3%9732.svg" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/69d802e58eba44c5e237f5e5_256%C3%97256.png" rel="apple-touch-icon"/>
1<script type="application/ld+json"> 2{ 3 "@context": "https://schema.org", 4 "@type": "Person", 5 "name": "Franco Beltramella", 6 "url": "https://francobeltramella.dev", 7 "jobTitle": "Creative Webflow Developer", 8 "description": "Webflow developer building custom, interactive websites with animations and 3D experiences for founders and brands.", 9 "knowsAbout": ["Webflow", "GSAP", "Three.js", "WebGL", "Shaders", "Frontend Development"], 10 "areaServed": "Worldwide", 11 "sameAs": [ 12 "https://www.linkedin.com/in/francobeltramella/", 13 "https://contra.com/francobeltramella", 14 "https://www.behance.net/francobeltramella", 15 "https://x.com/byfranbeltra" 16 ] 17} 18</script>
vendor: 86 bytes, line 18
18<script src="https://www.google.com/recaptcha/api.js" type="text/javascript"></script>
18<!-- Google Tag Manager -->
19<script>
vendor: 327 bytes, lines 19-23
19(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 20new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 21j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 22'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 23})(window,document,'script','dataLayer','
23GTM-5Z3434CD
vendor: 3 bytes, line 23
23');
23</script>
23 24<!-- End Google Tag Manager --> 25 26<style> 27 @view-transition { 28 navigation: auto; 29 } 30 31 /* 2. Personaliza el Fade Global (Cuerpo de la página) */ 32 ::view-transition-old(root), 33 ::view-transition-new(root) { 34 /* Duración rápida para que no sea pesado */ 35 animation-duration: 0.4s; 36 animation-timing-function: ease-in-out; 37 } 38 39 /* Evita el parpadeo blanco entre capturas */ 40 ::view-transition-group(root) { 41 animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 42 } 43 44 45html, body { 46 height: auto; 47 overflow: visible; 48} 49 50</style><style> 51.loading-wrapper{ 52display:flex; 53} 54</style> 55 56 57<style> 58html, body { 59 height: auto; 60 overflow: visible; 61} 62body { 63 background-color:#f4f1ea; 64} 65 66 67 </style> 68 69<link rel="canonical" href="https://francobeltramella.dev/" /> 70 71 72 <!-- Open Graph (general) --> 73<meta property="og:image" content="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/69d7fd0f969e813423a1f9ca_opengraphimage.jpg" /> 74 75<!-- Twitter --> 76<meta name="twitter:card" content="summary_large_image" /> 77<meta name="twitter:image" content="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/69d7fd0f969e813423a1f9ca_opengraphimage.jpg" /></head><body><div data-collapse="none" data-animation="default" data-duration="400" data-wf--nav--variant="base" data-easing="ease" data-easing2="ease" role="banner" class="navbar is-contact w-nav"><div class="nav-wrapper"><div class="links-wrapper no-padding"><p class="paragraph-4 is-scroll no-absolute location">00</p><p class="paragraph-4 is-scroll no-absolute date">00</p><p class="paragraph-4 is-scroll no-absolute time">00</p></div><div class="button-wrapper flex"><a href="/contact" class="brand spots webflow-tag w-nav-brand"><div class="icon-embed-custom w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 12 12" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 78<circle cx="6" cy="6" r="6" fill="currentColor"/> 79</svg></div><p class="text">OPEN FOR SEP · 2026</p></a></div></div></div><div id="smooth-wrapper" class="page-wrapper"><div data-w-id="8d967f30-0f60-53ad-afff-f6be8eeb33d6" class="hero"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/65663cc122df0789a45cfac4_arrow.svg" alt="" class="arrow"/><div data-w-id="8379a733-d2be-9ef6-7d74-5aa993d72c65" class="wrapper-title"><p class="paragraph-4 is-scroll">Scroll to explore â</p><div class="container-flex"><div class="left-wrapper u-pb-20 hover"><div class="profile-img_wrapper"><div class="image-wrapper"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/695d3265e2d9ff0f0a72670d_profile%202.webp" loading="lazy" sizes="(max-width: 2000px) 100vw, 2000px" srcset="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/695d3265e2d9ff0f0a72670d_profile%202-p-500.webp 500w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/695d3265e2d9ff0f0a72670d_profile%202-p-800.webp 800w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/695d3265e2d9ff0f0a72670d_profile%202-p-1080.webp 1080w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/695d3265e2d9ff0f0a72670d_profile%202-p-1600.webp 1600w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/695d3265e2d9ff0f0a72670d_profile%202.webp 2000w" alt="" class="img-profile"/></div><div class="div-block-28"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/682f8e30fdc7d921928cce06_technologies.png" loading="lazy" alt=""/></div></div><div class="max-w-50"><div class="_w-h1"><h2 data-w-id="a5b9f386-66ee-dfd4-322d-966155820ac1" class="main-h1 bold home hover-black white">About Me</h2></div></div><div class="home-subhead"><p class="white">I don't just build what's in the design file.<br/>â<br/>I'm Franco Creative Webflow Developer specialized in custom builds, GSAP animations, and Three.js. I work with founders and brands whose websites no longer reflect their real level.<br/><br/>No templates. Just custom work that actually represents you.</p></div></div><div class="left-wrapper u-pb-20 no-hover home"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/68c3284995bb1899321a05e4_FB333%202%20(2).png" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/68c3284995bb1899321a05e4_FB333%202%20(2)-p-500.png 500w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/68c3284995bb1899321a05e4_FB333%202%20(2)-p-800.png 800w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/68c3284995bb1899321a05e4_FB333%202%20(2).png 887w" alt="" class="image-10"/><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/682f8d5ec27150030fe1fa31_meetme.png" loading="lazy" sizes="(max-width: 688px) 100vw, 688px" srcset="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/682f8d5ec27150030fe1fa31_meetme-p-500.png 500w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/682f8d5ec27150030fe1fa31_meetme.png 688w" alt="" class="hover-click-img"/><div class="max-w-50"><div class="code-embed w-embed w-script"><div class="contra-hire-me-button" data-analyticsUserId="8c9a5582-3a53-4f3f-bd00-b2421eadbf73" data-theme="light" data-username="francobeltramella"></div>
79<script async src="https://contra.com/static/embed/sdk.js" charset="utf-8"></script>
79</div><div data-delay="3000" data-animation="cross" class="slider w-slider" data-autoplay="true" data-easing="ease" data-hide-arrows="false" data-disable-swipe="false" data-autoplay-limit="200" data-nav-spacing="3" data-duration="300" data-infinite="true"><div class="w-slider-mask"><div class="slide w-slide"><p class="paragraph-3">"Working with Franco was a blast! He guided me on the best way to approach my projects and delivered more than asked. I feel confident he can also help others with his creativity and soft skills. Maybe my next project can include 3D animations, let's see!"</p></div><div class="w-slide"><p class="paragraph-3">"Franco is a talented and reliable designer who played a crucial role in the successful implementation of our website on Webflow. Despite a short timeline, he worked rapidly and diligently, consistently sharing his expert insights and recommendations. His proactive approach and dedication were key to ensuring we launched on schedule. I highly recommend Franco for any design project."</p></div><div class="w-slide"><p class="paragraph-3">"I had the pleasure of working with Franco as Lead Developer on a recent website development project. He consistently demonstrated excellent collaboration with the team, a proactive attitude, and remarkable technical expertise in Webflow. He was quick to understand requirements, implement feedback, and deliver high-quality results on time. Thanks to his commitment and responsiveness, the project was completed successfully and with full client satisfaction."</p></div><div class="w-slide"><p class="paragraph-3">"Franco brings the designer polish to front end that is ever so rare. As a collaborator he is a reliable, detail oriented and creative problem solver who executes quickly and autonomously."</p></div><div class="w-slide"><p class="paragraph-3">"Franco is a very professional developer who you can really rely on. He helped us adding 3D objects into our native Webflow website, meaning that we can really go a step further into creating exceptional digital experiences. 10/10 recommend!"</p></div><div class="w-slide"><p class="paragraph-3">"Working with Franco was a fantastic experience. He brought ideas to life with speed, flexibility, and a sharp design sensibility. His proficiency with Webflow is top notch. Whether we needed quick iterations or a polished final product, Franco delivered every time. He has a rare ability to take abstract concepts and turn them into beautiful, functional sites with minimal direction. I highly recommend Franco for any of your web development or design needs."</p></div></div><div class="left-arrow w-slider-arrow-left"><div class="w-icon-slider-left"></div></div><div class="right-arrow w-slider-arrow-right"><div class="w-icon-slider-right"></div></div><div class="slide-nav w-slider-nav w-round w-num"></div></div><div class="testimonials-wrapper"><div class="images-testimonials"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/6a5e87af96816b780a7e717a_Frame%2028.svg" loading="lazy" alt="" class="image-12"/></div></div></div><div class="home-subhead"><div class="_w-h1"><h1 class="main-h1 home hover-black"><span><strong class="bold-text">Websites that grow with ambitious companies.</strong></span></h1></div><a href="/contact" class="button-2 w-button">Tell me about your project â</a><div class="links-wrapper"><div class="link-item"><a href="https://www.linkedin.com/in/francobeltramella/" target="_blank" class="link-block-4 w-inline-block"><div class="img-logo w-embed"><svg width="100%" height="100%" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg"> 80<path d="M267.132 310.337H166.977C162.531 310.337 158.93 313.949 158.93 318.403V640.932C158.93 645.388 162.531 648.998 166.977 648.998H267.132C271.577 648.998 275.179 645.388 275.179 640.932V318.403C275.179 313.949 271.577 310.337 267.132 310.337Z" fill="currentColor"/> 81<path d="M217.09 150C180.648 150 151 179.687 151 216.176C151 252.682 180.648 282.38 217.09 282.38C253.504 282.38 283.127 252.68 283.127 216.176C283.129 179.687 253.504 150 217.09 150Z" fill="currentColor"/> 82<path d="M521.886 302.321C481.66 302.321 451.924 319.655 433.887 339.351V318.403C433.887 313.949 430.286 310.337 425.841 310.337H329.924C325.479 310.337 321.877 313.949 321.877 318.403V640.932C321.877 645.388 325.479 648.998 329.924 648.998H429.861C434.306 648.998 437.908 645.388 437.908 640.932V481.355C437.908 427.582 452.479 406.632 489.874 406.632C530.601 406.632 533.837 440.216 533.837 484.122V640.934C533.837 645.39 537.439 649 541.884 649H641.858C646.303 649 649.905 645.39 649.905 640.934V464.021C649.905 384.061 634.695 302.321 521.886 302.321Z" fill="currentColor"/> 83</svg></div></a></div><div class="link-item"><a href="https://x.com/byfranbeltra" target="_blank" class="link-block-4 w-inline-block"><div class="img-logo w-embed">
83<svg width="100%" height="100%" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg"> 84<path d="M539.814 159H613.696L451.477 363.539L641 641H492.272L375.828 472.389L242.519 641H168.637L340.493 422.232L159 159H311.422L416.623 313.027L539.814 159ZM513.955 592.978H554.911L289.9 205.244H245.892L513.955 592.978Z" fill="currentColor"/> 85</svg></div></a></div><div class="link-item"><a href="https://www.behance.net/francobeltramella" target="_blank" class="link-block-4 w-inline-block"><div class="img-logo w-embed"><svg width="100%" height="100%" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg"> 86<path d="M329.227 375.252C329.227 375.252 398.688 369.961 398.688 286.379C398.688 202.792 341.86 162 269.875 162H33V629.097H269.875C269.875 629.097 414.478 633.784 414.478 491.231C414.478 491.233 420.783 375.252 329.227 375.252ZM252.825 245.021H269.875C269.875 245.021 302.073 245.021 302.073 293.621C302.073 342.214 283.137 349.259 261.659 349.259H137.37V245.021H252.825ZM263.181 546.079H137.37V421.253H269.875C269.875 421.253 317.865 420.607 317.865 485.401C317.865 540.036 282.021 545.666 263.181 546.079ZM607.332 280.843C432.274 280.843 432.429 460.316 432.429 460.316C432.429 460.316 420.418 638.867 607.332 638.867C607.332 638.867 763.092 647.998 763.092 514.659H682.987C682.987 514.659 685.659 564.873 610.004 564.873C610.004 564.873 529.886 570.382 529.886 483.608H765.764C765.764 483.607 791.573 280.843 607.332 280.843ZM529.005 421.253C529.005 421.253 538.787 349.258 609.112 349.258C679.422 349.258 678.541 421.253 678.541 421.253H529.005ZM697.202 247.038H509.394V189.518H697.202V247.038Z" fill="currentColor"/> 87</svg></div></a></div></div></div></div><div class="right-wrapper _3d-glb"><div class="_3d-element"></div></div><div class="images-cms"><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/6a04ee302785234ed76a4da3_isometric-mockups-3%20(1).jpg" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/6a04ee302785234ed76a4da3_isometric-mockups-3%20(1)-p-500.jpg 500w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/6a04ee302785234ed76a4da3_isometric-mockups-3%20(1)-p-800.jpg 800w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/6a04ee302785234ed76a4da3_isometric-mockups-3%20(1)-p-1080.jpg 1080w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/6a04ee302785234ed76a4da3_isometric-mockups-3%20(1)-p-1600.jpg 1600w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/6a04ee302785234ed76a4da3_isometric-mockups-3%20(1).jpg 1820w" class="image-project"/></div><div role="listitem" class="w-dyn-item"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/69d98f31bc46a85832102656_ocdwewj1fkfhngnzpwvd%20(4).webp" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/69d98f31bc46a85832102656_ocdwewj1fkfhngnzpwvd%20(4)-p-500.webp 500w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/69d98f31bc46a85832102656_ocdwewj1fkfhngnzpwvd%20(4)-p-800.webp 800w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/69d98f31bc46a85832102656_ocdwewj1fkfhngnzpwvd%20(4)-p-1080.webp 1080w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/69d98f31bc46a85832102656_ocdwewj1fkfhngnzpwvd%20(4).webp 1536w" class="image-project"/></div><div role="listitem" class="w-dyn-item"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/69babf4da3b0f1355834b5a5_ChatGPT%20Image%20Mar%209%2C%202026%2C%2001_49_04%20PM.png" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/69babf4da3b0f1355834b5a5_ChatGPT%20Image%20Mar%209%2C%202026%2C%2001_49_04%20PM-p-500.png 500w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/69babf4da3b0f1355834b5a5_ChatGPT%20Image%20Mar%209%2C%202026%2C%2001_49_04%20PM-p-800.png 800w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/69babf4da3b0f1355834b5a5_ChatGPT%20Image%20Mar%209%2C%202026%2C%2001_49_04%2
870PM-p-1080.png 1080w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/69babf4da3b0f1355834b5a5_ChatGPT%20Image%20Mar%209%2C%202026%2C%2001_49_04%20PM.png 1536w" class="image-project"/></div><div role="listitem" class="w-dyn-item"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/6941996931bfa61c3e32929e_isometric-mockups-3.jpg" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/6941996931bfa61c3e32929e_isometric-mockups-3-p-500.jpg 500w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/6941996931bfa61c3e32929e_isometric-mockups-3-p-800.jpg 800w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/6941996931bfa61c3e32929e_isometric-mockups-3-p-1080.jpg 1080w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/6941996931bfa61c3e32929e_isometric-mockups-3-p-1600.jpg 1600w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/6941996931bfa61c3e32929e_isometric-mockups-3.jpg 1820w" class="image-project"/></div><div role="listitem" class="w-dyn-item"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/68d1ace5be28a19e889b2be1_Template%20(5).png" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/68d1ace5be28a19e889b2be1_Template%20(5)-p-500.png 500w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/68d1ace5be28a19e889b2be1_Template%20(5)-p-800.png 800w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/68d1ace5be28a19e889b2be1_Template%20(5)-p-1080.png 1080w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/68d1ace5be28a19e889b2be1_Template%20(5)-p-1600.png 1600w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/68d1ace5be28a19e889b2be1_Template%20(5).png 1926w" class="image-project"/></div><div role="listitem" class="w-dyn-item"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/68c1db21bafabd7cdecb7143_isometric-mockups-3.webp" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/68c1db21bafabd7cdecb7143_isometric-mockups-3-p-500.webp 500w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/68c1db21bafabd7cdecb7143_isometric-mockups-3-p-800.webp 800w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/68c1db21bafabd7cdecb7143_isometric-mockups-3-p-1080.webp 1080w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/68c1db21bafabd7cdecb7143_isometric-mockups-3-p-1600.webp 1600w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/68c1db21bafabd7cdecb7143_isometric-mockups-3.webp 1820w" class="image-project"/></div><div role="listitem" class="w-dyn-item"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/68cb1acf119943d6bcc13b23_Banavo.png" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/68cb1acf119943d6bcc13b23_Banavo-p-500.png 500w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/68cb1acf119943d6bcc13b23_Banavo-p-800.png 800w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/68cb1acf119943d6bcc13b23_Banavo-p-1080.png 1080w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/68cb1acf119943d6bcc13b23_Banavo-p-1600.png 1600w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/68cb1acf119943d6bcc13b23_Banavo.png 1820w" class="image-project"/></div><div role="listitem" class="w-dyn-item"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/686862588a38d42a1e08ee46_isometric-mockups-3%20(1)%20(1).webp" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/686862588a38d42a1e08ee46_isometric-mockups-3%20(1)%20(1)-p-500.webp 500w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/686862588a38d42a1e08ee46_isometric-mockups-3%20(1)%20(1)-p-800.webp 800w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/686862588a38d42a1e08ee46_isometric-mockups-3%20(1)%20(1)-p-1080.webp 1080w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/686862588a38d42a1e08ee46_isometric-mockups-3%20(1)%20(1)-p-1600.webp 1600w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/686862588a38d42a1e08ee46_isometric-mockups-3%20(1)%20(1).webp 1920w" class="image-project"/></div><div role="listitem" class="w-dyn-item"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/688293c1f954104ce975baad_Affluxo%20site.webp" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/688293c1f954104ce975baad_Affluxo%20site-p-500.webp 500w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/688293c1f954104ce975baad_Affluxo%20site-p-800.webp 800w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/688293c1f954104ce975baad_Affluxo%20site-p-1080.webp 1080w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/688293c1f954104ce975baad_Affluxo%20site-p-1600.webp 1600w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/688293c1f954104ce975baad_Affluxo%20site.webp 1926w" class="image-project"/></div></div></div></div></div></div><div class="spline-bg" data-w-id="6e2497de-8c63-7975-bdf6-90411f70c327" data-animation-type="spline" data-spline-url="https://prod.spline.design/b48BUQG6SOSTjWaU/scene.splinecode"><canvas></canvas></div></div>
87<div id="smooth-content" class="section main scroll"><div class="column background-image is-first"><div class="column _100vh is-first hidden"><div class="grid"><div class="services-wrapper"><div class="max-w"><h2 class="main-h2-card bold home white"><span class="text-span">01.</span> Design & Webflow Development</h2><p class="white">Full Webflow website design and development from initial concept to final launch, blending creativity, strategy, and performance.</p></div><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/68c3293a80fa1add07734057_37e077a318276f438aad8ab46a5390e1.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/68c3293a80fa1add07734057_37e077a318276f438aad8ab46a5390e1-p-500.webp 500w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/68c3293a80fa1add07734057_37e077a318276f438aad8ab46a5390e1-p-800.webp 800w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/68c3293a80fa1add07734057_37e077a318276f438aad8ab46a5390e1.webp 1080w" alt="" class="video-bg"/></div><div class="services-wrapper"><div class="max-w"><h2 class="main-h2-card bold home white">02. Website <br/>Refresh</h2><p class="white">Already have a website but it feels outdated? I modernize and refresh existing sites, improving design, structure, content, and optimization.</p></div><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/68c32910c83443b5ebbfe345_17afe09bcc28955fef42d6cbd0430cfc.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/68c32910c83443b5ebbfe345_17afe09bcc28955fef42d6cbd0430cfc-p-500.webp 500w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/68c32910c83443b5ebbfe345_17afe09bcc28955fef42d6cbd0430cfc.webp 736w" alt="" class="video-bg"/></div><div class="services-wrapper"><div class="max-w"><h2 class="main-h2-card bold home white">03. 3D & Animations</h2><p class="white">Creative 3D visuals and motion that make your site unforgettable.</p></div><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/68c32aa064f6832b2cbabc79_88d67faf1102e6f5ebe24ea9e5a17eda.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/68c32aa064f6832b2cbabc79_88d67faf1102e6f5ebe24ea9e5a17eda-p-500.webp 500w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/68c32aa064f6832b2cbabc79_88d67faf1102e6f5ebe24ea9e5a17eda.webp 686w" alt="" class="video-bg"/></div><div class="services-wrapper"><div class="max-w"><h2 class="main-h2-card bold home white">04. Maintenance & Support</h2><p class="white">Monthly or one-time maintenance: updates, performance improvements, technical SEO, and general Webflow support.</p></div><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/68c32b65a0bc3ad93a94fdb2_4928b7e2939cc624a9ae44c68f172684.jpg" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/68c32b65a0bc3ad93a94fdb2_4928b7e2939cc624a9ae44c68f172684-p-500.jpg 500w, https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/68c32b65a0bc3ad93a94fdb2_4928b7e2939cc624a9ae44c68f172684.jpg 736w" alt="" class="video-bg"/></div></div></div><div class="title-wrapper_center"></div></div><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="wrapper w-dyn-item"><div style="background-image:url("https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/6a04ee302785234ed76a4da3_isometric-mockups-3%20(1).jpg")" class="column background-image"><div class="column _100vh"><div class="project-info"><div class="number hidden"><h2 class="number zero">01</h2></div><h3 class="project-title">Podium Studios Automotive Media Redesign</h3><p class="project-description">Podium Studios produces content and live events for Audi, Porsche, F1, and Yamaha. Their work was world-class their website wasn't. Full redesign in Webflow: new visual identity, blog system with category filters, GSAP animations, and service pages built to convert.</p><div class="tech-wrapper"><div class="w-dyn-list"><div role="list" class="tech-list w-dyn-items"><div role="listitem" class="collection-item w-dyn-item"><div class="tech-item-wrapper"><div class="text-wrapper is-tech"><div class="project-description is-tech">Webflow</div></div><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/67b2893501fe60974ac127da_icons8-webflow-48.png" loading="lazy" alt="" class="logo-tech"/></div></div></div><div role="listitem" class="collection-item w-dyn-item"><div class="tech-item-wrapper"><div class="text-wrapper is-tech"><div class="project-description is-tech">Figma</div></div><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/69babf6e6670f029d54a1f41_Figma-logo.svg" loading="lazy" alt="" class="logo-tech"/></div></div></div><div role="listitem" class="collection-item w-dyn-item"><div class="tech-item-wrapper"><div class="text-wrapper is-tech"><div class="project-description is-tech">GSAP</div></div><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/67b289a4b592a245e428ae76_png-transparent-gsap-greensock-hd-logo-thumbnail__1_-removebg-preview.png" loading="lazy" alt="" class="logo-tech"/></div></div></div></div></div></div>
87<a href="/work/podium-studios-automotive-media-redesign" class="project-link">View Case Study</a></div></div><div class="column center"><video src="https://media.contra.com/video/upload/fl_progressive/q_auto:best,w_1800/mfvaftoealg941gizhv3.mp4" autoplay=" " loop="" muted="" playsinline=" " STYLE="" clas="" class="video u-ratio-16-9 u-background-skeleton u-w-90 border-radius"></video></div></div></div><div role="listitem" class="wrapper w-dyn-item"><div style="background-image:url("https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/69babf4da3b0f1355834b5a5_ChatGPT%20Image%20Mar%209%2C%202026%2C%2001_49_04%20PM.png")" class="column background-image"><div class="column _100vh"><div class="project-info"><div class="number hidden"><h2 class="number zero">02</h2></div><h3 class="project-title">Wealth Advisory & Capital Strategy Firm</h3><p class="project-description">Webflow design and development for wealth advisory and capital strategy firm. Full redesign from Figma to Webflow dark UI, editorial direction, and subtle animations that communicate trust and premium positioning.</p><div class="tech-wrapper"><div class="w-dyn-list"><div role="list" class="tech-list w-dyn-items"><div role="listitem" class="collection-item w-dyn-item"><div class="tech-item-wrapper"><div class="text-wrapper is-tech"><div class="project-description is-tech">Webflow</div></div><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/67b2893501fe60974ac127da_icons8-webflow-48.png" loading="lazy" alt="" class="logo-tech"/></div></div></div><div role="listitem" class="collection-item w-dyn-item"><div class="tech-item-wrapper"><div class="text-wrapper is-tech"><div class="project-description is-tech">Figma</div></div><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/69babf6e6670f029d54a1f41_Figma-logo.svg" loading="lazy" alt="" class="logo-tech"/></div></div></div></div></div></div><a href="/work/wealth-advisory-capital-strategy-firm" class="project-link">View Case Study</a></div></div><div class="column center"><video src="https://media.contra.com/video/upload/fl_progressive/q_auto:best,w_1800/fkqqardf6r5gn4qo356r.mp4" autoplay=" " loop="" muted="" playsinline=" " STYLE="" clas="" class="video u-ratio-16-9 u-background-skeleton u-w-90 border-radius"></video></div></div></div><div role="listitem" class="wrapper w-dyn-item"><div style="background-image:url("https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/686862588a38d42a1e08ee46_isometric-mockups-3%20(1)%20(1).webp")" class="column background-image"><div class="column _100vh"><div class="project-info"><div class="number hidden"><h2 class="number zero">01</h2></div><h3 class="project-title">Uproxx Studios</h3><p class="project-description">Full Webflow development for UPROXX Studios' building the complete site structure, responsive layout, custom animations, and more.</p><div class="tech-wrapper"><div class="w-dyn-list"><div role="list" class="tech-list w-dyn-items"><div role="listitem" class="collection-item w-dyn-item"><div class="tech-item-wrapper"><div class="text-wrapper is-tech"><div class="project-description is-tech">Webflow</div></div><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/67b2893501fe60974ac127da_icons8-webflow-48.png" loading="lazy" alt="" class="logo-tech"/></div></div></div><div role="listitem" class="collection-item w-dyn-item"><div class="tech-item-wrapper"><div class="text-wrapper is-tech"><div class="project-description is-tech">GSAP</div></div><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/67b289a4b592a245e428ae76_png-transparent-gsap-greensock-hd-logo-thumbnail__1_-removebg-preview.png" loading="lazy" alt="" class="logo-tech"/></div></div></div></div></div></div><a href="https://contra.com/p/lUoM7N23-uproxx-studios-or-webflow-development" target="_blank" class="project-link">View Case Study</a></div></div><div class="column center"><video src="https://media.contra.com/video/upload/fl_progressive/w_1200/sfrrsx7bp2t3ntcao7lb.mp4" autoplay=" " loop="" muted="" playsinline=" " STYLE="" clas="" class="video u-ratio-16-9 u-background-skeleton u-w-90 border-radius"></video></div></div></div><div role="listitem" class="wrapper w-dyn-item"><div style="background-image:url("https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/68c1db21bafabd7cdecb7143_isometric-mockups-3.webp")" class="column background-image"><div class="column _100vh"><div class="project-info"><div class="number hidden"><h2 class="number zero">02</h2></div><h3 class="project-title">Daedex | 3D Website</h3><p class="project-description">3D website with animations and a unique product experience.</p><div class="tech-wrapper"><div class="w-dyn-list"><div role="list" class="tech-list w-dyn-items"><div role="listitem" class="collection-item w-dyn-item"><div class="tech-item-wrapper"><div class="text-wrapper is-tech"><div class="project-description is-tech">GSAP</div></div><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/67b289a4b592a245e428ae76_png-transparent-gsap-greensock-hd-logo-thumbnail__1_-removebg-preview.png" loading="lazy" alt="" class="logo-tech"/></div></div></div><div role="listitem" class="collection-item w-dyn-item"><div class="tech-item-wrapper"><div class="text-wrapper is-tech"><div class="project-description is-tech">Three.js</div></div><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/67b289d5280aed77b1e01acf_three-js-icon.png" loading="lazy" alt="" class="logo-tech"/></div></div></div><div role="listitem" class="collection-item w-dyn-item"><div class="tech-item-wrapper"><div class="text-wrapper is-tech"><div class="project-description is-tech">Webflow</div></div><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/67b2893501fe60974ac127da_icons8-webflow-48.png" loading="lazy" alt="" class="logo-tech"/></div></div></div></div></div></div>
87<a href="/work/daedex-3d-website" class="project-link">View Case Study</a></div></div><div class="column center"><video src="https://media.contra.com/video/upload/fl_progressive/q_auto:best,w_3000/oeatsir5bjfyvyofoi4p.mp4" autoplay=" " loop="" muted="" playsinline=" " STYLE="" clas="" class="video u-ratio-16-9 u-background-skeleton u-w-90 border-radius"></video></div></div></div><div role="listitem" class="wrapper w-dyn-item"><div style="background-image:url("https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/6941996931bfa61c3e32929e_isometric-mockups-3.jpg")" class="column background-image"><div class="column _100vh"><div class="project-info"><div class="number hidden"><h2 class="number zero">2</h2></div><h3 class="project-title">Klimt Creations | Immersive Web Experience</h3><p class="project-description">Immersive website for Klimt Creations. UI refinement, creative animations, full Webflow development, and a custom CMS built from scratch for project showcases.</p><div class="tech-wrapper"><div class="w-dyn-list"><div role="list" class="tech-list w-dyn-items"><div role="listitem" class="collection-item w-dyn-item"><div class="tech-item-wrapper"><div class="text-wrapper is-tech"><div class="project-description is-tech">Webflow</div></div><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/67b2893501fe60974ac127da_icons8-webflow-48.png" loading="lazy" alt="" class="logo-tech"/></div></div></div><div role="listitem" class="collection-item w-dyn-item"><div class="tech-item-wrapper"><div class="text-wrapper is-tech"><div class="project-description is-tech">GSAP</div></div><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/67b289a4b592a245e428ae76_png-transparent-gsap-greensock-hd-logo-thumbnail__1_-removebg-preview.png" loading="lazy" alt="" class="logo-tech"/></div></div></div></div></div></div><a href="https://contra.com/p/oMAUORsb-klimt-creations-website?r=francobeltramella" target="_blank" class="project-link">View Case Study</a></div></div><div class="column center"><video src="https://media.contra.com/video/upload/fl_progressive/q_auto:best,w_1500/qkgpcwk9wlzzp14sgdsw.mp4" autoplay=" " loop="" muted="" playsinline=" " STYLE="" clas="" class="video u-ratio-16-9 u-background-skeleton u-w-90 border-radius"></video></div></div></div><div role="listitem" class="wrapper w-dyn-item"><div style="background-image:url("https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/69d98f31bc46a85832102656_ocdwewj1fkfhngnzpwvd%20(4).webp")" class="column background-image"><div class="column _100vh"><div class="project-info"><div class="number hidden"><h2 class="number zero">02</h2></div><h3 class="project-title">NÃRTH </h3><p class="project-description">NÃRTH Model Scouting & Talent Agency Website Design 88NÃRTH is a conceptual website design for a modern model scouting and talent agency.</p><div class="tech-wrapper"><div class="w-dyn-list"><div role="list" class="tech-list w-dyn-items"><div role="listitem" class="collection-item w-dyn-item"><div class="tech-item-wrapper"><div class="text-wrapper is-tech"><div class="project-description is-tech">Figma</div></div><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/69babf6e6670f029d54a1f41_Figma-logo.svg" loading="lazy" alt="" class="logo-tech"/></div></div></div></div></div></div><a href="https://contra.com/p/skbsrs3e-north-model-scouting-website-design?r=francobeltramella" target="_blank" class="project-link">View Case Study</a></div></div><div class="column center"><video src="https://media.contra.com/video/upload/fl_progressive/q_auto:best,w_1500/duablw1gxzsbazsf7rqs.mp4" autoplay=" " loop="" muted="" playsinline=" " STYLE="" clas="" class="video u-ratio-16-9 u-background-skeleton u-w-90 border-radius"></video></div></div></div><div role="listitem" class="wrapper w-dyn-item"><div style="background-image:url("https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/68cb1acf119943d6bcc13b23_Banavo.png")" class="column background-image"><div class="column _100vh"><div class="project-info"><div class="number hidden"><h2 class="number zero">03</h2></div><h3 class="project-title">GVRN</h3><p class="project-description">Web3 landing page very interactive and full of animations, including 3D elements made with Spline. The result is an ultra-interactive landing page full of motion.</p><div class="tech-wrapper"><div class="w-dyn-list"><div role="list" class="tech-list w-dyn-items"><div role="listitem" class="collection-item w-dyn-item"><div class="tech-item-wrapper"><div class="text-wrapper is-tech"><div class="project-description is-tech">Webflow</div></div><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/67b2893501fe60974ac127da_icons8-webflow-48.png" loading="lazy" alt="" class="logo-tech"/></div></div></div><div role="listitem" class="collection-item w-dyn-item"><div class="tech-item-wrapper"><div class="text-wrapper is-tech"><div class="project-description is-tech">GSAP</div></div><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/67b289a4b592a245e428ae76_png-transparent-gsap-greensock-hd-logo-thumbnail__1_-removebg-preview.png" loading="lazy" alt="" class="logo-tech"/></div></div></div><div role="listitem" class="collection-item w-dyn-item"><div class="tech-item-wrapper"><div class="text-wrapper is-tech"><div class="project-description is-tech">Spline</div></div><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/67b28a1ae70b867a63bee72c_channels4_profile__2_-removebg-preview.png" loading="lazy" alt="" class="logo-tech"/></div></div></div></div></div></div><a href="https://contra.com/p/L2g7mb7c-interactive-webflow-landing-page-for-gvrn?r=francobeltramella" target="_blank" class="project-link">View Case Study</a></div></div><div class="column center"><video src="https://media.contra.com/video/upload/fl_progressive/w_1200/mlumprjdlhonujyevczs.mp4" autoplay=" " loop="" muted="" playsinline=" " STYLE="" clas="" class="video u-ratio-16-9 u-background-skeleton u-w-90 border-radius"></video></div></div></div><div role="listitem" class="wrapper w-dyn-item"><div style="background-image:url("https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/68d1ace5be28a19e889b2be1_Template%20(5).png")" class="column background-image"><div class="column _100vh"><div class="project-info"><div class="number hidden"><h2 class="number zero">3</h2></div><h3 class="project-title">Hubble </h3><p class="project-description">Webflow development of Hubbleâs website, built in collaboration with the creative team at HelloHello. My role was focused solely on development, implementing animations and a scalable CMS.</p><div class="tech-wrapper"><div class="w-dyn-list"><div role="list" class="tech-list w-dyn-items"><div role="listitem" class="collection-item w-dyn-item"><div class="tech-item-wrapper"><div class="text-wrapper is-tech"><div class="project-description is-tech">GSAP</div></div><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/67b289a4b592a245e428ae76_png-transparent-gsap-greensock-hd-logo-thumbnail__1_-removebg-preview.png" loading="lazy" alt="" class="logo-tech"/></div></div></div><div role="listitem" class="collection-item w-dyn-item"><div class="tech-item-wrapper"><div class="text-wrapper is-tech"><div class="project-description is-tech">Webflow</div></div><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/67b2893501fe60974ac127da_icons8-webflow-48.png" loading="lazy" alt="" class="logo-tech"/></div></div></div></div></div></div><a href="https://www.hubble.social/" target="_blank" class="project-link">View Case Study</a></div></div><div class="column center"><video src="" autoplay=" " loop="" muted="" playsinline=" " STYLE="" clas="" class="video u-ratio-16-9 u-background-skeleton u-w-90 border-radius"></video></div></div></div><div role="listitem" class="wrapper w-dyn-item"><div style="background-image:url("https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/688293c1f954104ce975baad_Affluxo%20site.webp")" class="column background-image"><div class="column _100vh"><div class="project-info"><div class="number hidden"><h2 class="number zero">4</h2></div><h3 class="project-title">Affluxo</h3><p class="project-description">Affluxo needed to launch their newly redesigned website on a tight deadline to meet an important event happening that same week. The goal was to deliver a full develoment ensuring fast loading times, mobile responsiveness, and a seamless user experience.</p><div class="tech-wrapper"><div class="w-dyn-list"><div role="list" class="tech-list w-dyn-items"><div role="listitem" class="collection-item w-dyn-item"><div class="tech-item-wrapper"><div class="text-wrapper is-tech"><div class="project-description is-tech">Webflow</div></div><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/67b2893501fe60974ac127da_icons8-webflow-48.png" loading="lazy" alt="" class="logo-tech"/></div></div></div><div role="listitem" class="collection-item w-dyn-item"><div class="tech-item-wrapper"><div class="text-wrapper is-tech"><div class="project-description is-tech">GSAP</div></div><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa83/67b289a4b592a245e428ae76_png-transparent-gsap-greensock-hd-logo-thumbnail__1_-removebg-preview.png" loading="lazy" alt="" class="logo-tech"/></div></div></div></div></div></div><a href="https://contra.com/p/PNE3lRmM-affluxo-website-development-and-optimization" target="_blank" class="project-link">View Case Study</a></div></div><div class="column center"><video src="" autoplay=" " loop="" muted="" playsinline=" " STYLE="" clas="" class="video u-ratio-16-9 u-background-skeleton u-w-90 border-radius"></video></div></div></div></div></div><div class="div-block-27"><div class="wrapper center form"><div class="wrapper-info contact left"><div class="div-block-18"><h2 class="heading-7 left">Let's build something <br/>you're actually proud to share.</h2></div><div class="div-block-26"><p class="paragraph-5">Book a free 20-min call. I'll review your current site and tell you exactly what I'd change.</p><a href="/contact" class="button-2 w-button">Tell me about your project â</a><div class="links-wrapper"><div class="link-item"><a href="https://www.linkedin.com/in/francobeltramella/" target="_blank" class="link-block-4 w-inline-block"><div class="img-logo w-embed">
88<svg width="100%" height="100%" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg"> 89<path d="M267.132 310.337H166.977C162.531 310.337 158.93 313.949 158.93 318.403V640.932C158.93 645.388 162.531 648.998 166.977 648.998H267.132C271.577 648.998 275.179 645.388 275.179 640.932V318.403C275.179 313.949 271.577 310.337 267.132 310.337Z" fill="currentColor"/> 90<path d="M217.09 150C180.648 150 151 179.687 151 216.176C151 252.682 180.648 282.38 217.09 282.38C253.504 282.38 283.127 252.68 283.127 216.176C283.129 179.687 253.504 150 217.09 150Z" fill="currentColor"/> 91<path d="M521.886 302.321C481.66 302.321 451.924 319.655 433.887 339.351V318.403C433.887 313.949 430.286 310.337 425.841 310.337H329.924C325.479 310.337 321.877 313.949 321.877 318.403V640.932C321.877 645.388 325.479 648.998 329.924 648.998H429.861C434.306 648.998 437.908 645.388 437.908 640.932V481.355C437.908 427.582 452.479 406.632 489.874 406.632C530.601 406.632 533.837 440.216 533.837 484.122V640.934C533.837 645.39 537.439 649 541.884 649H641.858C646.303 649 649.905 645.39 649.905 640.934V464.021C649.905 384.061 634.695 302.321 521.886 302.321Z" fill="currentColor"/> 92</svg></div></a></div><div class="link-item"><a href="https://x.com/byfranbeltra" target="_blank" class="link-block-4 w-inline-block"><div class="img-logo w-embed"><svg width="100%" height="100%" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg"> 93<path d="M539.814 159H613.696L451.477 363.539L641 641H492.272L375.828 472.389L242.519 641H168.637L340.493 422.232L159 159H311.422L416.623 313.027L539.814 159ZM513.955 592.978H554.911L289.9 205.244H245.892L513.955 592.978Z" fill="currentColor"/> 94</svg></div></a></div><div class="link-item"><a href="https://www.behance.net/francobeltramella" target="_blank" class="link-block-4 w-inline-block"><div class="img-logo w-embed"><svg width="100%" height="100%" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg"> 95<path d="M329.227 375.252C329.227 375.252 398.688 369.961 398.688 286.379C398.688 202.792 341.86 162 269.875 162H33V629.097H269.875C269.875 629.097 414.478 633.784 414.478 491.231C414.478 491.233 420.783 375.252 329.227 375.252ZM252.825 245.021H269.875C269.875 245.021 302.073 245.021 302.073 293.621C302.073 342.214 283.137 349.259 261.659 349.259H137.37V245.021H252.825ZM263.181 546.079H137.37V421.253H269.875C269.875 421.253 317.865 420.607 317.865 485.401C317.865 540.036 282.021 545.666 263.181 546.079ZM607.332 280.843C432.274 280.843 432.429 460.316 432.429 460.316C432.429 460.316 420.418 638.867 607.332 638.867C607.332 638.867 763.092 647.998 763.092 514.659H682.987C682.987 514.659 685.659 564.873 610.004 564.873C610.004 564.873 529.886 570.382 529.886 483.608H765.764C765.764 483.607 791.573 280.843 607.332 280.843ZM529.005 421.253C529.005 421.253 538.787 349.258 609.112 349.258C679.422 349.258 678.541 421.253 678.541 421.253H529.005ZM697.202 247.038H509.394V189.518H697.202V247.038Z" fill="currentColor"/> 96</svg></div></a></div><div class="link-item"><a href="https://webflow.com/@francobeltramella" target="_blank" class="link-block-4 w-inline-block"><div class="img-logo w-embed"><svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 319.382"><path fill="currentColor" d="M512 0L348.627 319.382H195.172l68.375-132.364h-3.071C204.072 260.235 119.911 308.437 0 319.382V188.849s76.71-4.533 121.808-51.945H0V.007h136.897v112.594l3.071-.013L195.91.007h103.535V111.89l3.071-.006L360.557 0H512z"/></svg></div></a></div></div><p class="small-p">Let's work together ð¤</p></div><div class="wrap-content left"><div class="_w-form u-hidden"><div class="form-block w-form"><form id="email-form" name="email-form" data-name="Email Form" method="get" class="form-2" data-wf-page-id="65663cc122df0789a45cfa70" data-wf-element-id="cd856cda-2060-5418-85f0-00f3ea4183d4"><input class="field w-input" maxlength="256" name="name-3" data-name="Name 3" placeholder="Your Name" type="text" id="name-3"/><input class="field w-input" maxlength="256" name="name-2" data-name="Name 2" placeholder="Your Email" type="text" id="name-2"/><textarea id="field-2" name="field-2" placeholder="Message" maxlength="5000" data-name="Field 2" class="field w-node-cd856cda-2060-5418-85f0-00f3ea4183d7-627cf6c0 w-input"></textarea><input type="submit" data-wait="Please wait..." id="w-node-cd856cda-2060-5418-85f0-00f3ea4183d8-627cf6c0" class="button w-button" value="Submit"/></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div></div></div></div><div class="spline-bg is-footer" data-w-id="0baaf953-c6b8-4a0d-f59e-908a7214dbc4" data-animation-type="spline" data-spline-url="https://prod.spline.design/b48BUQG6SOSTjWaU/scene.splinecode"><canvas></canvas></div></div></div><div class="border-radius"></div></div><div class="loading-wrapper"><div class="courting-wrapper"><div class="bg-color-courting"><div class="text-wrapper"><h3 class="heading-2 u-text-white is-loading">Let's</h3></div></div></div><div class="courting-wrapper"><div class="bg-color-courting is-2"><div class="text-wrapper"><h3 class="heading-2 u-text-white is-loading">build</h3></div></div></div><div class="courting-wrapper"><div class="bg-color-courting is-3"><div class="text-wrapper"><h3 class="heading-2 u-text-white is-loading">UNIQUE</h3></div></div></div><div class="courting-wrapper"><div class="bg-color-courting is-4"><div class="text-wrapper"><h3 class="heading-2 u-text-white is-loading">things!</h3></div></div></div></div><div class="noise"></div><div data-w-id="241ea32e-b365-e6cd-45fc-60487f7f57e6" class="fix-button_wrapper"><a href="/contact" class="button-2 w-button">Tell me about your project â</a></div><div class="w-embed w-script">
96<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gsap.min.js"></script>
96 97
98<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ScrollTrigger.min.js"></script>
vendor: 1 bytes, line 98
98
99<script> 100 101 gsap.set(".fix-button_wrapper", { 102 opacity: 0, 103}); 104 105ScrollTrigger.create({ 106 trigger: ".hero", 107 start: "bottom top", 108 109 onEnter: () => { 110 gsap.to(".fix-button_wrapper", { 111 opacity: 1, 112 duration: 0.5, 113 }); 114 }, 115 116 onLeaveBack: () => { 117 gsap.to(".fix-button_wrapper", { 118 opacity: 0, 119 duration: 0.5, 120 }); 121 }, 122}); 123 124</script>
124</div><div class="days-counter-js w-embed w-script">
124<script> 125const updateDateTime = () => { 126 const now = new Date(); 127 128 const time = now.toLocaleTimeString("es-AR", { 129 timeZone: "America/Argentina/Buenos_Aires", 130 hour: "2-digit", 131 minute: "2-digit", 132 second: "2-digit", 133 hour12: false 134 }); 135 136 const date = now.toLocaleDateString("en-US", { 137 timeZone: "America/Argentina/Buenos_Aires", 138 weekday: "short", // Mon 139 month: "short", // May 140 day: "2-digit", // 07 141 year: "numeric" // 2026 142 }); 143 144 document.querySelector(".location").textContent = "Buenos Aires, AR"; 145 document.querySelector(".date").textContent = date; 146 document.querySelector(".time").textContent = time; 147}; 148 149updateDateTime(); 150setInterval(updateDateTime, 1000); 151 152</script>
152</div><div class="w-embed w-script">
152<script defer src="https://cdn.jsdelivr.net/npm/@studio-freight/[email protected]/bundled/lenis.min.js 153"></script>
153 154 155
156<script defer > 157document.addEventListener("DOMContentLoaded", () => { 158 if (typeof Lenis === "undefined") { 159 console.error("â Lenis no cargó todavÃa"); 160 return; 161 } 162 163 const lenis = new Lenis({ 164 duration: 1, 165 smoothWheel: true, 166 smoothTouch: false, 167 }); 168 169 // Si usás GSAP ScrollTrigger: 170 if (window.ScrollTrigger) { 171 // 1) cada vez que Lenis scrollea, avisale a ScrollTrigger 172 lenis.on("scroll", ScrollTrigger.update); 173 174 // 2) usa el RAF de GSAP para manejar Lenis (más estable) 175 gsap.ticker.add((time) => { 176 lenis.raf(time * 1000); // gsap ticker time viene en segundos 177 }); 178 gsap.ticker.lagSmoothing(0); 179 180 // 3) refrescá después de que todo esté listo 181 requestAnimationFrame(() => ScrollTrigger.refresh()); 182 window.addEventListener("load", () => ScrollTrigger.refresh()); 183 } else { 184 // RAF normal si no hay GSAP 185 function raf(t) { 186 lenis.raf(t); 187 requestAnimationFrame(raf); 188 } 189 requestAnimationFrame(raf); 190 } 191 192 // Opcional: si querés SIEMPRE arrancar arriba (y evitar scroll restore) 193 // history.scrollRestoration = "manual"; 194 // window.scrollTo(0, 0); 195}); 196</script>
196</div><div class="webflow-certified"><a href="https://webflow.com/@franco-beltramella" target="_blank" class="link-linmkeding w-inline-block"><img src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/6a0604a416d3338c60a41eb4_certified_partner_badge_vertical_blue.png" loading="lazy" alt=""/></a></div>
196<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=65663cc122df0789a45cfa34" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
196<script src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/js/franco-beltramella.schunk.9cd7b152627b8cd1.js" type="text/javascript" integrity="sha384-xslr+Koi51r+wmogR/4rdXBbpeOODh5LVUF6DtpCDqFMYdIXny/HPFwuOXoDe+/7" crossorigin="anonymous"></script>
196<script src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/js/franco-beltramella.schunk.0449359eeceab0b8.js" type="text/javascript" integrity="sha384-dD6EK0JJdKq9B3NBDp7JFRbIylAAX5iwuJnU4Q0U+R80aOWlJy5465hi9niJGnBt" crossorigin="anonymous"></script>
196<script src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/js/franco-beltramella.schunk.e14869aaf1f309c5.js" type="text/javascript" integrity="sha384-LZ5OVG9AoyBW8d6zJysAY29h3r43OxmxvT/R3ZysCkD60zF1oYvvfs3kXcfpUC+W" crossorigin="anonymous"></script>
196<script src="https://cdn.prod.website-files.com/65663cc122df0789a45cfa34/js/franco-beltramella.79d9009e.33d4104eb45da29f.js" type="text/javascript" integrity="sha384-uw2B6R4zb9osHswBes9r36F3KEVrmlGkSqDg/vVityVtVOXROQ9SjZEYw4WcokGG" crossorigin="anonymous"></script>
196<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 196-197
196 197<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
197GTM-5Z3434CD
vendor: 83 bytes, lines 197-198
197" 198height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
199<!-- End Google Tag Manager (noscript) --> 200 201<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 201-202
201 202<script async src="https://www.googletagmanager.com/gtag/js?id=
202G-TH6LEBWH2T
vendor: 12 bytes, line 202
202"></script>
203<script> 204
vendor: 134 bytes, lines 204-208
204window.dataLayer = window.dataLayer || []; 205 function gtag(){dataLayer.push(arguments);} 206 gtag('js', new Date()); 207 208 gtag('config', '
208G-TH6LEBWH2T
vendor: 4 bytes, line 208
208');
209</script>
209<script src="https://cdn.jsdelivr.net/gh/studio-freight/[email protected]/bundled/lenis.js"></script>
209 210<!--
210<script type="module" src="http://localhost:5174/src/portfolio2025.js"></script>
210-->
211<script type="module" src="https://portfolionew26.netlify.app/portfolio-test.js"></script>
211 212</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.