{"id":3180,"date":"2026-01-20T01:13:14","date_gmt":"2026-01-20T01:13:14","guid":{"rendered":"https:\/\/ildamacias.com\/?page_id=3180"},"modified":"2026-03-18T01:11:44","modified_gmt":"2026-03-18T01:11:44","slug":"design-system","status":"publish","type":"page","link":"https:\/\/ildamacias.com\/es\/design-system\/","title":{"rendered":"Sistema de Dise\u00f1o"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tRegresar a proyectos<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Sistema de Dise\u00f1o<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Dise\u00f1ando un sistema de dise\u00f1o escalable para plataformas empresariales\n\n<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Resumen del Proyecto<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Rol<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tDise\u00f1adora UX\/UI, L\u00edder del Sistema de Dise\u00f1o\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Tipo de producto<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tEcosistema de plataformas empresariales\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Alcance<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tEstandarizaci\u00f3n entre diferentes \u00e1reas y plataformas empresariales\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Contribuci\u00f3n principal<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tDefin\u00ed est\u00e1ndares de dise\u00f1o escalables, establec\u00ed procesos de gobernanza y aline\u00e9 pr\u00e1cticas de UX\/UI con el equipo de desarrollo en plataformas a nivel empresarial\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Nota sobre transparencia<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tEste caso de estudio es una versi\u00f3n reconstruida de una iniciativa interna. Todos los elementos visuales y recursos se recrearon con fines demostrativos. No se revela informaci\u00f3n confidencial o propietaria.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Contexto<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

La organizaci\u00f3n operaba m\u00faltiples plataformas empresariales que soportaban flujos de trabajo operativos complejos. Cada plataforma evolucion\u00f3 de manera independiente, influenciada por distintos equipos, tiempos y prioridades de negocio. Con el tiempo, esta fragmentaci\u00f3n gener\u00f3 inconsistencias sist\u00e9micas:<\/p>

  • Componentes clave que se comportaban de forma diferente entre plataformas<\/li>
  • Falta de uniformidad en la jerarqu\u00eda visual<\/li>
  • Desalineaci\u00f3n entre los sistemas de nomenclatura de dise\u00f1o y desarrollo<\/li>
  • Patrones reutilizables que se recreaban en lugar de estandarizarse<\/li>
  • Ausencia de documentaci\u00f3n<\/li><\/ul>


    De forma aislada, estos problemas eran manejables. A escala empresarial, resultaban estructuralmente ineficientes. Uno de los principales retos fue crear un sistema que asegurara consistencia en todo el producto, manteniendo al mismo tiempo la flexibilidad necesaria para distintos casos de uso.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    De la Iniciativa a la Infraestructura<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Lo que comenz\u00f3 como un esfuerzo por mejorar la consistencia de la interfaz evolucion\u00f3 r\u00e1pidamente hacia una conversaci\u00f3n m\u00e1s amplia sobre arquitectura junto con el equipo de desarrollo.<\/p>

    Se hizo evidente que la organizaci\u00f3n no necesitaba mejoras aisladas de UI, sino una infraestructura de dise\u00f1o escalable.<\/p>

    Me integr\u00e9 a la iniciativa como Dise\u00f1adora UX\/UI y gradualmente asum\u00ed la responsabilidad de liderar el sistema de dise\u00f1o desde el lado de dise\u00f1o, enfoc\u00e1ndome en:<\/p>

    • Definici\u00f3n estructural<\/li>
    • Estandarizaci\u00f3n de componentes<\/li>
    • Procesos de coordinaci\u00f3n<\/li>
    • Alineaci\u00f3n entre UX\/UI y el equipo de desarrollo<\/li><\/ul>


      El l\u00edder de UX\/UI se encargaba de la coordinaci\u00f3n con stakeholders y la gesti\u00f3n de escalaciones. Yo lider\u00e9 la l\u00f3gica del sistema, los est\u00e1ndares de calidad y su escalabilidad a largo plazo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

      \n\t\t\t\t\t
      \n\t\t
      \n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t

      Estableciendo las Bases<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      Antes de crear componentes, definimos la arquitectura base para asegurar consistencia a escala. El sistema incluy\u00f3:<\/p>