Ing. Dario Donelli
Un sito composto come la targa dello studio




01 — Overview
Dario Donelli è ingegnere edile-architetto, iscritto all’Ordine di Mantova dal 2010, con studio a Rivalta sul Mincio, alle porte del Parco del Mincio. Segue di persona ogni incarico, dal progetto alle strutture fino alla chiusura del cantiere, per privati e opere civili in provincia.
Il sito dello studio tecnico dell’Ing. Dario Donelli a Rivalta sul Mincio: una pagina sola in bianco e nero, costruita sulla targa dello studio, con una carta del territorio disegnata a mano.
Servizi forniti
- 01Architettura dei contenuti
- 02Web design
- 03Sviluppo frontend
- 04Cartografia
- 05Dominio e pubblicazione
02 — Obiettivo
Far capire in pochi secondi, a chi deve costruire, ristrutturare o mettere in sicurezza un edificio nel mantovano, chi è lo studio, cosa fa e come contattarlo.
03 — Problema
Uno studio di una persona sola, senza un archivio di lavori fotografati né numeri da esibire. Il rischio era un sito generico, uguale a quello di qualsiasi studio tecnico, o riempito di referenze non verificabili.
04 — Strategia
Ho preso come riferimento la targa sull’ingresso dello studio: incisione nera su metallo chiaro, filetti sottili, nessun colore. Da lì vengono il bianco e nero, il nome in maiuscolo e la «D» del logo che torna come punto elenco, marcatore e cursore. Al posto delle referenze ho messo dati verificabili: l’iscrizione all’albo, la sede, il territorio su una carta.
Palette
05 — Sviluppo
- 01
Targa
L’apertura è alta tre schermi: mentre si scorre, il nome atterra in alto, entra la targa e il manifesto compare riga per riga. È tutto CSS legato allo scorrimento, senza librerie; su telefono o con il movimento ridotto diventa un’apertura statica con gli stessi elementi.
- 02
Carta
Ho disegnato in SVG una carta della provincia di Mantova, con la proiezione corretta alla latitudine dello studio: 21 comuni, il Mincio, i laghi, il parco, i raggi da 5 a 20 km, scala grafica e rosa dei venti. Accanto, la fotografia della sede con tre punti che raccontano l’ingresso.
- 03
Dati
Testi, recapiti, credenziali d’albo e dati societari stanno in un unico file, separati dall’impaginazione. La mappa di dettaglio usa OpenStreetMap al posto di Google: nessuna chiave, nessun cookie di profilazione, nessun banner.
06 — Risultato
Il sito è online su Vercel e sta passando al dominio dariodonelli.com: una pagina sola, senza cookie di profilazione, con circa 90 kB di codice compresso oltre alle fotografie.
- 22Località sulla carta
- 0Cookie di profilazione
- 90 kBCodice compresso
07 — Galleria



Seleziona un’immagine per aprirla a tutto schermo · frecce per scorrere · Esc per chiudere
08 — Tecnologie
Stack e strumenti
Tipologie
09 — Dati progetto
- Cliente
- Ing. Dario Donelli
- Settore
- Ingegneria e progettazione edilizia
- Località
- Rivalta sul Mincio, Rodigo (MN)
- Anno
- 2026
- Tipologia
- Sito web · UI/UX · Identità visiva · Sviluppo frontend
- Servizi
- Architettura dei contenuti · Web design · Sviluppo frontend · Cartografia · Dominio e pubblicazione
- Tecnologie
- React · Vite · CSS scroll-driven · SVG · OpenStreetMap · Vercel
Hai un lavoro simile?
Parliamone
