Self-eSTEM
Self-eSTEM · Diseño en Figma · Idris Agüero · Codificación · Danny Cen
Desarrollo frontend del sitio de la nonprofit que empodera a mujeres en STEM — codificado desde diseños en Figma con estética espacial y programas Engage, Recruit y Reinvest.
Ver sitio en vivo
Contexto
Self-eSTEM educa, empodera y conecta a mujeres jóvenes con oportunidades en ciencia, tecnología, ingeniería y matemáticas desde 2014.
Diseño y desarrollo
Idris Agüero diseñó la interfaz en Figma — paleta lime sobre fondo espacial, menú circular overlay, tipografía bold y secciones para los programas Engage, Recruit y Reinvest. Danny Cen codificó el sitio completo a partir de esos entregables.
El reto técnico
El diseño tenía una personalidad visual muy marcada: alto contraste, animaciones sutiles y una atmósfera “outer space” que debía mantenerse en código sin sacrificar accesibilidad ni rendimiento en móvil.
Qué implementamos
- Hero con mensaje de empoderamiento y estética espacial.
- Menú overlay circular según el diseño de Figma.
- Secciones de programas, impacto y formas de participar.
- Módulos de noticias y cobertura mediática.
Resultado
Un sitio en producción tan audaz como la misión de Self-eSTEM — diseño de Idris, desarrollo de Danny.