Vai al contenuto
06 — WEB EXPERIENCE / MULTILINGUA

Ital Cheese Food

Web experience · Multilingua · Lead

Un'esperienza sola, in tre lingue, per una consulenza che lavora fuori dall'Italia

  • FRONTEND
  • BACKEND
  • UX
  • CONTENT
  • CLOUD
Visita il sito
La home italiana di Ital Cheese Food

Il problema

Quasi cinquant'anni dentro la produzione non stanno in una brochure.

Quasi cinquant'anni dentro la produzione non stanno in una brochure. Chi cerca questa consulenza arriva da paesi e lingue diverse, spesso con un problema preciso — un impianto da avviare, una produzione che non tiene — e deve capire in pochi secondi se ha davanti la persona giusta. Un sito in una lingua sola, con un elenco di servizi, non lo dice.

Come funziona

Una sola esperienza, adattata a tre mercati invece che tradotta tre volte. Prima il metodo e la persona, poi i servizi: chi legge deve riconoscere il proprio caso prima di trovare un modulo. E il contatto deve restare raggiungibile da qualsiasi punto, perché chi decide lo fa mentre legge, non alla fine.

VisitatoreLinguaContenutiRegistro rotteRichiestaSitemap · hreflang
  1. Visita
  2. Lingua
  3. Metodo
  4. Richiesta

Cosa abbiamo costruito

  • FRONTEND
  • BACKEND
  • UX
  • CONTENT
  • CLOUD

Le tre home — italiano, spagnolo, inglese — con hreflang reciproci e `x-default` sull'italiana: ogni lingua è una pagina canonica di se stessa, nessuna rimanda a un'altra.

Gli indirizzi tradotti lingua per lingua, dichiarati in un registro unico da cui discendono sitemap, canonical e alternate.

Il metodo in quattro elementi — struttura, tecnologia, persone, assistenza — e il confronto fra consulenza online e in azienda.

Il percorso dell'impianto: dall'analisi all'avviamento, con le attrezzature come parte del progetto e non come catalogo.

La mappa dei paesi in cui la consulenza ha lavorato, disegnata dai dati geografici invece che da un'immagine.

Il modulo di richiesta con consegna lato server e un ripiego via email quando il servizio non risponde: nessuna richiesta si perde in silenzio.

Statistiche di visita dietro consenso esplicito, con sei eventi che misurano i contatti e nessun dato personale.

Il prodotto
La home italiana di Ital Cheese Food
La home italiana di Ital Cheese Food
Il percorso dell'impianto, dall'analisi all'avviamento
Il percorso dell'impianto, dall'analisi all'avviamento
Il metodo in quattro elementi, da telefono
Il metodo in quattro elementi, da telefono
I servizi, ognuno con il risultato che produce
I servizi, ognuno con il risultato che produce
La sezione sull'esperienza di produzione
La sezione sull'esperienza di produzione
Consulenza online e in azienda, messe a confronto
Consulenza online e in azienda, messe a confronto
La stessa esperienza in inglese
La stessa esperienza in inglese

Architettura

Next.js con il segmento di lingua nella rotta e i testi in file tipizzati, uno per lingua: una struttura sola, tre contenuti, nessuna pagina duplicata da tenere allineata. Le rotte vivono in un registro che dichiara stato, indicizzabilità e slug per lingua — da lì discendono sitemap, canonical e hreflang, quindi una pagina nuova non può nascere fuori dalla mappa del sito. Pagine statiche su rete distribuita; il modulo è l'unica cosa che gira sul server.

  1. FRONTENDciò che si vede
  2. BACKENDciò che decide
  3. UXciò che rende comprensibile
  4. CONTENTciò che spiega
  5. CLOUDciò che regge

Le decisioni

Tre lingue, non tre siti

Italiano, spagnolo e inglese vivono nella stessa struttura: cambia il contenuto, non l'impianto. Ogni home è canonica di se stessa e dichiara le altre due come alternative, con l'italiano come lingua predefinita per chi arriva da un paese che non copriamo. Le due pagine di approfondimento esistono solo in italiano e non annunciano traduzioni che non ci sono: dichiarare una lingua che non esiste è un errore che Google ricorda.

Le rotte come unica fonte

Stato, indicizzabilità e indirizzo per ciascuna lingua sono dichiarati in un registro solo. Sitemap, canonical e hreflang leggono da lì: una pagina nuova entra nella mappa del sito perché è dichiarata, non perché qualcuno si è ricordato di aggiungerla. È anche il motivo per cui le bozze restano fuori dalla sitemap finché sono bozze.

  • Cinque indirizzi indicizzabili, tutti 200 e canonici
  • Pagine legali fuori dalla sitemap finché i testi non sono definitivi
  • Nessuna lingua canonicalizzata verso un'altra

Il metodo prima dei servizi

La sezione centrale non elenca prestazioni: mostra quattro elementi — struttura, tecnologia, persone, assistenza — e il percorso che li attraversa, dall'analisi dell'impianto all'avviamento con il personale. Chi produce riconosce il proprio punto di blocco lì dentro, e arriva all'elenco dei servizi sapendo già cosa chiedere.

Misurare senza rallentare

Le statistiche partono solo dopo un consenso esplicito e il tag si carica in coda, quando il contenuto è già a schermo. Non è prudenza astratta: caricandolo prima, su rete lenta si contende la banda con la fotografia d'apertura — misurato, oltre due secondi di LCP in più. Gli eventi misurano i contatti — WhatsApp, telefono, email, invio del modulo, cambio lingua — e non trasportano nulla di ciò che una persona scrive.

Stack

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Vercel
  • Multilingua IT/ES/EN
  • SEO tecnico
  • GA4 con consenso

Il nostro ruolo

  • Product thinking
  • UX/UI
  • Frontend
  • Struttura dei contenuti multilingua
  • SEO tecnico
  • Analytics e consenso
  • Deploy

Design & sviluppo del sito

Risultato

  • Cinque indirizzi indicizzabili, tutti con canonical su se stessi e hreflang reciproci fra le tre lingue.
  • Sitemap generata dal registro delle rotte e accettata da Search Console, senza pagine di prova né bozze.
  • Gli eventi di contatto verificati sulle chiamate realmente uscite, non solo nella coda del browser: nessuno contiene dati personali.
  • Il tag di misurazione si carica in coda, dopo il contenuto: anticiparlo costava, misurato su rete lenta, più di due secondi di LCP sulla fotografia d'apertura.

Il sito è nato con più mercati in programma di quelli pubblicati: le pagine per servizio e per area geografica sono già previste nel registro delle rotte e verranno aperte quando i testi esisteranno davvero nelle rispettive lingue. La direzione la daranno le ricerche reali, non le ipotesi.

Ital Cheese Food è online. Puoi aprirlo adesso.

Visita il sito

Ti serve qualcosa di simile? Raccontacelo: partiamo da dove sei adesso.

Creiamo un progetto
Cosa abbiamo costruito qui

MBBET

Digital business system · Operations

L’infrastruttura digitale di un’attività che vende formazione e prodotti