AP-26-W02Case study2026

Cascina Fontana

Sessantatré biolche tra l’Oglio e il Mincio

Cliente
Progetto di famiglia
Settore
Agricoltura
Località
Rodigo (MN)
Home page di cascinafontana.xyz, pagina intera
Home page di cascinafontana.xyz su tablet
Home page di cascinafontana.xyz su smartphone

01 — Overview

Cascina Fontana è l’azienda agricola della mia famiglia, a Rodigo, in provincia di Mantova, avviata nel 2007. Porta il latte alla filiera del Grana Padano DOP, coltiva mais, frumento ed erba medica su sessantatré biolche e vende fieno, legna da ardere e fiori direttamente in cascina, su appuntamento.

Il sito dell’azienda agricola della mia famiglia, a Rodigo: cinque pagine in HTML, CSS e JavaScript vanilla, nove fotografie scattate da me e nessun servizio di terzi.

Servizi forniti

  • 01Architettura dei contenuti
  • 02Testi
  • 03Fotografia
  • 04Web design
  • 05Sviluppo frontend

02 — Obiettivo

Far sapere a chi cerca fieno, legna o fiori in zona cosa produce la cascina e in quale mese, e portarlo a una telefonata.

03 — Problema

Un’azienda senza punto vendita né orari fissi, che non vuole pubblicare l’indirizzo perché la cascina è anche casa. La versione precedente, un’applicazione React in quattro lingue con il tema a sensore orario, pesava più di quanto servisse a cinque pagine e raccontava origini che nessun documento conferma.

04 — Strategia

Ho tenuto solo ciò che è documentato e ho fatto della telefonata l’unica azione del sito: un numero, una PEC, nessuna mappa e nessun modulo. Ogni prodotto ha il suo calendario dei dodici mesi, così la stagione si legge prima di chiamare. Sotto ci sono cinque file HTML veri, senza framework né dipendenze a runtime.

Palette

05 — Sviluppo

  1. 01

    Contenuti

    Con mio padre ho riscritto la storia a partire dal 2007, senza secoli né leggende, e ho riunito le novità nella pagina Prodotti: sei schede con stagionalità, disponibilità e calendario dei mesi.

  2. 02

    Immagini

    Ho fotografato la cascina e ogni foto esce in quattro larghezze AVIF e WebP, con srcset calcolati sullo spazio che occupa. Il video dell’hero, montato con le stesse foto, parte solo su schermi grandi, con una rete veloce e senza riduzione del movimento.

  3. 03

    Codice

    Vite con HTML, CSS e JavaScript vanilla: testata e piè di pagina in partial inseriti in build, design token in un file solo, caratteri serviti dal sito. Nessun cookie e nessuna richiesta a server di terzi.

06 — Risultato

La versione attuale è online su cascinafontana.xyz da settembre 2026: cinque pagine leggere che dicono cosa c’è in cascina e quando, e i vecchi indirizzi portano ancora alla pagina giusta.

  • 0Dipendenze a runtime
  • 0Cookie e servizi terzi
  • 221Righe di JavaScript

07 — Galleria

08 — Tecnologie

Stack e strumenti

  • Vite
  • HTML
  • CSS
  • JavaScript
  • AVIF/WebP
  • Vercel

Tipologie

  • Sito web
  • UI/UX
  • Sviluppo frontend
  • Responsive

09 — Dati progetto

Cliente
Progetto di famiglia
Settore
Agricoltura
Località
Rodigo (MN)
Anno
2026
Tipologia
Sito web · UI/UX · Sviluppo frontend · Responsive
Servizi
Architettura dei contenuti · Testi · Fotografia · Web design · Sviluppo frontend
Tecnologie
Vite · HTML · CSS · JavaScript · AVIF/WebP · Vercel
Codice AP-26-W02 Progetto realizzato Scheda agg. 09/2026

Hai un lavoro simile?

Parliamone

Progetto successivoAP-26-W03

Alberto Pecchini

Il sito che stai guardando