Mauricio Armenio

Buenos Aires, Argentina

Contacto

Product Designer & DesignOps Specialist

Diseñé para:

  • Telecom
  • Personal Pay
  • Ueno Bank
  • Banco Ciudad
  • Red Link

Personal Pay

Un sistema para gobernarlos a todos

Design Lead · Design Ops · Design Systems

Un design system para dos países. Lideré la creación de Fractal en Personal Pay: en 6 meses unificó las apps de Argentina y Paraguay, migró el 100% del ecosistema a Figma y transformó los rituales de diseño en todos los squads, adaptándose para web y app.

App de Personal Pay en un celular: saldo, tarjeta Visa, accesos rápidos y un banner de beneficios.

De qué se trató

  • Liderazgo de diseño

    Squad core de 4 diseñadores con gestión transversal de equipos, procesos y cultura de diseño en toda la organización.

  • Ecosistema completo

    Migración a Figma con tokens, variables y librerías compartidas para React y React Native, guías de governance y documentación.

  • Equipo extendido

    Co-creación con Tech Leads y PMs en todos los squads de producto. Rituales de Critique, ideación y estandarización de hand-off a Frontend.

El problema

Inconsistencia, silos y deuda operativa

Personal Pay crecía a ritmo acelerado y sumaba squads en paralelo, pero la operación de diseño no estaba preparada para escalar: no existía un sistema centralizado, cada equipo trabajaba de forma aislada y la falta de procesos comunes limitaba el impacto estratégico del área.

  • Fragmentación visual

    Squads trabajando en archivos aislados sin librerías unificadas, generando componentes inconsistentes entre las distintas secciones y productos, tanto en app como en web.

  • Sobrecarga operativa y silos

    Diseñadores aislados gastando la mayor parte del sprint en maquetar UI en alta fidelidad desde cero, restando tiempo a la ideación y validación de producto.

  • Handoff ambiguo con frontend

    Falta de tokens y criterios de entrega compartidos, provocando interpretación manual, retrabajo constante en código y deuda técnica en desarrollo.

La estrategia

Tres pilares de DesignOps en 6 meses

Para transformar la operatoria sin detener los sprints de producto, lideré un squad core de 4 diseñadores coordinando transversalmente con todos los squads bajo tres ejes de trabajo:

  • Ecosistema unificado

    • Regla 80/20: Estandarización del 20% de componentes que cubrían el 80% de los flujos.
    • Tokens multi-theme: Variables en Figma con soporte Light/Dark Mode y subsistemas de marca.
    • Migración total: 100% de archivos y squads de Sketch a Figma.

  • Alianza diseño/código

    • Nomenclatura 1:1: Tokens y props homologados entre Figma y código (React y React native).
    • Syncs semanales: Validación técnica con Tech Leads antes de publicar componentes.
    • Handoff estandarizado: Documentación viva en Storybook con paridad directa en producción.

  • Cultura y gobernanza

    • Design Critiques y feedback semanal para alinear criterios y romper silos antes de pasar a UI.
    • Sesiones de ideación y co-diseño con PMs y negocio, enfocando en resolución de problemas.
    • Protocolo ágil para que cualquier squad proponga o itere componentes sin bloquearse.

Antes y después

La interfaz, transformada

El sistema no solo estableció procesos y estándares de trabajo, también unificó la interfaz y le dio consistencia a la app en todas las secciones principales. Luego, el trabajo estaría en empezar a migrar las funcionalidades.

Los resultados

Eficiencia operativa, escala y madurez cultural

En 6 meses, Personal Pay pasó de operar en silos con herramientas desactualizadas a contar con una cultura de diseño conectada al código y enfocada en resolver problemas de negocio.

  • 100%

    Migración total de archivos y squads de Sketch a Figma en 6 meses, con componentes core que redujeron el tiempo de diseño en alta de semanas a días, consolidándose en los meses posteriores.

  • -40%

    Reducción de tiempos de entrega con tokens compartidos, nomenclatura homologada y handoff directo a desarrollo en menos tiempo, reduciendo drásticamente los tiempos de time to market.

  • 3x

    Más tiempo dedicado a investigación y estrategia vs. maquetado operativo. Se consolidaron los espacios de ideación y critiques cross-equipos e incluso con otras disciplinas.

“Fractal demostró que un sistema de diseño no es un archivo de Figma, sino un producto interno que vive en código y en las personas. Su éxito radicó en construirlo junto a frontend y priorizar la adopción transversal antes que la perfección teórica.”

Bonus track

¿Por qué Fractal?

  • Ideación colectiva

    Generamos espacios de ideación internos en el equipo de diseño y los extendimos a producto, tecnología y marketing. El nombre tenía que representar cómo funciona un sistema de diseño.

  • Patrones infinitos

    Un fractal es un objeto geométrico cuya estructura se repite a diferentes escalas. Sus partes más pequeñas tienen la misma forma que el todo — como los copos de nieve o las hojas de los helechos.

  • Un organismo vivo

    La metáfora encajó perfecto: un sistema de diseño también se replica a distintas escalas, crece orgánicamente y mantiene coherencia en cada nivel. El isotipo refleja esa repetición.

Siguiente trabajoBackOffice para red link
Contacto