{"id":876,"date":"2026-04-15T19:20:58","date_gmt":"2026-04-15T19:20:58","guid":{"rendered":"https:\/\/mmatamala.cl\/wp\/?p=876"},"modified":"2026-04-15T19:21:01","modified_gmt":"2026-04-15T19:21:01","slug":"plataforma-para-gestao-de-vendas-e-pedidos","status":"publish","type":"post","link":"https:\/\/mmatamala.cl\/wp\/pt\/plataforma-para-gestao-de-vendas-e-pedidos\/","title":{"rendered":"Plataforma para gest\u00e3o de vendas e pedidos"},"content":{"rendered":"\n<p><strong>Role:<\/strong> Product Designer Senior \u2014 Fase MVP (via 2Brains)<br><strong>Cliente:<\/strong> ICB Food Service<br><strong>Ind\u00fastria:<\/strong> Food Service \u2014 B2B<br><strong>Escopo:<\/strong> Estrat\u00e9gia de design, UI Kit, wireframes, design de experi\u00eancia para 3 perfis, prototipagem e valida\u00e7\u00e3o.<br><strong>Ferramentas:<\/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\"><strong>O desafio<\/strong><\/h2>\n\n\n\n<p>A ICB Food Service \u00e9 l\u00edder consolidada no setor de <em>food service<\/em> no Chile. Apesar de sua posi\u00e7\u00e3o de mercado, a plataforma digital existente apresentava problemas que <strong>limitavam a efici\u00eancia da opera\u00e7\u00e3o e a experi\u00eancia dos usu\u00e1rios:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tecnologia legada que tornava cada consulta muito lenta, prejudicando a opera\u00e7\u00e3o.<\/li>\n\n\n\n<li>Funcionalidades e processos inconsistentes que geravam confus\u00e3o nos usu\u00e1rios.<\/li>\n\n\n\n<li>A plataforma de suporte era de um fornecedor externo, o que dificultava o acompanhamento dos casos.<\/li>\n\n\n\n<li>O <em>tracking<\/em> de entregas dependia de um fornecedor externo com restri\u00e7\u00f5es t\u00e9cnicas que limitavam as op\u00e7\u00f5es de design.<\/li>\n<\/ul>\n\n\n\n<p>Al\u00e9m disso, o projeto apresentava um desafio estrutural importante: a plataforma deveria atender a <strong>3 perfis com necessidades completamente distintas<\/strong> \u2014 clientes, vendedores e executivos do centro de suporte \u2014 cada um com funcionalidades pr\u00f3prias que deveriam conviver com elementos transversais do 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_pt.jpg\" alt=\"\" class=\"wp-image-877\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Meu ponto de entrada<\/h2>\n\n\n\n<p>Quando integrei o projeto como Product Designer Senior, o <em>scope<\/em> estava definido. O problema estava identificado e a confian\u00e7a da equipe estava depositada na minha capacidade de resolver com qualidade e agilidade.<\/p>\n\n\n\n<p>N\u00e3o entrei em uma fase de <em>inception<\/em> ou <em>discovery<\/em> do zero \u2014 entrei para desenhar. E isso, <strong>em projetos desta complexidade, exige tanto crit\u00e9rio estrat\u00e9gico quanto execu\u00e7\u00e3o impec\u00e1vel.<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Estrat\u00e9gia de design<\/h2>\n\n\n\n<p>Frente \u00e0 complexidade de 3 perfis e um sistema com m\u00faltiplas depend\u00eancias, a estrat\u00e9gia foi clara: <strong>construir um MVP com as funcionalidades transversais chave<\/strong> e aquelas essenciais para cada perfil, deixando os incrementos para fases posteriores.<\/p>\n\n\n\n<p>Para sustentar essa estrat\u00e9gia a partir do design, tomamos duas decis\u00f5es fundamentais:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Criar um UI Kit desde o in\u00edcio:<\/strong> Antes de desenhar uma \u00fanica tela de produto, constru\u00edmos um UI Kit que fornecesse os insumos b\u00e1sicos para que a constru\u00e7\u00e3o fosse consistente e escal\u00e1vel desde o primeiro dia.<\/li>\n\n\n\n<li><strong>Wireframes primeiro, UI depois:<\/strong> Enquanto o UI Kit era constru\u00eddo, desenhei wireframes para definir estrutura, hierarquia, intera\u00e7\u00e3o e usabilidade. Esta etapa foi fundamental para estabelecer a base estrutural e as defini\u00e7\u00f5es chave que seriam reutilizadas em fases posteriores ao aplicar a interface visual.<\/li>\n<\/ul>\n\n\n\n<p>Esta decis\u00e3o n\u00e3o foi apenas t\u00e1tica, foi estrat\u00e9gica. Permitiu que o time de tecnologia avan\u00e7asse em paralelo e que as decis\u00f5es de design tivessem uma base s\u00f3lida antes de entrar no detalhe 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\"><em><sub>Wireframes iniciais de algumas funcionalidades<\/sub><\/em><\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Os 3 perfis<\/h2>\n\n\n\n<p><strong>Cliente<\/strong> <br>O perfil mais exigente em termos de autonomia. Precisava fazer pedidos, consultar o hist\u00f3rico de compras com faturas e documenta\u00e7\u00e3o, e acompanhar suas entregas em tempo real. O desafio do <em>tracking<\/em> foi um dos pontos mais complexos: o acompanhamento dependia de um fornecedor externo de log\u00edstica com restri\u00e7\u00f5es t\u00e9cnicas que bloqueavam algumas solu\u00e7\u00f5es projetadas. A sa\u00edda foi um processo de negocia\u00e7\u00e3o direta com as \u00e1reas de neg\u00f3cio e tecnologia para encontrar um ponto de equil\u00edbrio \u2014 uma solu\u00e7\u00e3o que entregasse a informa\u00e7\u00e3o mais relevante poss\u00edvel dentro das restri\u00e7\u00f5es reais, sem gerar falsas expectativas ou experi\u00eancias 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>O representante comercial precisava de visibilidade sobre os pedidos de seus clientes, hist\u00f3rico de transa\u00e7\u00f5es e valores consolidados de gastos e custos para gerir sua carteira. Os mesmos dados que o cliente, mas com uma l\u00f3gica de visualiza\u00e7\u00e3o completamente distinta, orientada \u00e0 gest\u00e3o comercial, e n\u00e3o \u00e0 consulta pessoal.<\/p>\n\n\n\n<p><strong>Executivo do Centro de Suporte<\/strong> <br>O perfil mais complexo em termos de l\u00f3gica de produto. A equipe trabalhava com o Zendesk como plataforma interna de suporte, e a transi\u00e7\u00e3o para a PIA deveria respeitar a l\u00f3gica j\u00e1 estabelecida de tickets, status e fluxos de atendimento. <\/p>\n\n\n\n<p>Mapeei a l\u00f3gica operacional do Zendesk, entendi o modelo mental dos executivos e desenhei uma interface que preservasse o que j\u00e1 funcionava, integrada ao ecossistema da ICB. Al\u00e9m disso, desenhei uma se\u00e7\u00e3o de perguntas frequentes (FAQ) para dar autonomia aos usu\u00e1rios com menor familiaridade digital, reduzindo o volume de tickets de baixa complexidade.<\/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>Os resultados refletem a evolu\u00e7\u00e3o completa da plataforma constru\u00edda sobre a base do MVP que estruturei na primeira 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>Crescimento de usu\u00e1rios<\/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\">Em menos de 4 meses, a plataforma passou de 0 a 2.000 usu\u00e1rios ativos, acelerando a digitaliza\u00e7\u00e3o e otimizando a gest\u00e3o operacional.<\/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 na entrada 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\">A entrada de pedidos atrav\u00e9s da plataforma aumenta dia a dia. A meta final \u00e9 atingir 60% dos pedidos totais na ICB F.S. at\u00e9 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>Satisfa\u00e7\u00e3o e Experi\u00eancia<\/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\">A plataforma foi altamente avaliada pelos usu\u00e1rios, obtendo um Net Promoter Score (NPS) de 85% ap\u00f3s seu lan\u00e7amento.<\/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\">Aprendizados<\/h2>\n\n\n\n<p>Desenhar sem um <em>discovery<\/em> pr\u00f3prio n\u00e3o \u00e9 uma limita\u00e7\u00e3o; \u00e9 um cen\u00e1rio frequente para um designer s\u00eanior. O valor est\u00e1 em entrar com crit\u00e9rio, fazer as perguntas certas rapidamente e tomar decis\u00f5es de design s\u00f3lidas com a informa\u00e7\u00e3o dispon\u00edvel.<\/p>\n\n\n\n<p>Construir o UI Kit antes das telas foi a decis\u00e3o mais estrat\u00e9gica do projeto. Essa base deu consist\u00eancia ao sistema em fases nas quais eu j\u00e1 n\u00e3o estava presente para acompanhar.<\/p>\n\n\n\n<p>As restri\u00e7\u00f5es t\u00e9cnicas do <em>tracking<\/em> n\u00e3o eram um problema de design, eram um par\u00e2metro. Negociar com tecnologia e neg\u00f3cio para encontrar o melhor ponto poss\u00edvel dentro dessas restri\u00e7\u00f5es faz parte do trabalho de um designer s\u00eanior.<\/p>\n\n\n\n<p>Migrar uma ferramenta como o Zendesk exige muito mais do que redesenhar telas; exige entender o modelo mental de quem a utiliza e construir a transi\u00e7\u00e3o a partir da\u00ed.<\/p>\n\n\n\n<p><strong>Ferramentas:<\/strong> Figma \u2013 Miro \u2013 FigJam \u2013 Jira <br><strong>Contexto:<\/strong> B2B \u2013 SaaS \u2013 Food Service \u2013 MVP \u2013 Plataforma modular \u2013 Multi-perfil \u2013 Integra\u00e7\u00e3o SAP \u2013 UI Kit \u2013 Design System<\/p>\n","protected":false},"excerpt":{"rendered":"<p>PIA \u2014 Plataforma Integrada de Autoatendimento<br \/>\nRedesign do sistema de gest\u00e3o de vendas e pedidos para uma plataforma B2B de food service: do MVP a uma solu\u00e7\u00e3o escal\u00e1vel com 2.000 usu\u00e1rios ativos em menos de 4 meses e NPS de 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":[52],"tags":[],"class_list":["post-876","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-work-pt"],"_links":{"self":[{"href":"https:\/\/mmatamala.cl\/wp\/wp-json\/wp\/v2\/posts\/876","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=876"}],"version-history":[{"count":1,"href":"https:\/\/mmatamala.cl\/wp\/wp-json\/wp\/v2\/posts\/876\/revisions"}],"predecessor-version":[{"id":879,"href":"https:\/\/mmatamala.cl\/wp\/wp-json\/wp\/v2\/posts\/876\/revisions\/879"}],"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=876"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mmatamala.cl\/wp\/wp-json\/wp\/v2\/categories?post=876"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mmatamala.cl\/wp\/wp-json\/wp\/v2\/tags?post=876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}