Sito e digital experience
nicolopuglisi.it
Il sito che stai guardando: un portfolio e uno strumento di consulenza, con un assistente AI che risponde ai visitatori, costruito con lo stesso metodo che propongo ai clienti.
$ npm run buildastro build pagine statiche, JavaScript ridotto al minimokb.json knowledge base dell'assistente, rigenerata a ogni buildPOST /api/chat ricerca nei contenuti → Workers AI → rispostagit push Cloudflare ricostruisce e pubblica in circa un minutoadvise → design → buildIl problema.
Il vecchio sito WordPress presentava un elenco di servizi, non un modo di lavorare. Serviva un sito che spiegasse in pochi secondi cosa faccio e a chi, portasse a una conversazione e fosse modificabile senza toccare il codice, con costi di gestione quasi nulli.
Cosa è stato fatto.
Ho seguito il percorso Advise, Design, Build. Prima il posizionamento ("Prima il progetto. Poi la tecnologia") e una bozza interattiva per decidere direzione visiva e movimento. Poi un sito statico con Astro, contenuti separati dal codice e gestiti con Keystatic, animazioni con GSAP e Lenis, monogramma 3D con Three.js solo su desktop. Su telefono ho tolto l'animazione perché la fluidità valeva più dell'effetto. Un assistente AI integrato nel sito risponde alle domande dei visitatori usando solo i contenuti del sito, senza servizi esterni di chat. Il deploy è automatico su Cloudflare a ogni modifica e il dominio è stato spostato senza interrompere la posta.
- Posizionamento e struttura dei contenuti
- Design system dark-first con tema chiaro e transizione animata
- Sviluppo con Astro, GSAP, Lenis e Three.js
- Hero 3D su desktop, versione statica su mobile
- CMS Keystatic collegato a GitHub
- Modulo di contatto con Web3Forms e pagina privacy
- Assistente AI integrato: chat con apertura automatica, risposte basate sui contenuti del sito e fonti cliccabili
- Knowledge base generata a ogni build da servizi, progetti, articoli e domande frequenti modificabili da Keystatic
- Limiti anti-abuso, ripiego automatico tra modelli e risposta dai contenuti se la quota gratuita finisce
- Deploy su Cloudflare e migrazione del dominio da Aruba senza interrompere la posta
- Reindirizzamenti dal vecchio sito e SEO di base
Limiti noti e prossimi passi.
- Il monogramma 3D è disattivato sui telefoni: è una scelta di prestazioni, non una mancanza.
- L'informativa privacy e alcuni testi dei progetti sono in revisione.
- Le immagini dei progetti sono screenshot statici, non demo interattive.
- L'assistente AI usa un modello aperto di dimensioni contenute su quota gratuita: risponde in modo breve, può sbagliare e non sostituisce un confronto diretto. Per una valutazione reale rimanda al modulo o alla call.
Il risultato.
Un sito veloce, con pagine reali per servizi, consulenza, portfolio e articoli, un modulo di contatto che arriva direttamente in casella, un assistente che risponde ai visitatori a qualsiasi ora e contenuti che modifico da un pannello, senza sviluppatori e senza server da mantenere.
Hai un progetto simile? Raccontamelo.
Raccontami la situazione, anche se è ancora confusa. Capiamo insieme qual è la strada più sensata.