Landing page / Sitio institucional
Hecho en HTML + TailwindRediseño del sitio anterior de la Fundación Ángeles por Colombia, que no cumplía el estándar visual: programas, transparencia, contacto y una identidad roja de alto contraste.
Ver sitio webDesarrollador Front-end
Landing de la fundación con sección Quiénes somos, franjas onduladas decorativas, seis tarjetas de programas con fotografías que sobresalen y sección de transparencia con documentos. 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
Reproducir tarjetas con fotografías que asoman por el borde, franjas onduladas y un uso intencional de dos tipografías, sin recortar las imágenes ni encimar filas.
Solución
Tarjetas con capas separadas para el fondo y la foto, franjas mostradas a su proporción natural, animaciones con GSAP, documentos de transparencia, mapa y redes conectados.
Proceso
Análisis del diseño en Figma.
Maquetación de secciones y tarjetas de programas.
Ajuste de imágenes y franjas decorativas.
Conexión de documentos, mapa y redes sociales.
Pruebas responsive, incluido el menú móvil.
Una landing fiel al diseño, con transparencia documentada y contacto integrado. Ya está publicada en línea.
