Overview
Portfolio 1.0 è il progetto con cui ho definito per la prima volta la mia identità tecnica e visiva come sviluppatore web. L'obiettivo era dimostrare che estetica avanzata e performance non si escludono: ho costruito ogni sezione in React usando Three.js per le scene 3D interattive e GSAP con ScrollTrigger per le animazioni narrative legate allo scroll. I modelli 3D vengono caricati in modo asincrono con gestione precisa del loading state, così il thread principale non si blocca mai durante il parsing dei file binari.
Il layout è basato su una griglia tipografica di ispirazione svizzera: colonne rigide, spacing proporzionale e gerarchia visiva costruita attraverso la sola tipografia. Gli elementi interattivi rispondono al movimento del mouse con parallax e rotazioni 3D calcolate in GSAP, non con CSS transform puri, per mantenere il controllo frame-by-frame sull'interpolazione. Ogni transizione è pensata per guidare lo sguardo, non per stupire gratuitamente.
Dal punto di vista delle performance ho ottimizzato Core Web Vitals con lazy loading delle scene Three.js, compressione Draco per i mesh 3D e font loading non bloccante. Portfolio 1.0 è stato il campo di prova dove ho capito come tenere insieme bellezza visiva ed eccellenza tecnica. Quello che ho imparato qui è alla base di come costruisco i progetti oggi.
