Caso studio · Progetto personale · 2026Online
Nektar: una masseria inventata, raccontata con lo scroll
Cos'è Nektar?
Nektar è un mio progetto personale, non commissionato da nessuno: il sito di una masseria con cantina che non esiste, inventata per mettere alla prova il racconto con lo scroll. L'ho progettato e sviluppato con Next.js App Router: intro a tutto schermo, parallax guidato dallo scroll, animazioni scritte da zero e un sistema di particelle su canvas.
Qual era il problema?
Raccontare l'atmosfera di un luogo con il movimento, senza librerie di componenti già pronte e senza appesantire il sito.
Che scelte ho fatto?
Animazioni scritte da zero
PerchéNessuna libreria di componenti: ogni elemento visivo è fatto su misura per il racconto.
Server e Client Components separati
PerchéIl testo resta nell'HTML del server; il JavaScript serve solo al movimento.
Animazioni ridotte rispettate ovunque
PerchéChi riduce le animazioni nel sistema riceve lo stesso contenuto, fermo.
Com'è andata?
OnlineStatoFonte: nektar-nu.vercel.app
PubblicoCodiceFonte: GitHub
Altre domande su questo lavoro
Come rispetta chi riduce le animazioni?
Quando il sistema chiede meno movimento, intro a tutto schermo, parallax e particelle su canvas si fermano, e il contenuto resta completo e leggibile. Il testo è nell'HTML del server, separato dai Client Components che gestiscono il movimento: chi riduce le animazioni riceve lo stesso contenuto, fermo. Nessuna informazione dipende da un'animazione.
Aggiornato il
Ti serve un sito che racconti il tuo prodotto?
Web app in React e Next.js: interfacce piene di dati, migrazioni da React a Next.js, velocità. Nella pagina del servizio trovi per chi è, cosa ricevi e come lavoro.
Nektar
Raccontami il progetto