Landing page / Sitio institucional
Hecho en HTML + TailwindRediseño del sitio anterior de la Corporación Construyendo un Mundo de Oportunidades, que no cumplía el estándar visual: programas en grilla tipo bento, línea de tiempo y motivo de hexágonos.
Ver sitio webDesarrollador Front-end
Landing con identidad oscura y acento naranja, hexágonos decorativos, sección de trayectoria (2019 a 2030), programas en grilla asimétrica y documentos de permanencia. 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
Implementar la landing más compleja del grupo: grilla de programas asimétrica, línea de tiempo y un motivo visual de hexágonos reutilizado en varias secciones.
Solución
Componentes maquetados con Tailwind CSS, hexágonos SVG reutilizados, animaciones con GSAP y contenido institucional con documentos, mapa y redes conectados.
Proceso
Análisis del diseño en Figma.
Maquetación de la grilla de programas y la línea de tiempo.
Reutilización de assets decorativos.
Conexión de documentos, mapa y redes sociales.
Pruebas responsive.
Una landing con identidad muy marcada y estructura compleja resuelta en código estático. Ya está publicada en línea.
