Progetti Kadeo – Atelier di ceramica Katleen Deprez

Kadeo: sito web per un atelier di ceramica

Sito web full-stack per l'atelier di ceramica Kadeo: Angular con rendering lato server, backend Express, elaborazione delle immagini e pannello di amministrazione proprio.

  • Angular 21
  • Angular SSR
  • TypeScript
  • Tailwind CSS
  • Node.js
  • Express
  • SQLite
  • Sharp
  • JWT
  • IIS
Kadeo: sito web per un atelier di ceramica

Kadeo è l’atelier di ceramica di Katleen Deprez. Desiderava un sito che lasciasse parlare il suo lavoro: sobrio, caldo e visivo, con una galleria da arricchire in autonomia, senza l’intervento di uno sviluppatore. Ho progettato e realizzato il sito dalla A alla Z e lo ospito sull’infrastruttura di Rock-IT.

La sfida

Un sito portfolio per un’artista ruota attorno all’immagine. Le foto devono caricarsi in fretta, essere nitide su ogni schermo e facili da gestire: caricare, ritagliare, ordinare in sezioni, e via. Allo stesso tempo il sito deve essere trovabile su Google, avere un modulo di contatto che tenga lontano lo spam e rispettare la normativa sui cookie. Il tutto senza costi di abbonamento a un CMS esterno.

La soluzione

Un’unica applicazione full-stack con una parte pubblica e un pannello di amministrazione protetto:

  • Sito pubblico: home, chi è Kadeo, offerta e workshop, galleria con lightbox e contatti, con sfondi leggermente animati in una tonalità argilla
  • Pannello di amministrazione proprio: gestione di sezioni e immagini (caricare, ritagliare, riordinare, nascondere), lettura dei messaggi del modulo di contatto, orari di apertura e indirizzi di due sedi, metadati SEO per pagina e gestione degli utenti
  • Elaborazione intelligente delle immagini: ogni caricamento viene ottimizzato automaticamente in WebP con miniature, così la galleria resta veloce
  • Trovabile e sicuro: rendering lato server e prerendering per la SEO, sitemap XML automatica, modulo di contatto con honeypot e rate limiting, banner dei cookie con Google Analytics su consenso (opt-in)
  • Aggiornamento da mobile: un’API protetta da chiave con cui l’app Kadeo Photo Uploader pubblica le foto nella galleria direttamente dallo smartphone

Tecnologia

  • Frontend: Angular 21 con rendering lato server e prerendering, Tailwind CSS 4, TypeScript in strict mode, Vitest per i test
  • Backend: Node.js con Express 5, database SQLite, elaborazione delle immagini con Sharp, autenticazione JWT con hashing delle password bcrypt
  • Hosting: Windows Server con IIS come reverse proxy, script di deploy automatizzato, hosting e manutenzione a cura di Rock-IT

Risultato

Un sito web veloce e di forte impatto visivo che Katleen gestisce in completa autonomia, senza costi mensili di CMS. Le nuove foto sono online in meno di un minuto, dal portatile o direttamente dal suo iPhone.