Construcción y documentación de un sistema de componentes modular, escalable y con tokens semánticos en Figma y código para optimizar el flujo de trabajo entre diseño y desarrollo.
Introduce aquí el contexto general del proyecto. ¿Cuál era el problema principal que enfrentaba el producto o negocio antes de tu intervención? ¿A qué tipo de usuarios afectaba y cuál era el objetivo del rediseño o investigación?
- Meta 1: Crear una biblioteca centralizada en Figma con Auto-layout 4.0.
- Meta 2: Alinear los tokens de diseño (colores, espaciados, fuentes) con variables CSS nativas.
- Meta 3: Reducir los tiempos de diseño en nuevos layouts y agilizar el traspaso a desarrollo.
Describe cuál fue tu rol específico (ej. UX Research, UI Design, Auditoría, Facilitación) y con qué equipos colaboraste (desarrolladores, product owners, stakeholders). Detalla los pasos clave del proceso de diseño que ejecutaste (Metodología Double Diamond, Design Thinking, etc.).
Explica las técnicas de UX Research utilizadas: entrevistas con usuarios, pruebas de usabilidad existentes, mapas de calor, encuestas o análisis competitivo. Destaca los principales insights y dolores encontrados.
¿Qué descubriste que el equipo no sabía previamente? ¿Cómo influyó esta investigación en las decisiones de diseño tomadas posteriormente?
Detalla la solución de diseño propuesta. Explica la arquitectura de información, los wireframes o los flujos interactivos principales. Justifica tus decisiones de diseño de interfaz (UI), colores, tipografía y accesibilidad.
Presenta las métricas cualitativas y cuantitativas alcanzadas con el proyecto. ¿Cómo impactaron tus mejoras al negocio y a la satisfacción de los usuarios?
Finaliza con un breve aprendizaje personal o técnico que te haya dejado este proyecto.