El proyecto se centró en la creación de una nueva generación de portales web corporativos para las marcas Zendata, Proin y Querencia, alejándose de los CMS monolíticos tradicionales para adoptar una arquitectura SSG (Static Site Generation) hiper-rápida.

Diseño Centrado en la Conversión (B2C)

A diferencia de los paneles industriales, estas interfaces requerían un enfoque 100% estético y persuasivo:

Flujos de Navegación Fluidos: Arquitectura de información diseñada para llevar al usuario desde el “descubrimiento” hasta el “contacto” en menos de 3 clics.
Identidad Visual Premium: Uso de paletas de colores de alto contraste, tipografía moderna y espacios en blanco (whitespace) para comunicar exclusividad y profesionalismo.
Microinteracciones con GSAP: Implementación de animaciones basadas en scroll, revelación de elementos y transiciones entre páginas para mantener la atención del usuario sin comprometer el rendimiento.

Retos Técnicos y Rendimiento

Perfect Lighthouse Score: Alcanzar puntuaciones de 100/100 en Performance, Accesibilidad y SEO implementando optimización extrema de imágenes e hidratación parcial con Astro.
Mobile-First Real: Diseñar una experiencia táctil impecable para dispositivos móviles, utilizando menús de navegación optimizados y gestos nativos mediante Swiper.js.
Arquitectura Escalable: Creación de un sistema de diseño (Design System) basado en componentes de Tailwind reutilizables a través de múltiples marcas comerciales, garantizando coherencia visual y despliegues rápidos.

Interfaces de Usuario

A continuación se muestra el resultado final desplegado en producción para ambas interfaces:

Zendata - Inteligencia Operativa

Proin - Ingeniería Industrial

Sitios en Vivo

Puedes explorar el resultado final y las microinteracciones en los siguientes enlaces de producción: