BlogDiseño de producto
UI/UX para causas que necesitan verse serias
De wireframes de Idea2Form a sitios como EPACA o Self-eSTEM: implementar en código lo que el diseño promete.
Diseño con misión (no “bonito genérico”)
En proyectos con Idea2Form / Idris Aguero me enfocaba en codificar sitios para organizaciones que no pueden permitirse una web confusa: archivo comunitario, STEM para niñas, philanthropy, climate equity. Idris armaba los wireframes en Figma; yo hacía que ese diseño se volviera realidad en el navegador.
Principios que aplico al implementar
- Fidelidad al Figma: tipografía, spacing y componentes como están en el archivo
- Una acción clara por viewport (explorar, donar, aplicar, aprender)
- Componentes reutilizables sin “card soup”
- Contenido real desde el día uno (nada de lorem eternamente)
Mi rol en el equipo
No es “pintar pantallas”: es obedecer el diseño, resolver edge cases en código y dejar una base mantenible sin reinventar lo que el Figma ya decidió.
Si tu causa ya tiene historia potente, el front-end debe hacerse a un lado y dejar que el mensaje lidere — con el diseño intacto.