AP-26-W04Case study2026

Ing. Dario Donelli

Un sito composto come la targa dello studio

Cliente
Ing. Dario Donelli
Settore
Ingegneria e progettazione edilizia
Località
Rivalta sul Mincio, Rodigo (MN)
Home page di dariodonelli.vercel.app, pagina intera
Home page di dariodonelli.vercel.app su tablet
Home page di dariodonelli.vercel.app su smartphone

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

  1. 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.

  2. 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.

  3. 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

08 — Tecnologie

Stack e strumenti

  • React
  • Vite
  • CSS scroll-driven
  • SVG
  • OpenStreetMap
  • Vercel

Tipologie

  • Sito web
  • UI/UX
  • Identità visiva
  • Sviluppo frontend

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
Codice AP-26-W04 Progetto realizzato Scheda agg. 09/2026

Hai un lavoro simile?

Parliamone

Progetto successivoAP-24-001

Tettoie in legno lamellare

Modellazione 3D in ufficio tecnico, reparto legno