Reconstrucción del sitio web de JM Field

JM Field es una empresa de logística, impresión y marketing con sede en Fort Lauderdale con una presencia web consolidada. Este proyecto reemplazó el sitio anterior con una reconstrucción desde cero de jmfield.com sobre Astro SSR, renderizado en el servidor desde un proceso Node detrás de Cloudflare. El objetivo era un sitio rápido, mantenible y bilingüe, con una sólida base técnica de SEO, llevado a producción en lugar de quedarse como una vista previa.

El trabajo comenzó con una fase de exploración de diseño: se crearon más de 20 conceptos distintos de página de inicio como páginas reales y listas para el navegador, de modo que el cliente pudiera comparar tipografía, color y diseño reales en lugar de maquetas estáticas. Eso sacó a la luz opciones creativas que una propuesta de un solo concepto nunca alcanzaría y permitió al cliente elegir una dirección con confianza antes de dedicar recursos de desarrollo a una sola vía. Una vez elegida la dirección, el sitio completo se construyó con páginas y componentes de Astro y pasó a producción.

El rendimiento fue un requisito de primer nivel. El PageSpeed móvil subió de 64 a 89 mediante el renderizado en el servidor, el aplazamiento del JavaScript no crítico y un tratamiento correcto del video de portada: el elemento de Largest Contentful Paint es una imagen de póster real con alta prioridad de carga, mientras que el video se precarga de forma diferida y se inicia tras la carga y el reposo, con alternativas para movimiento reducido y ahorro de datos. También se identificó y desactivó una configuración de JS-detections de Cloudflare que inflaba en silencio el tiempo de CPU móvil. El resultado es un sitio que pinta rápido en el móvil en lugar de atascarse en un video pesado de reproducción automática.

La entrega bilingüe está integrada en la arquitectura, no añadida a posteriori. Las páginas clave de servicios y conversión existen en versiones paralelas en inglés y español con una estructura de URL coherente, relaciones hreflang y datos de Schema.org localizados, atendiendo a la importante población hispanohablante de Fort Lauderdale. Cada página incluye datos estructurados LocalBusiness, Organization, Service y BreadcrumbList para que el sitio entre en las búsquedas con una base técnica limpia. El despliegue es sin intervención: un repositorio git básico en el NAS Synology de la oficina actúa como origen remoto, y un gancho post-recepción compila y reinicia el servicio Node SSR en el servidor de producción, de modo que un solo git push entra en vivo sin transferencias manuales de archivos.