NAYT • Official Website

- Info.
Sito ufficiale del rapper dopo Sanremo 2026 (Prima che, album io Individuo). Next.js, Prismic, Shopify Storefront. Shop merch e area fan su abbonamento.
- Con.
- Apri la schedaVisita il sito
Sono Luca Lodi, creative web-developer freelance a Milano. Sviluppo siti web animati, esperienze 3D e WebGL ed e-commerce headless per agenzie, studi e brand.
2005-2014: SOFOS Italia – Graphic designer
2014–2017 Facile.it: Front-end developer e junior back-end sul CMS interno di newsletter e email di servizio
2017–2022 Jack Magma: Web developer, poi Creative Front-end Developer
2022 – now: freelance
Due Awwwards Honorable Mention
Sviluppo esperienze web animate e ad alte prestazioni. Trasformo la complessità tecnica di GSAP, Motion, Three.js e React Three Fiber in micro-interazioni fluide e visual scroll storytelling.
Scene 3D in browser, shader custom e WebGL avanzato quando il prodotto, il brand o l'idea richiedono una dimensione spaziale, senza rinunciare alla velocità di navigazione.
Il cuore transazionale resta su Shopify. La vetrina è un'applicazione Next.js su misura, progettata con il ritmo, il motion e la flessibilità visiva che il brand merita.
Next.js quando il sito richiede la massima velocità di caricamento, animazioni fluide e un sistema di gestione dei contenuti (CMS) flessibile e intuitivo per chi lo aggiorna ogni giorno.
Entro nel vostro workflow come sviluppatore freelance: prendo il file di design e lo trasformo in un sito in produzione, curando ogni dettaglio tecnico. Il rapporto con il cliente finale resta interamente vostro.
Fai visualizzare i tuoi prodotti direttamente nello spazio di chi naviga. Una sessione di realtà aumentata immediata via browser, senza costringere l'utente a scaricare alcuna app.
Quando il flusso editoriale è già basato su WordPress, sviluppo il tema direttamente sul file di design. Nessuna architettura headless superflua: l'amministrazione resta quella che conosci, mentre il front-end si evolve.
Aggiungere una lingua non significa solo tradurre le parole: è un secondo ecosistema da coordinare tra URL dedicati, metadati, flussi editoriali e coerenza dei layout.
Una fotografia precisa dello stato di salute del tuo sito: un report chiaro per chi prende le decisioni e un tracker operativo pronto per chi deve eseguire le correzioni.
Siti web snelli con un unico obiettivo: una sequenza narrativa guidata dallo scroll, un'esperienza visiva d'impatto e un gesto finale chiaro (prenotare, iscriversi, scoprire).
Tempi, ruoli, motion, collaborazione.
Le tempistiche dipendono dalla complessità dell'architettura:
I fattori determinanti sono la prontezza degli asset di design (file Figma definitivi), la disponibilità dei contenuti testuali/3D e il numero di template da sviluppare.
Approfondimento: quanto tempo serve per un sito Next.js
Mi occupo principalmente di sviluppo; in alcuni progetti curo anche UI (SIM2) o brand identity (Eukinos). Collaboro stabilmente con studi di design, art director e UX/UI designer. Se sei un brand diretto e non disponi ancora di un progetto grafico, definiremo insieme il partner di design più adatto prima di iniziare lo sviluppo.
Approfondimento: sviluppo per agenzie
No, a condizione che l'architettura sia progettata correttamente. Le penalizzazioni nascono da errori strutturali: testo renderizzato unicamente all'interno del canvas 3D, loader a schermo intero che bloccano il First Contentful Paint, o immagini prive di dimensioni definite. Sviluppo con testo in HTML semantico nativo, avvio le scene WebGL solo quando entra in gioco il viewport e implemento il pieno rispetto delle preferenze prefers-reduced-motion. Il risultato soddisfa appieno i criteri di indicizzazione e i parametri Core Web Vitals.
Approfondimento: siti animati e SEO
Certamente. Se il progetto prevede un CMS (Prismic, WordPress o Shopify), l'interfaccia viene configurata con campi e slice su misura modellati sul design. Questo ti consente di aggiornare testi, immagini e prodotti in totale autonomia senza rischiare di compromettere la griglia grafica, i breakpoint o la sequenza delle animazioni.
Approfondimento: aggiornare i contenuti da solo
Per un progetto o una collaborazione. Milano, da remoto o di persona, in italiano e in inglese.