Ir al contenido
06 — EXPERIENCIA WEB / MULTI-IDIOMA

Ital Cheese Food

Experiencia web · Multi-idioma · Captación

Una sola experiencia, en tres idiomas, para una consultoría que trabaja fuera de Italia

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

El problema

Casi cincuenta años dentro de la producción no caben en un folleto.

Casi cincuenta años dentro de la producción no caben en un folleto. Quien busca esta consultoría llega desde países e idiomas distintos, a menudo con un problema concreto —una planta que arrancar, una producción que no aguanta— y tiene que entender en pocos segundos si tiene delante a la persona adecuada. Un sitio en un solo idioma, con una lista de servicios, no lo dice.

Cómo funciona

Una sola experiencia, adaptada a tres mercados en vez de traducida tres veces. Primero el método y la persona, después los servicios: quien lee tiene que reconocer su caso antes de encontrar un formulario. Y el contacto tiene que seguir al alcance desde cualquier punto, porque quien decide lo hace mientras lee, no al final.

VisitanteIdiomaContenidosRegistro de rutasSolicitudSitemap · hreflang
  1. Visita
  2. Idioma
  3. Método
  4. Solicitud

Qué he construido

  • FRONTEND
  • BACKEND
  • UX
  • CONTENT
  • CLOUD

Las tres home —italiano, español, inglés— con hreflang recíprocos y `x-default` en la italiana: cada idioma es una página canónica de sí misma, ninguna remite a otra.

Las direcciones traducidas idioma a idioma, declaradas en un registro único del que descienden sitemap, canonical y alternate.

El método en cuatro elementos —estructura, tecnología, personas, asistencia— y la comparación entre consultoría online y en la empresa.

El recorrido de la planta: del análisis a la puesta en marcha, con los equipos como parte del proyecto y no como catálogo.

El mapa de los países en los que la consultoría ha trabajado, dibujado con datos geográficos en vez de con una imagen.

El formulario de solicitud con entrega en el servidor y una alternativa por email cuando el servicio no responde: ninguna solicitud se pierde en silencio.

Estadísticas de visita bajo consentimiento explícito, con seis eventos que miden los contactos y ningún dato personal.

El producto
La home italiana de Ital Cheese Food
La home italiana de Ital Cheese Food
El recorrido de la planta, del análisis a la puesta en marcha
El recorrido de la planta, del análisis a la puesta en marcha
El método en cuatro elementos, desde el móvil
El método en cuatro elementos, desde el móvil
Los servicios, cada uno con el resultado que produce
Los servicios, cada uno con el resultado que produce
La sección sobre la experiencia de producción
La sección sobre la experiencia de producción
Consultoría online y en la empresa, comparadas
Consultoría online y en la empresa, comparadas
La misma experiencia en inglés
La misma experiencia en inglés

Arquitectura

Next.js con el segmento de idioma en la ruta y los textos en archivos tipados, uno por idioma: una sola estructura, tres contenidos, ninguna página duplicada que mantener alineada. Las rutas viven en un registro que declara estado, indexabilidad y slug por idioma; de ahí descienden sitemap, canonical y hreflang, así que una página nueva no puede nacer fuera del mapa del sitio. Páginas estáticas en red distribuida; el formulario es lo único que corre en el servidor.

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

Las decisiones

Tres idiomas, no tres sitios

Italiano, español e inglés viven en la misma estructura: cambia el contenido, no el armazón. Cada home es canónica de sí misma y declara las otras dos como alternativas, con el italiano como idioma por defecto para quien llega desde un país que no está cubierto. Las dos páginas de profundización existen solo en italiano y no anuncian traducciones que no hay: declarar un idioma que no existe es un error que Google recuerda.

Las rutas como única fuente

Estado, indexabilidad y dirección para cada idioma están declarados en un solo registro. Sitemap, canonical y hreflang leen de ahí: una página nueva entra en el mapa del sitio porque está declarada, no porque alguien se haya acordado de añadirla. Es también el motivo por el que los borradores quedan fuera de la sitemap mientras son borradores.

  • Cinco direcciones indexables, todas 200 y canónicas
  • Páginas legales fuera de la sitemap mientras los textos no sean definitivos
  • Ningún idioma canonicalizado hacia otro

El método antes que los servicios

La sección central no enumera prestaciones: muestra cuatro elementos —estructura, tecnología, personas, asistencia— y el recorrido que los atraviesa, del análisis de la planta a la puesta en marcha con el personal. Quien produce reconoce ahí dentro su punto de bloqueo, y llega a la lista de servicios sabiendo ya qué pedir.

Medir sin frenar

Las estadísticas arrancan solo después de un consentimiento explícito y la etiqueta se carga al final, cuando el contenido ya está en pantalla. No es prudencia abstracta: cargándola antes, en red lenta compite por el ancho de banda con la fotografía de apertura — medido, más de dos segundos de LCP de más. Los eventos miden los contactos —WhatsApp, teléfono, email, envío del formulario, cambio de idioma— y no transportan nada de lo que una persona escribe.

Stack

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Vercel
  • Multi-idioma IT/ES/EN
  • SEO técnico
  • GA4 con consentimiento

Mi papel

  • Product thinking
  • UX/UI
  • Frontend
  • Estructura de contenidos multi-idioma
  • SEO técnico
  • Analítica y consentimiento
  • Despliegue

Diseño y desarrollo del sitio

Resultado

  • Cinco direcciones indexables, todas con canonical hacia sí mismas y hreflang recíprocos entre los tres idiomas.
  • Sitemap generada desde el registro de rutas y aceptada por Search Console, sin páginas de prueba ni borradores.
  • Los eventos de contacto verificados sobre las llamadas realmente salidas, no solo en la cola del navegador: ninguno contiene datos personales.
  • La etiqueta de medición se carga al final, después del contenido: adelantarla costaba, medido en red lenta, más de dos segundos de LCP sobre la fotografía de apertura.

El sitio nació con más mercados en el plan de los publicados: las páginas por servicio y por área geográfica ya están previstas en el registro de rutas y se abrirán cuando los textos existan de verdad en cada idioma. La dirección la darán las búsquedas reales, no las hipótesis.

Ital Cheese Food está online. Puedes abrirlo ahora.

Visita la web

¿Necesitas algo parecido? Cuéntamelo: empezamos desde donde estás ahora.

Creemos un proyecto
Qué he construido aquí

MBBET

Sistema digital de negocio · Operaciones

La infraestructura digital de un negocio que vende formación y productos