
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