
Shiatsu “Il Fiume”
- Astro
- UI/UX
- Lead generation
- Ruolo
- Progettazione e sviluppo sito web
- Cliente
- Scuola di Shiatsu Il Fiume
- Settore
- Formazione olistica, benessere
- Focus
- UI/UX, lead generation, performance



Il progetto
La Scuola di Shiatsu “Il Fiume” è una storica realtà romana attiva dal 1988, punto di riferimento per la formazione professionale nel campo dello Shiatsu. Il progetto consisteva nel realizzare una piattaforma web che rispecchiasse l’essenza della disciplina: armonia, fluidità, accoglienza e professionalità. L’obiettivo principale era traslare il “contatto” tipico dello Shiatsu in un’esperienza digitale intuitiva e rassicurante, svecchiando l’immagine della scuola senza perderne l’autorevolezza e migliorando la navigazione per far comprendere l’approccio didattico e massimizzare le conversioni e i contatti.
Per raggiungere questo traguardo, ho progettato e sviluppato un sito web su misura, ponendo un forte accento sulla UI/UX e sulle performance tecniche: ho creato un design fluido e immersivo con un’interfaccia “zen” arricchita da micro-animazioni CSS, strutturando una navigazione intuitiva e modulare che sfrutta modali personalizzate native (<dialog>) per le biografie degli insegnanti senza abbandonare la pagina principale. L’esperienza visiva è stata valorizzata tramite gallerie fotografiche interattive (PhotoSwipe) e slider dinamici (Swiper.js), mentre per l’ottimizzazione lato conversioni (CRO) ho sviluppato un “Contact Dock” mobile-friendly con pulsanti Call-To-Action rapidi. Grazie all’utilizzo di Astro, il sito garantisce performance e velocità estreme. Il risultato è un ecosistema digitale moderno ed elegante capace di esaltare 35 anni di esperienza, trasformandosi da semplice vetrina a un vero e proprio strumento di lead generation che accompagna l’utente con naturalezza dalla scoperta del metodo fino alla richiesta di contatto.
Cosa ho fatto, nel concreto
Sviluppo Moderno con Astro
Il cuore del progetto è stato sviluppato con Astro, un framework di nuova generazione basato su un'architettura a isole. Generando pagine statiche (SSG) e azzerando il JavaScript superfluo lato client, ho ottenuto tempi di caricamento istantanei, garantendo punteggi Core Web Vitals eccellenti e un netto vantaggio per la SEO.
Design Custom con Tailwind CSS
L'interfaccia utente è stata ingegnerizzata utilizzando Tailwind CSS. Questo approccio utility-first ha permesso di costruire un layout 100% responsive, pulito e altamente scalabile. Ho arricchito il design con micro-animazioni CSS su misura per restituire visivamente la fluidità, il respiro e l'armonia tipici dello Shiatsu.
Interattività Leggera e Nativa
Per mantenere altissime le performance, ho evitato framework pesanti utilizzando Vanilla JavaScript e sfruttando tag HTML nativi, come <dialog>, per gestire le finestre modali. Le gallerie e gli slider, affidati a librerie ottimizzate come Swiper.js e PhotoSwipe, garantiscono un'esplorazione visiva immersiva senza rallentare la navigazione.
Il design system del progetto
Palette e tipografia applicate al progetto.
Tocca un colore per vedere dove viene usato nell'interfaccia.

Tipografia: Comfortaa + Alegreya
Uno sguardo al risultato
Quattro schermate del sito della Scuola di Shiatsu Il Fiume, in tema chiaro e scuro. Toni caldi, titoli grandi e una barra con WhatsApp, Messenger ed email sempre a portata di mano.
Clicca su un'immagine per ingrandirla.
- Tema chiaro e tema scuro
Lo stesso sito in due versioni: chiara per la home, scura per la pagina dei tre pilastri. Si passa dall'una all'altra con un pulsante nel menu.
- Su smartphone
Menu compatto, titoli leggibili e la barra dei contatti sempre in vista, sia nel tema chiaro sia in quello scuro.
- Chi siamo
I tre pilastri della scuola, Tradizione, Visione Sistemica e Crescita Personale, in tre schede su fondo scuro.
- La home
In apertura la frase «La via del benessere passa dal contatto», una foto del lavoro in aula e due pulsanti: il corso e i contatti.