Per Breeflee, da Federico Vitiello
Cosa ho fatto per te
Mi hai mandato il sito di Breeflee per la diretta. L'ho rifatto.
Qui trovi il prima e il dopo: che cosa ho trovato, che cosa ho cambiato e perché, con i numeri presi con gli stessi strumenti sul tuo sito e sul mio. Il sito rifatto è un'anteprima: non sostituisce il tuo, i motori di ricerca non lo vedono, e il modulo dei contatti non spedisce niente.
Prima di tutto
Quello che funziona già
Il marchio ha già una storia dentro
Io ci vedo la B fatta di righe, come le righe ordinate di un modulo, e l'uccellino fatto di punti collegati, come i dati che, messi in relazione, prendono il volo. È un segno raro: il logo l'ho lasciato com'è, e l'uccellino l'ho ricostruito dai suoi tracciati per farlo muovere.
Il problema, detto in tre numeri
Metà del tempo di lavoro in documentazione, 16 minuti per paziente sulla cartella elettronica, l'80 per cento dei dati clinici non strutturati: sono numeri che parlano a chi lavora in reparto. Ora due di loro sono battute del racconto in apertura, e tutti e tre restano nelle vostre parole.
Una base pulita
Tre lingue, una missione chiara, un sito già leggero (454 KB al primo caricamento) che passa le buone pratiche di Lighthouse a 100. Non partivo da un problema: partivo da qualcosa che si poteva raccontare molto meglio.
Il prima e il dopo, in numeri
Stessi strumenti, stessa macchina, lo stesso telefono simulato.
| Misura | Prima | Dopo |
|---|---|---|
| Peso al primo caricamentotelefono, rete 4G | 454 KB | 292 KB |
| Richieste al primo caricamento | 32 | 18 |
| Servizi esterni che si caricano da solidomini di altri | 5 | 0 |
| Prima schermata pronta (LCP)rete 4G | 1,06 s | 0,72 s |
| Prima schermata pronta (LCP)rete 4G lenta | 2,33 s | 1,79 s |
| Spostamenti durante il caricamento (CLS) | 0,00 | 0,00 |
| Lighthouse al telefono: prestazioni | 90 | 97 |
| Lighthouse: accessibilità | 94 | 100 |
| Lighthouse: buone pratiche | 100 | 100 |
| Lighthouse: SEOil dopo è chiuso ai motori di proposito, perché è un'anteprima, e Lighthouse lo conta: è l'unico controllo che manca, aperto ai motori farebbe 100 | 92 | 69 |
Peso, richieste, LCP e CLS: Chrome come un iPhone, processore quattro volte più lento, rete limitata davvero, senza cache, mediana di tre giri. Lighthouse 12 al telefono, due passaggi: del prima scrivo il migliore, del dopo il peggiore. Prima: www.breeflee.de, 21 ottobre 2026 alle 10:56. Dopo: breeflee.alleniamoimprese.it col racconto 3D, lo stesso giorno alle 12:53. Il racconto 3D pesa circa 190 KB in più (three.js e la scena), che arrivano al primo gesto, scorrere, muovere il mouse o toccare: la prima schermata è un'immagine ferma della scena, e chi non tocca niente non li scarica. I servizi esterni del sito di oggi sono i caratteri di Adobe e di Google e il monitoraggio di GoDaddy: il browser di chi visita li contatta, e consegna loro il suo indirizzo IP, prima ancora di vedere la pagina.
Il prima e il dopo, in qualità
Nei primi tre secondi
Prima
«Die Zukunft der Medizin startet hier»
Una promessa grande ma generica, sopra una stretta di mano fra un robot e una persona presa da un archivio di immagini. Che si parli di documentazione medica lo dice il paragrafo sotto, in piccolo.
Dopo
«Ihr Arztbrief. In wenigen Klicks.»
Che cosa fa Breeflee, detto subito, sopra la scrivania di un medico la sera, con la pila di lettere sotto la lampada. Poi, scorrendo, la storia: e alla fine due strade sole, provare l'esempio o chiedere una demo.
Che cosa ho preso dal tuo mondo, e dove l'ho messo
Il marchio, dai suoi tracciati veri
Ho misurato sul logo i 13 nodi e i 19 lati dell'uccellino e l'ho ricostruito. In apertura i dati arrivano sparsi (anamnesi, laboratorio, imaging, referto operatorio, istologia) e si collegano; nella prova, ogni scelta collega un pezzo dell'uccellino.
Il tuo mestiere
La lettera d'esempio è una lettera di dimissione dopo una colecistectomia laparoscopica, il pane quotidiano della chirurgia viscerale, scritta come la scriverebbe un reparto tedesco, con Erika Mustermann, la paziente di tutti gli esempi tedeschi. L'ha riletta un agente di intelligenza artificiale istruito come un revisore di madrelingua tedesca.
Il nome
Ci sento «briefly», e dentro il «Brief», la lettera del medico: è una mia lettura, nessuna fonte la conferma. La pagina nasce dal vostro generatore di lettere; se la storia del nome è un'altra, raccontamela.
I tuoi colori e i tuoi caratteri
L'indaco e la pesca del sito; per i testi Heebo, il carattere che il tuo tema dichiara (la home di oggi poi ne mostra altri, scaricati da Adobe e da Google), servito da qui; e Sometype Mono, che il tuo sito già carica, per i dati e il cronometro. Niente gradienti, niente immagini di repertorio.
Tübingen
La Neckarfront all'ora blu, una foto libera di Wikimedia Commons, con una riga: a Tübingen la medicina si insegna dal 1477. La vostra missione con le vostre parole, e voi tre per nome.
Le tre lingue
Tedesco, inglese e italiano, come oggi, con un selettore vero e una pagina per lingua; inglese e italiano seguono le frasi del tuo sito, corrette dove serviva.
Un racconto da attraversare
In apertura c'è una scena 3D vera che si attraversa scorrendo: la scrivania di un medico alle 21:40, la pila di lettere sotto la lampada. I fogli si sollevano, diventano dati, si collegano nell'uccellino del vostro marchio; all'alba la lettera è scritta, e il tempo torna ai pazienti. Quattro scene, frasi corte, nelle tre lingue.
La prima schermata è un'immagine ferma della scena, che arriva subito; il 3D (three.js, servito da qui, nessun servizio esterno) si carica dopo e la sostituisce senza salto. Al telefono la scena è più leggera, e con «riduci movimento» il racconto resta, fermo.
Che cosa fa sentire speciale chi visita
Un medico non legge soltanto che Breeflee fa risparmiare tempo: lo vede, su un esempio. Sceglie diagnosi, decorso, istologia, dimissione e raccomandazioni, e la lettera si scrive da sola mentre il cronometro corre.
Poi scopre che gli stessi clic sono già dati strutturati, pronti per la qualità, l'archivio, la ricerca e la certificazione. E trova le risposte prima delle domande: dove stanno i dati (nelle vostre mani, non in un cloud), con che cosa si parlano (HL7, FHIR, SNOMED), che cosa può fare il paziente da casa.
Per Google, e per chi condivide
Che cosa ho fatto perché vi trovino
| Che cosa | Prima | Dopo |
|---|---|---|
| Titolo della pagina | in inglese e uguale nelle tre lingue | uno per lingua, con quello che fate e dove |
| Descrizione per Google | assente | scritta a mano, in tre lingue |
| Titolo principale (h1) | il nome della pagina in WordPress, «Home» con la sigla della lingua | «Ihr Arztbrief. In wenigen Klicks.» |
| Lingue collegate (hreflang) | de, en, it | de, en, it e x-default, anche nella sitemap |
| Dati strutturati | nessuno | l'azienda coi fondatori e la sede, il prodotto, le domande e risposte, la pagina |
| Domande e risposte | nessuna | sei, con le parole del tuo sito: dove stanno i dati, interfacce, pazienti, studi, demo |
| I vecchi indirizzi | 17 pagine di WordPress nelle tre lingue | ognuno rimanda con un 308 alla sezione giusta nella sua lingua; Impressum e privacy alle pagine vere |
| Anteprima del link | nessuna immagine | un'immagine 1200×630 per lingua, da 67 a 73 KB |
| Contrasto dei colori | la pesca sul bianco a 2,09:1 | AA dappertutto: la pesca solo sull'indaco o come fondo |
| Pagina che non c'è | quella di WordPress | una 404 vera, nel marchio, che suggerisce l'indirizzo giusto |
L'anteprima resta fuori dai motori di ricerca, perché è un doppione del sito vero; tutto il resto il sito vero lo erediterebbe così com'è.
Onestamente
In quanto tempo, e con che cosa
Alle 10:49 del 21 ottobre ho aperto il tuo sito; alle 11:24 il sito rifatto era online. Poi l'ho rifinito fino alla diretta. L'ho fatto con Linus, il metodo con cui costruisco siti e applicazioni, e Claude Code: il lavoro l'hanno fatto agenti di intelligenza artificiale sotto la mia regia. Uno ha cercato le fonti fuori dal sito, uno ha misurato il prima, uno ha riletto il tedesco come un revisore di madrelingua, uno ha riletto questa pagina.
- 10:49
Comincio dal tuo sito: i testi nelle tre lingue, il marchio, i colori, i caratteri, l'Impressum; e lo misuro come lo vedrebbe un telefono.
- 10:52
Fuori dal sito: il registro delle imprese, LinkedIn, la stampa del 2022, la scheda del podcast «From OR to AI».
- 10:55
Il brief: chi siete, per chi, che cosa deve sentire un medico che arriva, e l'idea portante: l'Arztbrief in pochi clic.
- 11:02
Un agente istruito come un revisore di madrelingua tedesca rilegge ogni frase e la lettera d'esempio; inglese e italiano seguono il tuo sito.
- 11:15
Le prime prove sul codice vero, al telefono e al computer, sotto la mia regia.
- 11:24
Il sito rifatto è online, verificato da fuori; lo misuro con gli stessi strumenti del prima.
- 11:28
Stika, l'agente che rilegge i miei testi, controlla questa pagina frase per frase contro le fonti.
- 11:37
Un collaudatore che non ha costruito niente prova tutto, nelle tre lingue, al telefono e al computer: corretto quello che ha trovato.
- 11:48
La misura della prima versione, con le pagine e le domande al loro posto.
- 12:39
Il primo sito mi sembrava troppo da A.I. di base: lo rifaccio come racconto 3D a scorrimento.
- 12:47
Il racconto 3D è online; un critico, nel ruolo del direttore creativo di uno studio premiato, lo giudica fotogramma per fotogramma.
Che cosa non ho potuto verificare
- Le fonti dei tre numeri del problema: sul sito non ci sono, e un medico le chiederà.
- La piattaforma vera: non ho trovato schermate, quindi la prova è un esempio semplificato, e lo dice.
- Il CAP della sede: il sito dice 72072, il registro delle imprese 72074.
- Instagram: vuole il login, e l'ho saltato.
Che cosa ti chiederei
- Possiamo mostrare la piattaforma vera? Due o tre schermate, anche con dati finti, valgono più di qualunque disegno.
- Da dove vengono i tre numeri del problema (50 per cento, 16 minuti, 80 per cento)? Con la fonte accanto, un primario li crede subito.
- Il 25 per cento più veloce delle prime prove: su quanti referti, in quale reparto? È il numero più forte che avete.
- Breeflee è già in uso in qualche clinica o reparto? Se sì, si può dire?
- Vi va di mettere i vostri volti, con due righe ciascuno? Siete medici, e un medico che legge si fida di un collega.
- Il nome e l'uccellino hanno una storia? Se è quella che immagino (il «Brief», la lettera), merita una riga in pagina.
- Quale CAP è giusto per la sede: 72072, come sul sito, o 72074, come nel registro delle imprese?