Idem Lau: Plataforma MVC, Accesibilidad y SEO
Resultados
Migración de un sitio estático a una plataforma MVC propia, con catálogo accesible, imágenes WebP, recursos locales y datos estructurados.
El desafío
Idem Lau, una marca de indumentaria adaptada, necesitaba evolucionar su sitio estático construido con HTML y Bootstrap hacia una plataforma escalable. El proyecto priorizó la accesibilidad, el rendimiento, el SEO local y el recorrido hacia la consulta comercial.
Realicé el diseño, desarrollo y optimización integral sin colaboración con agencias.
Una arquitectura propia para el catálogo
Desarrollé el backend desde cero con PHP 8.4 bajo el patrón MVC, sin frameworks. Un enrutador Front-Controller resuelve las URLs amigables y una base de datos relacional en MariaDB organiza la información de la plataforma.
Esta separación entre datos, lógica y presentación permite evolucionar el sitio con una estructura definida. Es el tipo de trabajo que abordo en el servicio de bases de datos, APIs e integraciones.
El frontend combina Tailwind CSS v4, compilado vía CLI, y Alpine.js 3 para resolver interacciones reactivas sin agregar una aplicación JavaScript pesada.
Accesibilidad desde la estructura
La implementación tomó como referencia WCAG 2.1 AA: HTML semántico, navegación por teclado, atributos ARIA dinámicos, alto contraste y respeto por las preferencias de movimiento reducido. Para una marca de indumentaria adaptada, el acceso al catálogo es una parte central de la experiencia.
Rendimiento y recursos locales
Los recursos se sirven de forma local, sin dependencias de CDN externas. Las imágenes se convirtieron a WebP, con carga diferida y prioridad de descarga para los recursos principales mediante fetchpriority.
La optimización se centró en reducir descargas y priorizar lo que el visitante necesita primero, como detallo en la guía de rendimiento y velocidad web.
SEO técnico y lectura por IA
La plataforma genera marcado JSON-LD de Schema.org, incorpora etiquetas de geolocalización y dispone de un archivo llms.txt para facilitar la lectura del catálogo por motores de IA. Estas tareas forman parte del enfoque de posicionamiento SEO y GEO AI.
Resultado del proyecto
Idem Lau pasó de una estructura estática a una plataforma MVC con base de datos, interfaz reactiva y criterios de accesibilidad incorporados al desarrollo. El catálogo tiene una base técnica preparada para crecer, manteniendo el rendimiento y la claridad del recorrido comercial.
Para conectar el catálogo con las consultas de tus clientes, podés leer cómo ordenar ventas con un catálogo y carrito o conocer el servicio de catálogos y sistemas de pedidos.