Landing page / Sitio institucional
Hecho en HTML + TailwindRediseño del sitio anterior de la Fundación Miles de Sueños, que no cumplía el estándar visual: compromiso social, líneas de acción, programas conectados y documentos de permanencia.
Ver sitio webDesarrollador Front-end
Landing con acento morado, barra de contacto superior, tarjetas con texturas de olas, líneas de acción con franja lateral y una sección de aporte social con curvas que conectan las tarjetas con una foto central. 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
Resolver secciones con gráficos decorativos y franjas de ancho completo que dependen de cómo se exportan las imágenes, manteniendo una sola tipografía coherente.
Solución
Maquetación con Tailwind CSS, íconos en forma de diamante con CSS puro, gráficos de conexión ubicados en el contenedor correcto y animaciones con GSAP.
Proceso
Análisis del diseño en Figma.
Maquetación de secciones y componentes nuevos.
Ajustes de imágenes, franjas y gráficos decorativos.
Conexión de documentos de permanencia.
Pruebas responsive.
Una landing con secciones visualmente ricas resueltas en código estático. Ya está publicada en línea.
