RICERCA / 1 OTTOBRE 2026
Un’identità più forte.
Un sito più utile.
Ho raccolto i contenuti pubblici della farmacia, confrontato sei riferimenti e verificato le basi su GitHub. Il risultato sono due prototipi originali: uno cinematico con 3D interattivo, uno essenziale per l’uso quotidiano.
01 / IL RIFERIMENTO ESTETICO
La mia scelta: Santa Maria Novella.
Tra i riferimenti esaminati, scelgo Officina Profumo-Farmaceutica di Santa Maria Novella: 9,5/10 come giudizio estetico personale. Immagini macro, tipografia serif, fondo avorio e racconto della materia costruiscono un’identità riconoscibile. È una storica officina di profumeria e benessere: per una farmacia di quartiere occorre dare maggiore priorità a servizi, telefono e indicazioni.
Per l’organizzazione pratica scelgo Lafarmacia.: categorie dei servizi, informazioni per prenotare e risposte alle domande. La proposta definitiva può unire questo ordine all’eleganza del primo riferimento.
| Riferimento | Cosa riprendere | Adattamento a Parma |
|---|---|---|
| Santa Maria Novella ↗ 9,5/10 estetico | Apertura cinematica, avorio, fotografia macro, serif e patrimonio. | Servizi e contatti immediati; racconto breve. |
| Buly ↗ 9/10 estetico | Botanica, composizioni editoriali e carattere tipografico. | Ridurre sovrapposizioni di ingresso e densità. |
| Aesop ↗ | Consiglio, immagini coerenti e transizioni calme. | Reinterpretare per i servizi sanitari locali. Caso del progettista ↗ |
| Lafarmacia. ↗ 9/10 pratico | Categorie, ricerca servizi, prenotazione e FAQ. | Semplificare la rete di sedi a una sola farmacia. |
| Antica Farmacia Sant’Anna ↗ | Storia del luogo, laboratorio e rapporto con le persone. | Selezionare i contenuti essenziali. |
| Dr. Max ↗ | Ricerca, chiarezza commerciale, collegamento ai negozi. | Ridurre catalogo e promozioni per una farmacia locale. |
I punteggi sono editoriali, non misurazioni di accessibilità, conversione o velocità. Santa Maria Novella e Buly osservati su desktop; nessuna valutazione mobile completa. I prototipi reinterpretano gerarchia e atmosfera con layout, testi e immagini propri.
02 / I CONTENUTI RECUPERATI
Farmacia Ponte Dattaro, dal 1966.
43124 Parma (PR) · quartiere Montanara
P.IVA 02072810340
Fonti: homepage, storia, dove siamo. AUSL Parma conferma sede e telefono. Il footer WhatsApp del sito attuale omette il prefisso internazionale: il prototipo usa il collegamento completo pubblicato nell’header.
Quattro servizi con schede e calendari
| Servizio ufficiale | Contenuto | Tariffa rilevata |
|---|---|---|
| ECG ↗ | Elettrocardiogramma in farmacia per adulti e bambini. | 20,00 € |
| Teledermatologia ↗ | Servizio in collaborazione con dermatologi specializzati, dedicato alla pelle e al capello. | da 35,00 € |
| Holter pressorio ↗ | Monitoraggio della pressione arteriosa nelle 24 ore. | 41,30 € |
| Holter cardiaco ↗ | Registrazione continuativa dell’attività cardiaca per 24 o 48 ore. | 62,00 € |
Tariffe rilevate il 1 ottobre 2026 sulle pagine o nel calendario pubblico del sito, da confermare al momento della prenotazione. Per teledermatologia: 35 € per una problematica, 50 € fino a tre. Nessuna disponibilità storica è presentata come corrente.
La farmacia cita anche esami del sangue capillare e consulenza nutrizionale, ma non pubblica schede di prenotazione o tariffe dedicate. Le categorie presenti sono farmaci, prodotti omeopatici e dietetici, integratori, erbe medicinali e cosmetici. Le tre news attuali sono inventariate e collegate, senza riprodurre nuovi consigli clinici.
Cosa manca prima del sito definitivo
- Orari: non disponibili nella versione live delle pagine principali. Gli orari storici e delle directory vanno confermati dal titolare; nei concept compare l’invito a chiamare. I turni AUSL non equivalgono agli orari ordinari.
- Ricette: la pagina attuale è vuota. Va definito un servizio reale prima di aggiungere una funzione di invio.
- Noleggi: la pagina è “in costruzione”; mancano dispositivi, condizioni e tariffe. Nei concept si richiedono informazioni telefoniche.
- Foto e team: il logo è recuperato. Le immagini attuali non consentono di verificare luogo e identità: per il lancio servono fotografie autentiche approvate.
- Calendari: operativi nelle singole schede del sito attuale. I concept aprono quelle pagine; nessuna prenotazione viene simulata.
Copertura della ricerca
Censite 17 pagine HTML pubbliche collegate, 3 articoli, 4 API di calendario, un campione del modulo di prenotazione e 14 riferimenti immagine. La sitemap risponde 404, quindi potrebbero esistere pagine non collegate. Nessun accesso privato, invio modulo o appuntamento è stato eseguito.
- Farmacia Ponte Dattaro | Parma ↗
- Chi siamo ↗
- Dove siamo - Galatea Power ↗
- Prestazione ECG ↗
- Prestazione Teledermatologia ↗
- Prestazione Holter Pressorio ↗
- Prestazione Holter Cardiaco o ECG dinamico ↗
- Prenota ↗
- Ricette ↗
- Noleggi ↗
- News e consigli | Farmacia Ponte Dattaro ↗
- Mappa ↗
- Contattaci - Galatea Power ↗
- Area Utenti ↗
- Estate e pelle: come proteggerla dal sole e dal caldo ↗
- Pressione bassa e caldo: sintomi, consigli e rimedi utili ↗
- Come affrontare il caldo estivo: 7 consigli utili per stare bene ↗
Informativa pubblica attuale: privacy e cookie. Prima del lancio occorre aggiornarle alla soluzione effettiva. Il prototipo usa risorse locali e non raccoglie dati di pazienti.
03 / LE BASI VERIFICATE
GitHub per la struttura.
Blender e Higgsfield per il movimento.
Ho cercato i repository ufficiali con il plugin GitHub e verificato README, licenze e manutenzione. Non serve un template farmacia generico: conviene partire da fondamenta affidabili e da un archivio unico dei contenuti.
La scena 3D dentro React. MIT; utile per una versione definitiva in React 19.
Timeline e animazioni cinematiche. Licenza proprietaria Standard No Charge: uso commerciale del sito gratuito.
Scorrimento fluido opzionale. MIT; da valutare rispetto a movimento ridotto e browser mobile.
Comportamenti accessibili: focus, tastiera, dialog e menu. MIT.
Questi sono riferimenti per lo sviluppo definitivo. I prototipi consegnati usano Vite, HTML/CSS e JavaScript; il cinematico carica Three.js separatamente. Le librerie suggerite non sono tutte installate.
Blender e Higgsfield, insieme. La croce è un modello originale Blender: vetro smeraldo, cornice in ottone e basamento in pietra. Il suo render è stato usato come riferimento di partenza e arrivo per un filmato di dieci secondi realizzato con Higgsfield Cinema Studio 3.0. È questa l’animazione scelta per l’apertura, con una lieve rotazione, riflessi in movimento e una regia da studio. Higgsfield interpreta la pietra con venature più visibili e aggiunge un riflesso luminoso sull’ottone. La modalità “Esplora in 3D” carica il modello Blender originale e il suo loop dal vivo in Three.js. Il filmato apre la hero; la scultura statica e il 3D su richiesta sono nella sezione immersiva verde bosco. Sono inclusi il master modificabile, il filmato Higgsfield originale e un render animato Blender come riferimento di produzione. Le illustrazioni botaniche sono originali Higgsfield.
Il filmato parte solo quando entra in vista; il 3D viene caricato scegliendo “Esplora in 3D”. Filmato e 3D hanno controlli indipendenti: si fermano quando la propria sezione è fuori schermo e nelle schede non attive, rispettano il movimento ridotto e offrono la pausa. I titoli usano Sora Variable Variable con corsivi autentici, i testi Manrope: caratteri ospitati localmente. Il modello pesa circa 232 KB, con 9.832 triangoli e tre mesh. Se una modalità non è disponibile, resta il fotogramma statico o la modalità alternativa.
04 / DAL CONCEPT AL SITO DEFINITIVO
Una base pratica.
Un’apertura memorabile.
La direzione scelta è un atelier italiano della salute: hero editoriale asimmetrica, titoli Sora Variable senza corsivi, vetro smeraldo, render Blender di ECG, Holter e dermatoscopio e servizi con gerarchie diverse e una sezione immersiva verde bosco. L’apertura animata è curata con Blender e Higgsfield. Contatti e servizi restano sempre disponibili, senza dover attendere l’animazione per prenotare.
La tipografia corrente usa Sora Variable per i titoli e Manrope per i testi, entrambi ospitati localmente. Licenza Sora OFL ↗. I quattro render degli strumenti sono illustrazioni 3D originali di concept, non fotografie delle apparecchiature presenti in farmacia.
Stima di lavoro indicativa
Versione essenziale
3–5 giorniImpostazione definitiva delle pagine, contenuti già approvati, collegamento al sistema prenotazioni esistente, verifica sui dispositivi e messa online.
Versione cinematica 3D
7–12 giorniStessa base, più direzione artistica 3D, movimento, ottimizzazione e verifica su una gamma di dispositivi.
Stima progettuale propria in giornate di lavoro, non preventivo. Esclude nuovi gestionali, e-commerce, sviluppo di upload ricette, fotografia in sede e attese di approvazione. Nessuna stima economica o scadenza contrattuale.
- Confermare orari, tariffe, fotografie, servizi aggiuntivi e informazioni sui noleggi.
- Scegliere una direzione e completare le pagine di dettaglio. Per il sito definitivo mantenere l’HTML indicizzabile e l’archivio contenuti aggiornabile.
- Collegare il sistema appuntamenti esistente tramite percorsi ufficiali o integrazione approvata. Definire separatamente l’eventuale invio ricette.
- Verificare la resa reale su mobile e desktop, tastiera, contrasto, movimento ridotto, velocità e comportamento delle prenotazioni.
- Pubblicare il sito definitivo, con reindirizzamenti degli URL attuali, metadati, sitemap e informazioni locali coerenti.
Questa consegna è un confronto di prototipi locali. Le verifiche statiche e di compilazione non sostituiscono un collaudo visivo su dispositivi reali. Il sito originale non è stato modificato.
05 / CREDITI E LICENZE
Dati reali, ricostruzione originale.
Il viaggio 3D del prototipo cinematico vola sulle foto aeree vere di Parma. Edifici, strade vicine, alberi vicini e farmacia sono una ricostruzione 3D originale costruita su dati aperti; gli interni sono un concept.
| Elemento | Fonte e titolare | Licenza |
|---|---|---|
| Foto aeree (terreno e tetti) | Ortofoto RER 2025-26 RGB © Regione Emilia-Romagna, volo del 5 aprile 2025. Dati elaborati: riproiettate nel sistema locale del progetto, ricampionate a 4 m per pixel per i 16 km attorno a Parma (il pre-volo da 17,5 km di quota) e a 2 / 0,5 / 0,2 m per pixel verso la farmacia, compresse e con una leggera correzione del colore; vicino alla farmacia il suolo sotto gli edifici fotografati è ricostruito. Dettagli dell’elaborazione ↗ | CC BY 4.0 ↗ |
| Mappa (impronte degli edifici, strade, acque, alberi, nomi) | © OpenStreetMap contributors ↗ | ODbL ↗ |
| Altezze parziali degli edifici | DBTR, Unità volumetriche © Regione Emilia-Romagna. Le altre altezze sono stimate dalle ombre dell’ortofoto o dai dati OpenStreetMap. | CC BY 4.0 ↗ |
| Ricostruzione 3D | Modellazione procedurale originale di edifici, strade, alberi, farmacia e interni (concept). La facciata e l’ingresso della farmacia seguono un rilievo fatto su foto pubbliche e ortofoto (palazzina in mattoni a vista, pedana con gradini e parapetto, ERBORISTERIA, distributore, FARMACIA con porte scorrevoli e tenda, TABACCHERIA-BAR, croce LED sul palo nella striscia alberata); misure approssimate, poster e vetrine senza marchi. | Prototipo |
| Immagini della pagina | Scaffali in trasparenza della vetrina dei servizi generati con Higgsfield (GPT Image 2.5), senza marchi né testi; modellini 3D degli strumenti e croce “Un segno di vicinanza” modellati in Blender (concept originali); telefono pieghevole di “Altri servizi” costruito nel codice. Foto storica della sede: dermatologiainfarmacia.it ↗. | Prototipo |
| Caratteri tipografici | Syne e Sora (cinematico), DM Sans e Manrope (essenziale), ospitati localmente. Bodoni Moda è incluso nelle dipendenze ma non è usato nelle pagine. | Syne OFL ↗ Sora OFL ↗ Manrope OFL ↗ DM Sans OFL ↗ Bodoni Moda OFL ↗ |
| Motore 3D | three.js, con il decodificatore meshoptimizer e il transcoder Basis Universal (texture KTX2) distribuiti insieme a three.js. | three.js MIT ↗ meshoptimizer MIT ↗ Basis Universal Apache 2.0 ↗ |
Le attribuzioni restano visibili in basso durante tutto il viaggio 3D. Le posizioni e le altezze sono approssimate: la ricostruzione serve a orientarsi, non a misurare.