Landing page / Sitio institucional
Hecho en HTML + TailwindRediseño del sitio anterior de la Corporación Étnica para el Desarrollo Social, que no cumplía el estándar visual: diseñado en Figma por Kúbika y maquetado en código con programas, documentos y mapa.
Ver sitio webDesarrollador Front-end
Landing institucional de CORDESSOL con identidad propia (azul, cyan y dorado), secciones de nosotros, programas, permanencia con documentos y contacto. 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
Llevar a código un diseño con secciones de programas, conceptos y documentos de permanencia, cuidando que las imágenes de collage y las franjas decorativas se vean como en el diseño.
Solución
Maquetación estática con Tailwind CSS, imágenes tratadas como fondos de columna para que siempre llenen su espacio, animaciones con GSAP y documentos, mapa y redes sociales conectados.
Proceso
Análisis del diseño en Figma.
Maquetación de secciones y tokens de marca.
Ajustes de imágenes y franjas decorativas.
Conexión de documentos, mapa y redes sociales.
Pruebas responsive.
Una landing fiel al diseño, administrable como sitio estático. Ya está publicada en línea.
