{"id":1704,"date":"2020-06-22T12:21:53","date_gmt":"2020-06-22T12:21:53","guid":{"rendered":"https:\/\/agrubiralta.com\/2020\/06\/22\/yauty-saas-backoffice-redesign-i-sistema-white-label\/"},"modified":"2026-08-11T18:21:24","modified_gmt":"2026-08-11T18:21:24","slug":"yauty-saas-backoffice-redesign-i-sistema-white-label","status":"publish","type":"post","link":"https:\/\/agrubiralta.com\/es\/2020\/06\/22\/yauty-saas-backoffice-redesign-i-sistema-white-label\/","title":{"rendered":"Yauty \u2014 SaaS Backoffice Redesign i sistema White-Label"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Rol: Lider\u00e9 el redise\u00f1o completo, formando a dise\u00f1adores junior en el sistema responsiveDuraci\u00f3n: 4 mesesStakeholders: <\/strong>Marketing, Desarrollo, Direcci\u00f3n<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\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\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\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\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\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\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\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\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

El problema<\/h2>

Yauty es el backoffice donde talleres, concesionarios y gestores de flotas administran toda la actividad de los veh\u00edculos dentro de la suite CAR \u2014 y la plataforma llamada a sustituir a CAR como marca principal en un futuro pr\u00f3ximo.<\/p>

La interfaz original era b\u00e1sica y plana, con muy poca densidad de informaci\u00f3n por veh\u00edculo (una simple lista de \u00abacciones\u00bb sin fotos ni contexto) y sin forma de adaptarse a la identidad de cada cliente. El reto de negocio era claro: vender esta nueva plataforma a un cliente importante capaz de validarla a gran escala, y la interfaz existente no transmit\u00eda la solidez necesaria para cerrar ese tipo de acuerdo enterprise. <\/p>

<\/h2>

El proceso<\/h2>

Lider\u00e9 el redise\u00f1o completo durante 4 meses, coordinando con Marketing, Desarrollo y Direcci\u00f3n, proponiendo nueva navegaci\u00f3n, men\u00fas y animaciones con el objetivo de construir una interfaz minimalista que comunicara mucha informaci\u00f3n sin sentirse recargada.<\/p>

De lista plana a backoffice rico en datos.<\/strong> La versi\u00f3n anterior mostraba cada reparaci\u00f3n como texto plano, sin fotos ni l\u00ednea temporal. La redise\u00f1\u00e9 por completo: cada ficha de veh\u00edculo incluye ahora una galer\u00eda multimedia (fotos, v\u00eddeos, audio, PDF), una l\u00ednea temporal visual del estado de la reparaci\u00f3n y los datos de contacto \u2014 todo en una sola vista, trayendo directamente a Yauty informaci\u00f3n que antes obligaba a los usuarios a cambiar al SaaS principal. <\/p>

Un sistema white-label real.<\/strong> La versi\u00f3n anterior era una \u00fanica interfaz gen\u00e9rica, sin identidad espec\u00edfica por cliente. Defin\u00ed una arquitectura de color neutra e intercambiable: cada marca (Northgate, IVECO, SEAT) aplica su propio color primario y secundario como acento sobre una base limpia y consistente, con estructura e iconograf\u00eda compartidas. Especifiqu\u00e9 el sistema a desarrollo, que lo implement\u00f3 mediante tokens de color configurables por cliente. <\/p>

Enriquecimiento iterativo.<\/strong> Tras el lanzamiento, a medida que clientes importantes como Northgate e IVECO empezaron a usar el producto para gestionar sus flotas, fuimos a\u00f1adiendo progresivamente m\u00e1s datos y funcionalidad para cubrir sus necesidades reales.<\/p>

Sistema responsive y mentoring.<\/strong> Lider\u00e9 el dise\u00f1o responsive completo, adaptado a todos los dispositivos, y form\u00e9 a dise\u00f1adores junior en esta parte del proyecto. Tambi\u00e9n se introdujo una librer\u00eda de componentes con micro-interacciones y animaciones. <\/p>

<\/h4>

El resultado<\/h2>

El redise\u00f1o ayud\u00f3 a cerrar la venta que motiv\u00f3 el proyecto: Northgate e IVECO adquirieron Yauty para gestionar toda su flota de veh\u00edculos<\/strong>, validando que la nueva interfaz transmit\u00eda la solidez que necesitaban los clientes enterprise.<\/p>

El sistema white-label permite ahora que cada marca cliente ejecute su propia versi\u00f3n de Yauty sin desarrollar ni mantener productos separados \u2014 una base de dise\u00f1o escalable construida para sostener el crecimiento futuro de Yauty como marca principal de la suite.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

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

Punto de partida



Starting point<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\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\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\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\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\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\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\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\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Rol: Lider\u00e9 el redise\u00f1o completo, formando a dise\u00f1adores junior en el sistema responsiveDuraci\u00f3n: 4 mesesStakeholders: Marketing, Desarrollo, Direcci\u00f3n El problema Yauty es el backoffice donde talleres, concesionarios y gestores de flotas administran toda la actividad de los veh\u00edculos dentro de la suite CAR \u2014 y la plataforma llamada a sustituir a CAR como marca principal…<\/p>\n

Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":1717,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[],"class_list":["post-1704","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disenador-de-producto-ui"],"_links":{"self":[{"href":"https:\/\/agrubiralta.com\/es\/wp-json\/wp\/v2\/posts\/1704","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agrubiralta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/agrubiralta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/agrubiralta.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agrubiralta.com\/es\/wp-json\/wp\/v2\/comments?post=1704"}],"version-history":[{"count":1,"href":"https:\/\/agrubiralta.com\/es\/wp-json\/wp\/v2\/posts\/1704\/revisions"}],"predecessor-version":[{"id":1721,"href":"https:\/\/agrubiralta.com\/es\/wp-json\/wp\/v2\/posts\/1704\/revisions\/1721"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/agrubiralta.com\/es\/wp-json\/wp\/v2\/media\/1717"}],"wp:attachment":[{"href":"https:\/\/agrubiralta.com\/es\/wp-json\/wp\/v2\/media?parent=1704"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agrubiralta.com\/es\/wp-json\/wp\/v2\/categories?post=1704"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agrubiralta.com\/es\/wp-json\/wp\/v2\/tags?post=1704"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}