Per un fotografo o un videomaker il sito non può essere soltanto una raccolta di immagini. Deve lasciare spazio ai lavori, essere veloce anche con molti contenuti visuali e permettere al professionista di aggiornare il portfolio senza dipendere ogni volta da uno sviluppatore. Il sito di Mattia Battistini nasce da queste esigenze: una presenza online molto visiva, minimale e capace di valorizzare progetti fotografici e video diversi tra loro.
Una struttura pensata intorno ai lavori, non a un template
La navigazione è stata costruita attorno alle due aree principali, fotografia e video. Le categorie possono avere sottocategorie e progetti propri, così il portfolio può crescere senza trasformarsi in una sequenza infinita di card. Le pagine fotografiche usano gallery e lightbox, mentre i progetti video gestiscono contenuti orizzontali e verticali, inclusi gli YouTube Shorts.
Sanity CMS: Mattia può gestire il portfolio in autonomia
Una parte importante del progetto è il backoffice basato su Sanity Studio. Da qui è possibile creare e ordinare progetti, categorie, sottocategorie e clienti, aggiornare testi e media e pubblicare modifiche senza intervenire sul codice. L'ordine impostato nel CMS viene riutilizzato anche nella navigazione del sito, evitando di mantenere strutture duplicate.
Aggiornamenti dei contenuti senza rebuild manuali
Il sito usa SanityLive insieme a un webhook di revalidazione: quando un contenuto viene pubblicato dal CMS, le pagine interessate si aggiornano senza richiedere un nuovo deploy manuale. È una scelta particolarmente utile per un portfolio, dove nuove foto e nuovi lavori devono poter essere pubblicati in pochi minuti.
Next.js, animazioni e smooth scrolling
La parte pubblica è sviluppata con Next.js 16 e React 19. GSAP viene utilizzato per reveal e transizioni, mentre Lenis gestisce uno scrolling più fluido. L'obiettivo non era riempire il sito di effetti, ma rendere la navigazione più editoriale e dare continuità tra immagini, testi e sezioni senza togliere attenzione alle fotografie.
Un portfolio visuale deve restare veloce e leggibile
Quando il contenuto principale sono fotografie e video, performance e gerarchia visuale diventano parte del design. Il progetto usa immagini gestite tramite Sanity, layout responsive dedicati, gallery ottimizzate e pagine separate per i singoli lavori. La UI rimane volutamente essenziale: tipografia, spaziatura e immagini fanno quasi tutto il lavoro.
SEO e struttura tecnica
Oltre alla parte visuale ho curato sitemap, robots, metadata e dati strutturati, mantenendo URL leggibili per categorie e progetti. Il sito include anche redirect per vecchi slug e una gestione coerente dei percorsi, così gli aggiornamenti del CMS non introducono facilmente link rotti.
Il risultato
Il risultato è un portfolio che sembra semplice dal punto di vista dell'utente, ma dietro ha una struttura abbastanza flessibile da accompagnare il lavoro di un fotografo e videomaker nel tempo. Mattia può organizzare e pubblicare nuovi lavori dal CMS, mentre il sito mantiene una presentazione coerente su desktop e mobile.
Tecnologie
Progetto
Visita il progettoSe questo problema ti riguarda
