Da strumenti scollegati a un'unica clinica integrata — Privatklinik Kreuzlingen

Privatklinik Kreuzlingen è una clinica privata per chirurgia plastica, ricostruttiva ed estetica in Gaissbergstrasse 45, Kreuzlingen. Quando abbiamo analizzato la situazione nella primavera del 2025, il quadro era chiaro: una clinica competente con personale ben formato, che operava su un'infrastruttura digitale mai concepita per essa.

Questo articolo documenta ciò che abbiamo trovato, come lo abbiamo risolto e come lo stesso assetto può essere riprodotto — passo dopo passo, tecnicamente completo.

Il punto di partenza

Ciò che abbiamo trovato non era un caso isolato. È il quadro tipico di una clinica cresciuta negli anni con qualunque strumento fosse disponibile — mai con un sistema progettato per essa fin dall'inizio.

Sito web

Il sito girava su WIX. Manutenuto in modo sporadico, a malapena ottimizzato per i motori di ricerca, con contenuti in parte obsoleti e nessuna possibilità di integrazione programmatica. Nessuna API, nessun webhook, nessuna base tecnica. La prenotazione online era gestita tramite un widget di terze parti incorporato che non comunicava né con il calendario né con il sistema gestionale.

Prenotazione e accettazione

Il sistema di prenotazione viveva nel proprio mondo. Non conosceva né il piano degli interventi né il PMS. Il risultato: il personale dell'accettazione passava una parte considerevole del proprio orario a trasferire manualmente informazioni tra i sistemi — inserimenti doppi, follow-up mancati, sovraccarico cronico. Il team lavorava sodo, ma contro la propria infrastruttura.

Pianificazione degli interventi

Il piano degli interventi esisteva in Excel. Nessun aggiornamento in tempo reale. Nessun collegamento con il magazzino o con la disponibilità dei materiali. Nessun passaggio di consegne strutturato verso l'anestesia. Ogni modifica richiedeva una comunicazione manuale tra più parti.

Gestionale (Practice Management)

Un PMS proprietario datato, senza interfaccia API, senza capacità di esportazione e senza roadmap di aggiornamento. Il classico vendor lock-in: i dati c'erano ma non erano utilizzabili.

Documentazione anestesiologica

Un PDMS proprietario che digitalizzava il processo cartaceo uno a uno — e si fermava lì. Nessun beneficio percepibile rispetto alla carta, se non che la carta era sparita. Nessuna integrazione con il piano degli interventi, nessun collegamento con i dati clinici o amministrativi.

Marketing e tracciamento

Zero tracciamento del funnel. Nessun parametro UTM. Nessuna attribuzione delle conversioni. Il budget di marketing veniva speso senza sapere se producesse alcun risultato. Quale canale portava pazienti che effettivamente si operavano e pagavano? Nessuno lo sapeva.

Il quadro complessivo: una clinica che andava avanti grazie allo sforzo umano, non a un'infrastruttura tecnica. Personale dedicato che spendeva una quota significativa delle proprie energie per colmare manualmente le lacune informative.

Cosa abbiamo costruito

Abbiamo implementato Viali come piattaforma unificata che collega ogni livello: marketing, prenotazione appuntamenti, pianificazione degli interventi, anestesia, gestione del magazzino e reporting direzionale. Questo articolo documenta i primi e più fondamentali passi: la nuova infrastruttura digitale della clinica.

Passo 1 — Il nuovo sito web della clinica

Da WIX a Next.js

Il vecchio sito WIX era un punto d'arrivo, non una piattaforma. Non poteva né ricevere né inviare dati, e ogni aggiornamento richiedeva una persona tecnicamente esperta con accesso al CMS.

Abbiamo ricostruito interamente il sito — con Next.js 15 e Static Site Generation (SSG). Sviluppato su Replit con l'assistenza dell'IA, completamente ottimizzato per la SEO, con test automatici di Google Lighthouse come parte fissa del ciclo di sviluppo.

Il risultato: 99 Performance / 100 Accessibility / 100 Best Practices / 100 SEO su Google Lighthouse — sul dominio di produzione in produzione.

Configurazione tecnica

La seguente configurazione è utilizzata sia per il sito di marketing viali.app sia per Privatklinik Kreuzlingen. È esplicitamente ottimizzata per gli agenti IA — strutturata e commentata in modo che gli agenti possano leggerla, applicarla ed estenderla senza bisogno di contesto manuale.

import type { NextConfig } from "next";

const replitDomain = process.env.REPLIT_DEV_DOMAIN ?? "";

const nextConfig: NextConfig = {
  // lucide-react richiede il transpiling esplicito (compatibilità ESM in Next.js)
  transpilePackages: ["lucide-react"],

  // Domini proxy di Replit per CORS in modalità dev
  allowedDevOrigins: [
    "*.replit.dev",
    "*.repl.co",
    "*.replit.app",
    "*.picard.replit.dev",
    ...(replitDomain ? [replitDomain] : []),
  ],

  experimental: {
    // Usa .browserslistrc per il compilatore SWC → bundle di polyfill più piccoli
    browsersListForSwc: true,
  },

  images: {
    // Formati moderni: AVIF e WebP per una compressione migliore
    formats: ["image/avif", "image/webp"],
  },
};

export default nextConfig;

> 1%
last 2 versions
not dead
not ie 11

# --- SVILUPPO (workflow Replit predefinito) ---
# Turbopack: hot-reload in meno di 2 secondi, nessun conflitto CSP con il proxy di Replit.
# Importante: "next dev" con webpack fallisce nell'anteprima di Replit —
# il proxy CSP di Replit blocca eval(), che l'HMR di webpack richiede tassativamente.
# Turbopack aggira completamente questo problema.
next dev --turbopack --port 5000

# --- PRIMA DEI TEST LIGHTHOUSE ---
# Passo 1: build di produzione con webpack (non --turbopack)
# Turbopack produce bundle JS più grandi di circa il 45% → punteggi di performance inferiori.
# Usare sempre la build webpack per i test Lighthouse.
npx next build

# Passo 2: avviare il server di produzione
next start --port 5000

# Passo 3: eseguire il test Lighthouse
# Successivamente: riportare il workflow a "next dev --turbopack --port 5000"

Aggiornamento dei contenuti senza competenze da sviluppatore

Un vantaggio chiave di questa architettura: il personale della clinica può aggiornare i contenuti in autonomia. Indica all'agente IA l'elemento da modificare, descrive cosa dovrebbe cambiare — l'agente esegue la modifica, ricostruisce la pagina ed è online. Nessuna formazione sul CMS, nessun ticket allo sviluppatore, nessuna attesa.

Passo 2 — Tracciamento UTM e referral → Integrazione prenotazioni Viali

Il nuovo sito è il primo passo. Il secondo è l'attribuzione completa: poter ricondurre ogni prenotazione alla sua fonte di marketing originale — e trasmettere quell'informazione a Viali senza soluzione di continuità.

Cosa viene rilevato al primo caricamento

Quando la pagina si carica, vengono letti e memorizzati i seguenti dati:

• Parametri UTM: utm_source, utm_medium, utm_campaign, utm_term, utm_content
• Click ID di Google Ads: gclid, gbraid, wbraid
• Meta (Facebook / Instagram): fbclid, igshid
• LinkedIn: li_fat_id
• TikTok: ttclid
• Microsoft Ads: msclkid
• Rilevamento automatico del referrer: se non sono presenti parametri UTM, document.referrer viene confrontato con un elenco noto (Google, Bing, Facebook, Instagram, TikTok, LinkedIn, ecc.) e viene assegnato un canale sintetico — es. google/organic o instagram/social. I referrer esterni sconosciuti ottengono referral/referral, l'assenza di referrer diventa direct/none.
• Fallback — domanda manuale sulla fonte: se il rilevamento automatico restituisce direct/none, il flusso di prenotazione aggiunge un passaggio extra. Una domanda strutturata chiede attivamente al paziente come ha trovato la clinica. La risposta — es. Social Media → Instagram — viene trasmessa come valore confermato manualmente all'oggetto di tracciamento, sovrascrivendo il segnaposto direct/none. Nessun contatto con il paziente resta privo di attribuzione della fonte.

Archiviazione

Tutti i dati vengono memorizzati come oggetto JSON sotto la chiave sessionStorage pkk_tracking. Durante la navigazione interna (stesso dominio, nessun nuovo parametro UTM o click ID) i dati di sessione esistenti vengono riutilizzati. Una nuova visita esterna con parametri UTM o click ID li sovrascrive.

Trasmissione dei dati a Viali

Quando l'utente apre il dialogo di prenotazione, buildBookingUrl() costruisce dinamicamente l'URL dell'iframe con tutti i parametri di tracciamento raccolti. La specifica completa è pubblicata su use.viali.app/api.

https://use.viali.app/book/eq0E3SKW7kZl9id5Ce3BszaN
  ?embed=true
  &service=liposuction
  &utm_source=google
  &utm_medium=cpc
  &utm_campaign=body_contouring_spring
  &gclid=abc123xyz

Selezione del servizio

Precompilazione dati paziente

Tracciamento UTM

Click ID degli annunci — rilevati sul lead e rispediti tramite la Conversions API affinché le piattaforme pubblicitarie possano associare le conversioni ai clic.

Varie

Viali riceve questi parametri, attribuisce la prenotazione al clic pubblicitario originale e la rende disponibile nel CRM e nel reporting delle conversioni — end-to-end, fino all'intervento eseguito e pagato.

Passo 3 — Dalla prenotazione alla sala operatoria: il percorso del paziente

Calendario degli appuntamenti

Nel momento in cui un paziente completa la prenotazione, l'appuntamento compare direttamente nel calendario di Viali — nessun inserimento manuale, nessun copia-incolla, nessuna telefonata all'accettazione. La vista giornaliera mostra ogni professionista affiancato, con lo stato dell'appuntamento (Confermato, In attesa), il nome del paziente e l'intervento a colpo d'occhio. Passando alla vista settimanale o mensile, il team della clinica ottiene una panoramica immediata della capacità.

Conferma e promemoria automatici

Il paziente riceve una conferma automatica via SMS ed e-mail subito dopo la prenotazione — senza alcuna azione da parte del team della clinica. 24 ore prima dell'appuntamento parte un secondo promemoria automatico. Entrambi i messaggi sono generati e inviati da Viali. L'accettazione non gestisce nulla di tutto ciò manualmente.

Questionario preoperatorio

Quando il paziente arriva in clinica, compila il questionario preoperatorio digitale sul proprio telefono o su un tablet — ancora prima di raggiungere il banco di accettazione. Il modulo è strutturato in più schede:

• Dati personali — nome, data di nascita, altezza, peso
• Allergie
• Patologie (Erkrankungen)
• Farmaci in corso
• Stile di vita — fumo, alcol, attività fisica
• Documenti — caricamento della documentazione clinica esistente
• Note aggiuntive

Il questionario compilato è archiviato in Viali e immediatamente disponibile per il team di anestesia — nessun modulo cartaceo, nessuna re-immissione, nessuna perdita di informazioni tra accettazione e sala operatoria. L'anestesista legge allergie, farmaci e patologie pregresse del paziente direttamente nel sistema, esattamente dove gli servono, prima che il paziente entri in sala operatoria.

Dall'appuntamento al trattamento o alla sala operatoria

Una volta completato il questionario, l'appuntamento segue uno di due percorsi a seconda dell'intervento.

Trattamento diretto (es. Botox, filler, interventi minori) — il professionista apre un nuovo record di trattamento direttamente sul paziente. Il modulo registra data e ora, note della seduta e le righe di trattamento — ogni riga descrive un prodotto applicato o una procedura eseguita. Una volta documentato, il record viene firmato e bloccato nel sistema.

Intervento pianificato — se la procedura richiede la sala operatoria, l'appuntamento confluisce nel piano della sala operatoria (OP Schedule). Il calendario chirurgico mostra tutte le sale operatorie affiancate (OP1, OP2, OP3) con l'intervento assegnato, il nome e la data di nascita del paziente e lo stato di pianificazione. Il piano può essere visualizzato per giorno, settimana o mese e supporta i workflow di richiesta per i casi che necessitano di approvazione prima di essere confermati nel blocco operatorio.

Entrambi i percorsi — trattamento diretto e intervento pianificato — sono documentati nello stesso record del paziente. Nessun passaggio da un sistema all'altro tra consulto, sala operatoria e fatturazione.

Documentazione clinica intraoperatoria

Una volta che il paziente è in sala operatoria, il team chirurgico e l'anestesista lavorano in Viali simultaneamente — ciascuno nella propria vista, entrambe collegate allo stesso record dell'intervento.

Lato chirurgico — il record intraoperatorio registra tutto in tempo reale: posizionamento del paziente (supino, laterale, prono, ecc.) con note in testo libero, disinfezione, allestimento delle apparecchiature (modalità di coagulazione: monopolare/bipolare, posizionamento dell'elettrodo neutro, lato del corpo), conte e materiale sterile, materiale di magazzino utilizzato e checklist pre/post-operatorie. Tutto strutturato, tutto con marca temporale, tutto archiviato nel record del paziente.

Lato anestesiologico — l'anestesista dispone di una vista parallela che mostra i parametri vitali in tempo reale per l'intera durata dell'intervento: pressione arteriosa (sistolica/diastolica), frequenza cardiaca, SpO2 e parametri di monitoraggio tra cui BIS (brain state index) e TOF (train of four). Le concentrazioni dei farmaci sono tracciate in continuo — in questo caso Propofol Ce 1.7 e Remifentanil Ce 5.7. La timeline si aggiorna in tempo reale e copre l'intera durata dell'anestesia.

Scarico automatico del magazzino

Ogni articolo consumato durante l'intervento — farmaci, monouso, impianti — viene tracciato nella scheda magazzino man mano che l'intervento procede. Al termine dell'operazione, un'unica azione «Commit Used Items» apre il dialogo di conferma con un elenco precompilato di tutto ciò che è stato registrato. Gli articoli ordinari (15 in questo caso, tra cui filtri respiratori, maschere, antibiotici e altre forniture) vengono confermati con un solo clic. Le sostanze controllate — come il Fentanyl 50 µg/ml — sono elencate separatamente e richiedono una firma digitale aggiuntiva prima che la quantità venga scaricata.

Una volta confermate, tutte le quantità vengono automaticamente scaricate dal magazzino dell'unità — nessun passaggio separato di gestione delle scorte, nessun foglio di conteggio cartaceo, nessuna re-immissione a posteriori.

Alla chiusura dell'intervento, entrambi i record vengono bloccati insieme — un protocollo chirurgico completo e conforme alla normativa, senza un solo foglio di carta.

Passo 4 — Attribuzione full-funnel: dal clic pubblicitario al fatturato

Poiché ogni prenotazione porta con sé i parametri UTM e i click ID degli annunci del Passo 2, Viali può attribuire ogni appuntamento e intervento alla sua fonte originale — automaticamente, senza tagging manuale. Il modulo Marketing aggrega questi dati in un'unica vista di reporting filtrabile per professionista, fonte e campagna.

Come i pazienti ci hanno trovati

Nel periodo giugno 2025 – aprile 2026, Privatklinik Kreuzlingen ha registrato 109 referral di prenotazione complessivi. La suddivisione per canale:

• Social Media 60 (55%) — la singola fonte più grande
• Motore di ricerca 38 (35%) — ripartito al 56% organico / 44% a pagamento su Google; Bing e DuckDuckGo coprono il resto
• Raccomandazione personale 7 (6%)
• Altro 3 (3%) / Marketing 1 (1%)

Metriche di conversione

Il filtraggio per qualsiasi combinazione di professionista, fonte e campagna ricalcola istantaneamente tutte le metriche a valle:

Stadi del funnel per fonte

Il grafico Stadi del funnel mostra l'abbandono a ogni stadio — Referral, Appuntamenti, Presentati, Intervento pianificato, Pagato — suddiviso per canale. Il Social Media genera il maggior numero di referral (60) ma converte a un tasso inferiore rispetto al motore di ricerca, dove il traffico organico (Ref→Intervento 27.3%, Appuntamento→Intervento 54.5%) supera nettamente quello a pagamento (12.5% / 16.7%).

Tabella di conversione per fonte

La tabella di dettaglio offre il quadro completo per ogni fonte, comprese le sotto-righe a pagamento vs organico per motore di ricerca e social media, con colonne per referral, presentati, no-show, annullati, interventi, tasso Ref→Intervento e tasso Appuntamento→Intervento.

Conversions API — Restituire i risultati reali

Sapere quale canale ha generato una prenotazione è solo metà del ciclo. L'altra metà consiste nel comunicare a Meta e Google quali di quei clic si sono effettivamente trasformati in un intervento pagato.

Tramite la Viali Conversions API (use.viali.app/api), ogni evento di conversione — lead, appuntamento prenotato, intervento pianificato, pagamento ricevuto — viene inviato lato server alla piattaforma pubblicitaria che ha generato il clic originale, abbinato tramite il click ID originale (fbclid, gclid, ecc.). Meta lo riceve tramite CAPI, Google tramite la Google Ads Conversions API.

Le piattaforme usano questi segnali per riaddestrare i propri algoritmi di offerta: invece di ottimizzare per clic o compilazioni di moduli, apprendono il profilo di un paziente che ha percorso l'intero funnel e ha pagato per un intervento dal valore di CHF 6'000–30'000. Le campagne successive ne attraggono altri simili.

Questo chiude il cerchio aperto nel Passo 2: i parametri UTM e i click ID raccolti al momento della prenotazione diventano i dati di conversione visibili qui — legati a fatturato chirurgico reale, non a semplici clic o lead.

Conclusione

Prima di Viali, Privatklinik Kreuzlingen somigliava alla maggior parte delle cliniche private in Svizzera: tecnicamente operativa, ma fragile. Un sito WIX che non poteva essere aggiornato senza uno sviluppatore. Un sistema di prenotazione in un silo separato. Un piano della sala operatoria in Excel, condiviso via e-mail. Documentazione anestesiologica su carta. Magazzino tenuto a mente da qualcuno. Spesa di marketing senza alcun legame con il fatturato.

Il risultato non era una clinica che non funzionava. Era una clinica in cui ogni passaggio di consegne introduceva un rischio — dove l'allergia di un paziente poteva restare in un PDF che nessuno apriva. Dove una campagna Botox da CHF 3'000 al mese non poteva essere ricondotta a un singolo intervento. Dove la direzione doveva interpellare quattro persone diverse prima di ottenere una risposta parziale a una domanda semplice.

Viali ha sostituito tutto questo con un unico sistema in cui ogni ruolo della clinica — accettazione, professionista, infermiere, anestesista, direzione — ha accesso esattamente alle informazioni di cui ha bisogno, esattamente nel momento giusto:

• L'accettazione vede la vista giornaliera completa con appuntamenti confermati e stato dei pazienti.
• Il paziente compila il questionario preoperatorio sul proprio telefono prima di arrivare.
• L'anestesista legge l'anamnesi del paziente prima che questi entri in sala operatoria.
• Il chirurgo documenta posizionamento, apparecchiature e checklist in tempo reale.
• L'anestesista registra parametri vitali e concentrazioni dei farmaci in tempo reale, in una vista collegata.
• Il magazzino si scarica da solo man mano che gli articoli vengono consumati e confermati.
• La direzione vede quale fonte ha generato CHF 79'100 di fatturato chirurgico — non clic, non lead, ma interventi effettivamente pagati.
• Meta e Google ricevono il segnale di conversione e inviano più pazienti come quelli che si sono effettivamente operati.

I dati memorizzati non restano fermi in un database. Circolano: dal modulo di prenotazione al calendario, dal questionario alla sala operatoria, dal record dell'intervento al magazzino, dal pagamento alla piattaforma pubblicitaria. Ogni informazione inserita da un ruolo diventa input utile per il successivo.

Ecco com'è fatto un sistema clinico completamente integrato. Non più software — meno attrito, meno rischio, meno lavoro manuale. E una linea completa e ininterrotta dal primo clic pubblicitario all'ultima fattura pagata.

Se desidera costruire lo stesso per la Sua clinica, ci contatti.

Domande frequenti

Cosa ha sostituito Privatklinik Kreuzlingen con Viali?

Un sito WIX, un sistema di prenotazione isolato, un piano della sala operatoria in Excel, una documentazione anestesiologica proprietaria in stile cartaceo e una spesa pubblicitaria alla cieca — tutto riunito in un'unica piattaforma integrata.

Quale punteggio Lighthouse ha raggiunto il nuovo sito?

99 Performance / 100 Accessibility / 100 Best Practices / 100 SEO sul dominio di produzione, realizzato con Next.js 15 e Static Site Generation.

Come viene rilevata l'attribuzione delle prenotazioni?

I parametri UTM e i click ID pubblicitari (gclid, fbclid e altri) vengono rilevati al primo caricamento, memorizzati e passati a Viali, così ogni prenotazione viene ricondotta alla sua fonte di marketing originale.

Come funziona la documentazione intraoperatoria?

Il team chirurgico e quello anestesiologico lavorano contemporaneamente in Viali in viste collegate — posizionamento, apparecchiature e checklist in tempo reale da un lato, parametri vitali e concentrazioni dei farmaci in tempo reale dall'altro — ed entrambi i record vengono bloccati insieme alla fine.

Come funziona lo scarico del magazzino?

Gli articoli utilizzati vengono registrati durante l'intervento e confermati con un clic; le sostanze controllate richiedono una firma digitale aggiuntiva, poi tutte le quantità vengono scaricate automaticamente dal magazzino.

Cosa ha rivelato l'attribuzione full-funnel?

Nel periodo giugno 2025 – aprile 2026, 109 referenze hanno prodotto 13 interventi pagati e CHF 79'100 di fatturato, con la ricerca organica che converte meglio di quella a pagamento, e le conversioni sono state restituite a Meta e Google tramite la Conversions API.

*Seguiranno altre sezioni: PACU, gestione del magazzino e reporting direzionale.*