Muchos creen que trabajar con Microsoft Power Platform significa sacrificar la experiencia de usuario o la consistencia visual. Después de desarrollar más de 30 aplicaciones para YPF, mi conclusión es otra: el éxito en estas plataformas no depende de la herramienta, sino de la estrategia de diseño detrás.
Hoy les quiero compartir un hito clave en mi trabajo en Raona: la creación del Design System V1.0 para el COE de Power Platforms de YPF.
¿Por qué un Design System en este ecosistema? Cuando el volumen de soluciones crece, la artesanía deja de ser eficiente. Necesitábamos un lenguaje común que permitiera:
- Acelerar el Time-to-Market: Reducir drásticamente las horas de diseño y desarrollo mediante componentes reutilizables y documentados.
- Garantizar la consistencia: Que un empleado de YPF sienta la misma identidad y fluidez navegando una App de logística que una de recursos humanos.
- Accesibilidad por diseño: Integrar estándares WCAG 2.1 en la base de cada componente, asegurando que la productividad sea para todos.
El impacto real: Este sistema no es solo una librería de Figma; es una herramienta viva que hoy soporta un ecosistema complejo de PowerApps y SharePoint Apps, permitiéndonos enfocarnos en lo que realmente importa: resolver problemas de negocio con flujos intuitivos.
Metodología y Proceso de Construcción
La creación de este sistema no fue un proceso lineal, sino un ciclo de Diseño de Servicios y análisis profundo. Iniciamos con una fase de investigación y auditoría heurística de las soluciones existentes para detectar patrones de fricción comunes. A partir de allí, definí una arquitectura de componentes atómicos en Figma, diseñados específicamente para las limitaciones y capacidades técnicas de PowerApps y SharePoint. La metodología se centró en el enfoque Shift Left: documentar cada componente con sus estados (default, hover, focus, disabled) y reglas de uso antes de la implementación, asegurando que el traspaso a desarrollo fuera fluido y libre de ambigüedades técnicas.
Foco en la Experiencia y la Accesibilidad
El corazón de este Design System reside en la usabilidad y el cumplimiento de estándares. Pusimos especial foco en la jerarquía semántica y la navegación por teclado, permitiendo que aplicaciones de alta complejidad operativa sigan siendo intuitivas para cualquier colaborador. No se trató solo de estandarizar colores o tipografías bajo el branding de YPF, sino de construir una librería de patrones probados que responden a necesidades reales del negocio. Al integrar las pautas WCAG 2.1 desde la base, transformamos la plataforma en un entorno inclusivo donde la tecnología actúa como un puente para la productividad, y no como una barrera.
El valor de liderar el proceso End-to-End Liderar este proceso de punta a punta —desde la fase inicial de investigación y análisis heurístico hasta la entrega de una documentación técnica robusta— ha sido uno de los desafíos más gratificantes de mi carrera. Este proyecto me permitió demostrar que, incluso en plataformas con marcos predefinidos, el diseño estratégico es la llave para transformar herramientas rígidas en experiencias fluidas, intuitivas y, sobre todo, humanas. No se trata solo de «hacer que se vea bien», sino de construir una base sólida que permita al negocio crecer sin perder la coherencia ni la calidad en el camino.
Hacia una cultura de diseño en entornos Low-Code
Mi objetivo con este Design System fue empoderar tanto a diseñadores como a desarrolladores, creando un lenguaje compartido que elimine la fricción y acelere la innovación. En un contexto corporativo tan exigente como el de YPF, la escalabilidad no es una opción, es una necesidad operativa. Al estandarizar componentes y flujos, garantizamos que cada nueva solución interna nazca con un ADN de excelencia y accesibilidad, reforzando el compromiso de que ninguna herramienta de trabajo sea una barrera para el talento.
