{"id":577,"date":"2026-04-15T19:04:02","date_gmt":"2026-04-15T19:04:02","guid":{"rendered":"https:\/\/mmatamala.cl\/wp\/?p=577"},"modified":"2026-04-15T19:04:06","modified_gmt":"2026-04-15T19:04:06","slug":"plataforma-para-la-gestion-de-ventas-y-pedidos","status":"publish","type":"post","link":"https:\/\/mmatamala.cl\/wp\/plataforma-para-la-gestion-de-ventas-y-pedidos\/","title":{"rendered":"Plataforma para la gesti\u00f3n de ventas y pedidos"},"content":{"rendered":"\n<p><strong>Rol:<\/strong> Product Designer Senior \u2014 Fase MVP (v\u00eda 2Brains) <br><strong>Cliente:<\/strong> ICB Food Service <br><strong>Industria:<\/strong> Food Service \u2014 B2B <br><strong>Alcance:<\/strong> Estrategia de dise\u00f1o, UI Kit, wireframes, dise\u00f1o de experiencia para 3 perfiles, prototipado y validaci\u00f3n <br><strong>Herramientas:<\/strong> Figma \u00b7 Miro \u00b7 FigJam \u00b7 Jira<\/p>\n\n\n\n<hr class=\"wp-block-separator alignfull has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">El desaf\u00edo<\/h2>\n\n\n\n<p>ICB Food Service es l\u00edder consolidada en el sector food service de Chile. A pesar de su posici\u00f3n de mercado, la plataforma digital existente presentaba problemas que <strong>limitaban la eficiencia de la operaci\u00f3n y la experiencia de los usuarios<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tecnolog\u00eda antigua que hac\u00eda cada consulta muy lenta, perjudicando la operaci\u00f3n.<\/li>\n\n\n\n<li>Funcionalidades y procesos inconsistentes que generaban confusi\u00f3n en los usuarios.<\/li>\n\n\n\n<li>La plataforma de ayuda era de un proveedor externo, lo que dificultaba el seguimiento de los casos.<\/li>\n\n\n\n<li>El tracking de entregas depend\u00eda de un proveedor externo con restricciones t\u00e9cnicas que limitaban las opciones de dise\u00f1o.<\/li>\n<\/ul>\n\n\n\n<p>Adem\u00e1s, el proyecto presentaba un desaf\u00edo estructural importante: la plataforma deb\u00eda responder a <strong>3 perfiles con necesidades completamente distintas<\/strong> \u2014 clientes, vendedores y ejecutivos del centro de ayuda \u2014 cada uno con funcionalidades propias que deb\u00edan convivir con elementos transversales del sistema.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1528\" height=\"1498\" src=\"https:\/\/mmatamala.cl\/wp\/wp-content\/uploads\/2026\/04\/icb_perfis_es.jpg\" alt=\"\" class=\"wp-image-867\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Mi punto de entrada<\/h2>\n\n\n\n<p>Cuando me integr\u00e9 al proyecto como Product Designer Senior, el scope estaba definido. El problema estaba identificado, y la confianza del equipo estaba puesta en mi capacidad para resolver con calidad y rapidez.<\/p>\n\n\n\n<p><br>No entr\u00e9 en una fase de inception o discovery desde cero \u2014 entr\u00e9 a dise\u00f1ar. Y eso, en <strong>proyectos de esta complejidad, requiere tanto criterio estrat\u00e9gico como ejecuci\u00f3n impecable<\/strong>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Estrategia de dise\u00f1o<\/h2>\n\n\n\n<p>Frente a la complejidad de 3 perfiles y un sistema con m\u00faltiples dependencias, la estrategia fue clara: <strong>construir un MVP con las funcionalidades transversales clave<\/strong> y aquellas esenciales para cada perfil, dejando los incrementos para fases posteriores.<\/p>\n\n\n\n<p>Para sostener esa estrategia desde el dise\u00f1o, tomamos dos decisiones fundamentales:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Crear un UI Kit desde el inicio<\/strong> Antes de dise\u00f1ar una sola pantalla de producto, construimos un UI Kit que proveyera los insumos b\u00e1sicos para que la construcci\u00f3n fuera consistente y escalable desde el primer d\u00eda.<\/li>\n\n\n\n<li><strong>Wireframes primero, UI despu\u00e9s<\/strong> Mientras el UI Kit se constru\u00eda, dise\u00f1\u00e9 wireframes para definir estructura, jerarqu\u00eda, interacci\u00f3n y usabilidad. Esta etapa fue fundamental para establecer la base estructural y las definiciones clave que se reutilizar\u00edan en fases posteriores al aplicar la interfaz visual.<\/li>\n<\/ul>\n\n\n\n<p>Esta decisi\u00f3n no fue solo t\u00e1ctica, fue estrat\u00e9gica. Permiti\u00f3 que el equipo de tecnolog\u00eda avanzara en paralelo y que las decisiones de dise\u00f1o tuvieran una base s\u00f3lida antes de entrar en detalle visual.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"3546\" height=\"2268\" src=\"https:\/\/mmatamala.cl\/wp\/wp-content\/uploads\/2026\/04\/wf-icb.jpg\" alt=\"\" class=\"wp-image-868\"\/><figcaption class=\"wp-element-caption\"><sub><em>Wireframes iniciales de algunas funcionalidades<\/em><\/sub><\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Los 3 perfiles<\/h2>\n\n\n\n<p><strong>Cliente<\/strong><br>El perfil m\u00e1s exigente en t\u00e9rminos de autonom\u00eda. Necesitaba hacer pedidos, consultar el historial de compras con facturas y documentaci\u00f3n, y seguir sus entregas en tiempo real.<\/p>\n\n\n\n<p>El desaf\u00edo del tracking fue uno de los puntos m\u00e1s complejos del proyecto: el seguimiento depend\u00eda de un proveedor externo de log\u00edstica con restricciones t\u00e9cnicas que bloqueaban algunas soluciones que hab\u00edamos proyectado. La salida fue un proceso de negociaci\u00f3n directa con las \u00e1reas de negocio y tecnolog\u00eda para encontrar un punto de equilibrio, una soluci\u00f3n que entregara la informaci\u00f3n m\u00e1s relevante posible dentro de las restricciones reales, sin generar falsas expectativas ni experiencias frustrantes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"3546\" height=\"2346\" src=\"https:\/\/mmatamala.cl\/wp\/wp-content\/uploads\/2026\/04\/ui-icb-cliente-deskto-mobile.jpg\" alt=\"\" class=\"wp-image-871\"\/><\/figure>\n\n\n\n<p><strong>Vendedor<\/strong><br>El representante comercial necesitaba visibilidad sobre los pedidos de sus clientes, historial de transacciones y valores consolidados de gastos y costos para gestionar su cartera. Los mismos datos que el cliente, pero con una l\u00f3gica de visualizaci\u00f3n completamente distinta orientada a gesti\u00f3n comercial, no a consulta personal.<\/p>\n\n\n\n<p><strong>Ejecutivo del Centro de Ayuda<\/strong><br>El perfil m\u00e1s complejo en t\u00e9rminos de l\u00f3gica de producto. El equipo trabajaba con Zendesk como plataforma interna de soporte, y la transici\u00f3n a la PIA deb\u00eda respetar la l\u00f3gica ya establecida de tickets, estados y flujos de atenci\u00f3n.<\/p>\n\n\n\n<p>Mape\u00e9 la l\u00f3gica operacional del Zendesk, entend\u00ed el modelo mental de los ejecutivos y dise\u00f1\u00e9 una interfaz que preservara lo que ya funcionaba integrada al ecosistema de ICB. Adem\u00e1s, dise\u00f1\u00e9 una secci\u00f3n de preguntas frecuentes (FAQ) para dar autonom\u00eda a los usuarios con menor familiaridad digital, reduciendo el volumen de tickets de baja complejidad.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"4184\" height=\"2346\" src=\"https:\/\/mmatamala.cl\/wp\/wp-content\/uploads\/2026\/04\/ui-icb-cliente-desktop-mobile.jpg\" alt=\"\" class=\"wp-image-874\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Resultados<\/h2>\n\n\n\n<p>Los resultados reflejan la evoluci\u00f3n completa de la plataforma  construida sobre la base del MVP que estructur\u00e9 en la primera fase.<\/p>\n\n\n\n<div class=\"wp-block-cover aligncenter is-light has-black-color has-text-color\" style=\"margin-top:0;padding-top:48px;padding-right:48px;padding-bottom:48px;padding-left:48px;min-height:350px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim\" style=\"background-color:#fafafa\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p style=\"font-size:20px\"><strong>Crecimiento de usuarios<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-4b07d187 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-left has-text-color\" style=\"color:#a65a00;font-size:60px;font-style:italic;font-weight:1000;letter-spacing:0px;line-height:0.9;text-transform:uppercase\">+2.000<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"has-small-font-size\">En menos de 4 meses, la plataforma pas\u00f3 de 0 a 2.000 usuarios activos, acelerando la digitalizaci\u00f3n y optimizando la gesti\u00f3n operativa.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover aligncenter is-light has-black-color has-text-color\" style=\"margin-top:0;padding-top:48px;padding-right:48px;padding-bottom:48px;padding-left:48px;min-height:350px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim\" style=\"background-color:#fafafa\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p style=\"font-size:20px\"><strong>Impacto en la toma de pedidos<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-4b07d187 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-left has-text-color\" style=\"color:#a65a00;font-size:60px;font-style:italic;font-weight:1000;letter-spacing:0px;line-height:0.9;text-transform:uppercase\">60%<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"has-small-font-size\">La toma de pedidos a trav\u00e9s de la plataforma aumenta d\u00eda a d\u00eda. La meta final es llegar al 60% de los pedidos totales en ICB F.S. para 2025.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover aligncenter is-light has-black-color has-text-color\" style=\"margin-top:0;padding-top:48px;padding-right:48px;padding-bottom:48px;padding-left:48px;min-height:350px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim\" style=\"background-color:#fafafa\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p style=\"font-size:20px\"><strong>Satisfacci\u00f3n y Experiencia<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-4b07d187 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-left has-text-color\" style=\"color:#a65a00;font-size:60px;font-style:italic;font-weight:1000;letter-spacing:0px;line-height:0.9;text-transform:uppercase\">85%<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"has-small-font-size\">La plataforma ha sido altamente valorada por los usuarios, obteniendo un Net Promoter Score (NPS) de 85% tras su lanzamiento.<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-color has-link-color has-small-font-size wp-elements-a7795ddeac23aa3077e89673d95bdc1b\" style=\"color:#5440d6\"><em><a href=\"http:\/\/En menos de 4 meses, la plataforma pas\u00f3 de 0 a 2000 usuarios activos, acelerando la digitalizaci\u00f3n y optimizando la gesti\u00f3n operativa.\" target=\"_blank\" rel=\"noreferrer noopener\">Fuente: 2brains<\/a><\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Aprendizajes<\/h2>\n\n\n\n<p>Dise\u00f1ar sin discovery propio no es una limitante, es un escenario frecuente para un designer senior. El valor est\u00e1 en entrar con criterio, hacer las preguntas correctas r\u00e1pido y tomar decisiones de dise\u00f1o s\u00f3lidas con la informaci\u00f3n disponible.<\/p>\n\n\n\n<p>Construir el UI Kit antes de las pantallas fue la decisi\u00f3n m\u00e1s estrat\u00e9gica del proyecto. Esa base le dio consistencia al sistema en fases que yo ya no estaba para ver.<\/p>\n\n\n\n<p>Las restricciones t\u00e9cnicas del tracking no eran un problema de dise\u00f1o eran un par\u00e1metro. Negociar con tecnolog\u00eda y negocio para encontrar el mejor punto posible dentro de esas restricciones es parte del trabajo de un designer senior.<\/p>\n\n\n\n<p>Y migrar una herramienta como Zendesk exige mucho m\u00e1s que redise\u00f1ar pantallas exige entender el modelo mental de quienes la usan y construir la transici\u00f3n desde ah\u00ed.<\/p>\n\n\n\n<p><strong>Herramientas:<\/strong> Figma &#8211; Miro &#8211; FigJam &#8211; Jira<br><strong>Contexto:<\/strong> B2B &#8211; SaaS &#8211; Food Service &#8211; MVP &#8211; Plataforma modular &#8211; Multi-perfil &#8211; Integraci\u00f3n SAP &#8211; UI Kit &#8211;  Design System<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>PIA \u2014 Plataforma Integrada de Autoatenci\u00f3n<br \/>\nRedise\u00f1o del sistema de gesti\u00f3n de ventas y pedidos para una plataforma B2B de food service: del MVP a una soluci\u00f3n escalable con 2.000 usuarios activos en menos de 4 meses y NPS 85%<\/p>\n","protected":false},"author":1,"featured_media":866,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[45],"tags":[],"class_list":["post-577","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-work"],"_links":{"self":[{"href":"https:\/\/mmatamala.cl\/wp\/wp-json\/wp\/v2\/posts\/577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mmatamala.cl\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mmatamala.cl\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mmatamala.cl\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mmatamala.cl\/wp\/wp-json\/wp\/v2\/comments?post=577"}],"version-history":[{"count":21,"href":"https:\/\/mmatamala.cl\/wp\/wp-json\/wp\/v2\/posts\/577\/revisions"}],"predecessor-version":[{"id":878,"href":"https:\/\/mmatamala.cl\/wp\/wp-json\/wp\/v2\/posts\/577\/revisions\/878"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mmatamala.cl\/wp\/wp-json\/wp\/v2\/media\/866"}],"wp:attachment":[{"href":"https:\/\/mmatamala.cl\/wp\/wp-json\/wp\/v2\/media?parent=577"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mmatamala.cl\/wp\/wp-json\/wp\/v2\/categories?post=577"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mmatamala.cl\/wp\/wp-json\/wp\/v2\/tags?post=577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}