Landing page / Sitio institucional
Hecho en HTML + TailwindRediseño del sitio anterior, que no cumplía el estándar visual: landing diseñada en Figma por Kúbika y maquetada en código estático con animaciones, documentos descargables, mapa y WhatsApp.
Ver sitio webDesarrollador Front-end
Landing de una organización cliente de Kúbika, construida a partir del diseño en Figma como sitio 100% estático, con sistema de diseño propio de la marca. Es un rediseño del sitio que la organización tenía antes, que no cumplía con el estándar visual esperado.
Caso de estudio organizado para mostrar contexto, decisiones, herramientas y resultado.
Cada bloque del proyecto se presenta por separado para que sea fácil de leer y comparar.
Tecnologías
Tecnologías y capacidades seleccionadas según el alcance y las necesidades del proyecto.
Reto
Traducir un diseño de Figma a código liviano y consistente, con animaciones, documentos de transparencia descargables y contacto directo, manteniendo la identidad de la marca.
Solución
Maquetación con HTML y Tailwind CSS compilado, animaciones de entrada y parallax con GSAP, interactividad con Alpine.js, documentos PDF conectados, mapa real de ubicación, redes sociales y botón flotante de WhatsApp.
Proceso
Análisis del diseño en Figma.
Maquetación de secciones con Tailwind CSS.
Animaciones y microinteracciones con GSAP.
Conexión de documentos, mapa y redes sociales.
Pruebas responsive en escritorio y móvil.
Una landing rápida, fiel al diseño y lista para publicar, con contenido institucional y documentos accesibles. Ya está publicada en línea.
