Studio dentistico — pitch in due direzioni
Un pitch: due redesign completi del sito di uno studio, immersivo e professionale, senza perdere traffico dalla ricerca.
- Astro 7
- Three.js
- GLSL
- Node.js
- cheerio
- sharp
- Netlify
- 219pagine nella ricostruzione, due direzioni più un selettore
- 8,918link controllati dall'audit della build, con 0 errori
- 71articoli del blog migrati da WordPress
Un crawl, una build, due direzioni
Un solo crawl del vecchio sito e una sola fonte di contenuti alimentano due design completi dello stesso studio, immersivo e professionale, mantenendo ogni vecchio URL.
Tocca un blocco per vedere cosa fa.
- Persone
- Ingresso
- Logica
- Dati
- Uscita
- Infrastruttura
Persone
Ricerca sul brand
Brand bible dal crawl di 60 pagine e dei loro stili calcolati; le 17 promesse dell'altra agenzia trascritte e smontate una per una.
Passa a Build Astro
Ingresso
Crawl del sito
Sitemap e 406 URL del vecchio sito WordPress salvati in locale, cinque richieste alla volta.
- Node.js
Passa a Preparazione contenuti, Mappa di migrazione
Logica
Preparazione contenuti
cheerio estrae il testo pulito da pagine e 71 articoli, sharp crea le foto WebP, e tutto finisce in un unico file di contenuti.
- cheerio
- sharp
Riceve da Crawl del sitoPassa a Build Astro
Dati
Mappa di migrazione
109 vecchi URL mappati sulle nuove pagine, con gli slug dei servizi identici al sito attuale.
- JSON
Riceve da Crawl del sitoPassa a Build Astro
Logica
Build Astro
Una sola rotta catch-all genera le due direzioni dagli stessi dati: 109 pagine ciascuna, più una pagina selettore.
- Astro 7
Riceve da Ricerca sul brand, Preparazione contenuti, Mappa di migrazionePassa a Direzione immersiva, Direzione professionale
Uscita
Direzione immersiva
Un dente 3D: camera su una spline in tre capitoli di scroll, materiale perla con clearcoat, corona esplosa, render in pausa fuori schermo.
- Three.js
Riceve da Build AstroPassa a Audit della build
Uscita
Direzione professionale
Una direzione pacata: trattamenti filtrati per bisogno del paziente, magazine con ricerca e una scheda per trattamento.
Riceve da Build AstroPassa a Audit della build
Logica
Audit della build
Controlla titoli, un solo h1 per pagina, noindex, link locali, asset, testi alt e copertura della migrazione; più 6 test node.
- node:test
- cheerio
Riceve da Direzione immersiva, Direzione professionalePassa a Bundle Netlify
Infrastruttura
Bundle Netlify
La build copiata e ogni file verificato con sha256, un header noindex, i vecchi URL .php riscritti con stato 200.
- Netlify
Riceve da Audit della build
Il problema
Uno studio dentistico privato aveva un sito WordPress informativo, e un'altra agenzia proponeva un restyling su template. Il mio pitch doveva mostrare un sito che porta pazienti, senza perdere posizionamento, vecchi URL e blog.
Cosa ho costruito
- Ho studiato il brand con il crawl di 60 pagine e dei loro stili calcolati, e ho risposto una per una alle 17 promesse dell'altra agenzia.
- Prima versione: un generatore statico Node su misura, una sola fonte di contenuti per due direzioni da 51 pagine ciascuna, con il logo ricostruito in particelle WebGL in quella immersiva.
- Seconda versione in Astro: ho fatto il crawl del sito attuale, migrato 16 servizi e tutti i 71 articoli del blog, e generato le due direzioni dagli stessi dati, 109 pagine ciascuna.
- Ho costruito la direzione immersiva attorno a un dente 3D: camera guidata dallo scroll in tre capitoli, materiale perla, vista esplosa e un pulsante che mette in pausa il movimento.
- Ho tenuto onesto il pitch: i moduli preparano solo una mail, niente viene prenotato o inviato, e ogni pagina è noindex.
La parte difficile
Cambiare tutto lo stack senza perdere traffico dalla ricerca. I vecchi indirizzi .php sono serviti con rewrite 200, gli slug dei servizi sono identici al sito attuale e una mappa di migrazione copre 109 URL. Poi un audit della build ha controllato 8.918 link e 959 immagini con 0 errori.
Risultato
Due direzioni complete e navigabili sullo stesso brand, consegnate come bundle statici privati pronti per Netlify. Era un pitch, una proposta: il sito attuale dello studio non è opera mia.
Il mio ruolo
In solitaria, con agenti. Ho fatto la ricerca, dato la direzione alle due varianti e rivisto il lavoro, rimandando indietro la prima homepage immersiva della ricostruzione; Claude Code ha scritto il primo generatore e OpenAI Codex la ricostruzione in Astro.