Rediseño 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 consiste en el rediseño completo del sitio web jmfield.com — construido íntegramente con Claude Code y PHP, con el objetivo de crear una arquitectura HTML moderna y totalmente estática que priorice el rendimiento, la entrega de contenido bilingüe y la facilidad de mantenimiento a largo plazo. El sitio de producción sigue funcionando mientras se construye el rediseño en paralelo, con un cambio limpio una vez que se aprueban todas las páginas.

El proceso de rediseño comenzó con una fase intensiva de exploración del diseño: se crearon más de 20 variantes distintas del concepto de la página de inicio como páginas HTML estáticas totalmente autónomas y se implementaron en Netlify en jmfieldgroup-designs.netlify.app. Esto proporcionó al cliente una muestra real y lista para el navegador que podía revisar, no maquetas estáticas o PDF, sino páginas en vivo con tipografía completa, sistemas de color y jerarquía de diseño, lo que permitió obtener comentarios significativos y tomar una decisión de dirección segura antes de comprometer los recursos de desarrollo en una única vía. El enfoque variante es una elección deliberada del flujo de trabajo: saca a la luz opciones creativas que una propuesta de un solo concepto nunca descubriría y elimina los ciclos de revisión que se producen cuando las partes interesadas intentan imaginar cómo será el sitio terminado a partir de un simple esquema.

Una vez seleccionada la dirección del diseño, se creó una vista previa HTML estática completa de 25 páginas y se implementó en devsite.jmfield.com para que el cliente la revisara antes de la transición. La vista previa cubre todas las secciones del sitio: páginas de servicios de cumplimiento, impresión y marketing, una página «Acerca de», casos prácticos, una página de contacto y páginas de destino específicas para Fort Lauderdale y el mercado más amplio del sur de Florida. Cada página está construida con HTML semántico limpio y datos estructurados completos de Schema.org (esquemas LocalBusiness, Organization, Service y BreadcrumbList), lo que garantiza que el nuevo sitio entre en las búsquedas con una sólida base técnica de SEO desde el primer día.

Un requisito clave para este proyecto es la entrega de contenido bilingüe. Las páginas clave de servicios y conversión se están desarrollando en paralelo en español para atender a la importante población hispanohablante de Fort Lauderdale. La implementación bilingüe está integrada en la arquitectura HTML estática desde el principio, no añadida a posteriori, lo que garantiza una estructura de URL coherente, relaciones hreflang y datos de esquema localizados en ambas versiones lingüísticas. El proceso de implementación es igualmente deliberado: un repositorio git básico en el NAS Synology de la oficina actúa como origen remoto, con un gancho post-recepción que implementa automáticamente los commits enviados directamente al servidor de desarrollo. Esto crea un flujo de trabajo sin intervención, en el que un solo git push activa una implementación en vivo, sin sesiones SSH, sin transferencias manuales de archivos y sin necesidad de servidores de compilación separados.