{"id":756,"date":"2026-06-09T19:27:56","date_gmt":"2026-06-09T22:27:56","guid":{"rendered":"https:\/\/welitonmartins.com\/works\/transformando-design-system-em-inteligencia-operacional-para-produto-e-engenharia\/"},"modified":"2026-06-20T20:03:53","modified_gmt":"2026-06-20T23:03:53","slug":"transformando-design-system-em-inteligencia-operacional-para-produto-e-engenharia","status":"publish","type":"works","link":"https:\/\/welitonmartins.com\/pt-br\/works\/transformando-design-system-em-inteligencia-operacional-para-produto-e-engenharia\/","title":{"rendered":"Transformando Design System em intelig\u00eancia operacional para produto e engenharia"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"756\" class=\"elementor elementor-756 elementor-621\" data-elementor-post-type=\"works\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d7a9890 e-con e-atomic-element e-flexbox-base section-px section-py \" data-id=\"1d7a9890\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1d7a9890\" data-e-type=\"e-flexbox\" data-id=\"1d7a9890\">\n    \t\t<div class=\"elementor-element elementor-element-7c7edaa6 elementor-widget-laptop__width-inherit elementor-widget elementor-widget-vector-grupo-conteudo\" data-id=\"7c7edaa6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vector-grupo-conteudo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vector-grupo-content-wrapper\"><div class=\"vector-grupo-content-item-headings\"><span class=\"vector-grupo-content-item-heading-auxiliar\">\u2014  Case com informa\u00e7\u00f5es adaptadas por NDA<\/span><h3 class=\"vector-grupo-content-item-heading-main\">Transformando Design System em intelig\u00eancia operacional para produto e engenharia<\/h3><\/div><div class=\"vector-grupo-content-item-content\"><div class=\"vector-grupo-content-item-text\">Cria\u00e7\u00e3o e implementa\u00e7\u00e3o de um painel interno para acompanhar a moderniza\u00e7\u00e3o de um SaaS enterprise, monitorando telas refatoradas, legado restante, documenta\u00e7\u00e3o t\u00e9cnica, tickets abertos e impacto operacional do Design System.<\/div><div class=\"vector-grupo-content-item-actions\"><a class=\"vector-wdg-button vector-wdg-button--primary\" title=\"Ver case completo\" href=\"#conteudo\"><span class=\"vector-wdg-button__text\">Leia o conte\u00fado<\/span><span class=\"vector-wdg-button__icon\" aria-hidden=\"true\"><i aria-hidden=\"true\" class=\"deviconreg- devicon-reg-book-open\"><\/i><\/span><\/a><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-152d5ad1 elementor-widget elementor-widget-vector-grupo-cards\" data-id=\"152d5ad1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vector-grupo-cards.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vector-grupo-cards-wrapper icon-first\"><div class=\"vector-grupo-cards-item elementor-repeater-item-c80a85d vector-grupo-cards-anim vector-grupo-cards-anim-fade-in\" style=\"animation-delay:0ms;\"><div class=\"vector-grupo-cards-item-icon\"><i aria-hidden=\"true\" class=\"deviconreg- devicon-reg-brain-circuit\"><\/i><\/div><div class=\"vector-grupo-cards-item-body\"><div class=\"vector-grupo-cards-item-headings\"><h3 class=\"vector-grupo-cards-item-heading-auxiliar\">Fun\u00e7\u00e3o<\/h3><h3 class=\"vector-grupo-cards-item-heading-main\">Staff Product Designer<\/h3><\/div><\/div><\/div><div class=\"vector-grupo-cards-item elementor-repeater-item-e3593e9 vector-grupo-cards-anim vector-grupo-cards-anim-fade-in\" style=\"animation-delay:120ms;\"><div class=\"vector-grupo-cards-item-icon\"><i aria-hidden=\"true\" class=\"deviconreg- devicon-reg-calendar-days\"><\/i><\/div><div class=\"vector-grupo-cards-item-body\"><div class=\"vector-grupo-cards-item-headings\"><h3 class=\"vector-grupo-cards-item-heading-auxiliar\">Per\u00edodo<\/h3><h3 class=\"vector-grupo-cards-item-heading-main\">2025 - 2026<\/h3><\/div><\/div><\/div><div class=\"vector-grupo-cards-item elementor-repeater-item-10dc809 vector-grupo-cards-anim vector-grupo-cards-anim-fade-in\" style=\"animation-delay:240ms;\"><div class=\"vector-grupo-cards-item-icon\"><i aria-hidden=\"true\" class=\"deviconreg- devicon-reg-building\"><\/i><\/div><div class=\"vector-grupo-cards-item-body\"><div class=\"vector-grupo-cards-item-headings\"><h3 class=\"vector-grupo-cards-item-heading-auxiliar\">Produto<\/h3><h3 class=\"vector-grupo-cards-item-heading-main\">Enterprise SaaS  (B2B)<\/h3><\/div><\/div><\/div><div class=\"vector-grupo-cards-item elementor-repeater-item-b1ac0c4 vector-grupo-cards-anim vector-grupo-cards-anim-fade-in\" style=\"animation-delay:360ms;\"><div class=\"vector-grupo-cards-item-icon\"><i aria-hidden=\"true\" class=\"deviconreg- devicon-reg-users\"><\/i><\/div><div class=\"vector-grupo-cards-item-body\"><div class=\"vector-grupo-cards-item-headings\"><h3 class=\"vector-grupo-cards-item-heading-auxiliar\">Time<\/h3><h3 class=\"vector-grupo-cards-item-heading-main\">Produto +  Arquitetura<\/h3><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-333da335 elementor-widget elementor-widget-heading\" data-id=\"333da335\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Indicadores acompanhados<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ff7ff5c elementor-widget elementor-widget-vector-grupo-cards\" data-id=\"1ff7ff5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vector-grupo-cards.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vector-grupo-cards-wrapper icon-first\"><div class=\"vector-grupo-cards-item elementor-repeater-item-c80a85d vector-grupo-cards-anim vector-grupo-cards-anim-fade-in\" style=\"animation-delay:0ms;\"><div class=\"vector-grupo-cards-item-body\"><div class=\"vector-grupo-cards-item-headings\"><h3 class=\"vector-grupo-cards-item-heading-main\">38,8% Cobertura modernizada<\/h3><\/div><div class=\"vector-grupo-cards-item-content\"><p>Percentual de telas j\u00e1 refatoradas com a nova base visual e t\u00e9cnica do Design System, usado para acompanhar o avan\u00e7o da moderniza\u00e7\u00e3o por m\u00f3dulo, squad e status da tela.<\/p><\/div><\/div><\/div><div class=\"vector-grupo-cards-item elementor-repeater-item-e3593e9 vector-grupo-cards-anim vector-grupo-cards-anim-fade-in\" style=\"animation-delay:120ms;\"><div class=\"vector-grupo-cards-item-body\"><div class=\"vector-grupo-cards-item-headings\"><h3 class=\"vector-grupo-cards-item-heading-main\">627 Telas mapeadas<\/h3><\/div><div class=\"vector-grupo-cards-item-content\"><p>Invent\u00e1rio consolidado das telas do produto, permitindo visualizar o tamanho real da base, identificar telas modernizadas, legadas, h\u00edbridas e pontos cr\u00edticos de refatora\u00e7\u00e3o.<\/p><\/div><\/div><\/div><div class=\"vector-grupo-cards-item elementor-repeater-item-55ab1d9 vector-grupo-cards-anim vector-grupo-cards-anim-fade-in\" style=\"animation-delay:240ms;\"><div class=\"vector-grupo-cards-item-body\"><div class=\"vector-grupo-cards-item-headings\"><h3 class=\"vector-grupo-cards-item-heading-main\">22% Cobertura de  Storybook<\/h3><\/div><div class=\"vector-grupo-cards-item-content\"><p>Percentual de componentes com alguma documenta\u00e7\u00e3o t\u00e9cnica no Storybook, usado para acompanhar maturidade, autonomia da engenharia e lacunas de documenta\u00e7\u00e3o do Design System.<\/p><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a689af6 elementor-widget elementor-widget-post-info\" data-id=\"3a689af6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-2ed917d elementor-inline-item\" itemprop=\"about\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-tags\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M497.941 225.941L286.059 14.059A48 48 0 0 0 252.118 0H48C21.49 0 0 21.49 0 48v204.118a48 48 0 0 0 14.059 33.941l211.882 211.882c18.744 18.745 49.136 18.746 67.882 0l204.118-204.118c18.745-18.745 18.745-49.137 0-67.882zM112 160c-26.51 0-48-21.49-48-48s21.49-48 48-48 48 21.49 48 48-21.49 48-48 48zm513.941 133.823L421.823 497.941c-18.745 18.745-49.137 18.745-67.882 0l-.36-.36L527.64 323.522c16.999-16.999 26.36-39.6 26.36-63.64s-9.362-46.641-26.36-63.64L331.397 0h48.721a48 48 0 0 1 33.941 14.059l211.882 211.882c18.745 18.745 18.745 49.137 0 67.882z\"><\/path><\/svg>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-terms\">\n\t\t\t\t\t\t\t<span class=\"elementor-post-info__item-prefix\"># <\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-post-info__terms-list\">\n\t\t\t\t<span class=\"elementor-post-info__terms-list-item\">Complex Workflows<\/span>, <span class=\"elementor-post-info__terms-list-item\">Data Structure<\/span>, <span class=\"elementor-post-info__terms-list-item\">Design System<\/span>, <span class=\"elementor-post-info__terms-list-item\">Engineering Collaboration<\/span>, <span class=\"elementor-post-info__terms-list-item\">Enterprise SaaS (B2B)<\/span>, <span class=\"elementor-post-info__terms-list-item\">Information Architecture<\/span>, <span class=\"elementor-post-info__terms-list-item\">Operational Efficiency<\/span>, <span class=\"elementor-post-info__terms-list-item\">Product Design<\/span>, <span class=\"elementor-post-info__terms-list-item\">UX Research<\/span>\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-62ab749f e-con e-atomic-element e-flexbox-base section-px e-62ab749f-24648b4 \" data-id=\"62ab749f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"62ab749f\" id=\"conteudo\" data-e-type=\"e-flexbox\" data-id=\"62ab749f\">\n    <div class=\"elementor-element elementor-element-12f2afc8 e-con e-atomic-element e-flexbox-base e-12f2afc8-e372e23 \" data-id=\"12f2afc8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"12f2afc8\" data-e-type=\"e-flexbox\" data-id=\"12f2afc8\">\n    \t\t<div class=\"elementor-element elementor-element-dae0293 elementor-widget__width-inherit elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-table-of-contents\" data-id=\"dae0293\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;container&quot;:&quot;.index-conteudo&quot;,&quot;exclude_headings_by_selector&quot;:[],&quot;marker_view&quot;:&quot;bullets&quot;,&quot;no_headings_message&quot;:&quot;Nenhum t\\u00f3pico foi encontrado neste post.&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;laptop&quot;],&quot;sticky_offset&quot;:250,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;,&quot;h4&quot;,&quot;h5&quot;,&quot;h6&quot;],&quot;icon&quot;:{&quot;value&quot;:&quot;fas fa-circle&quot;,&quot;library&quot;:&quot;fa-solid&quot;,&quot;rendered_tag&quot;:&quot;&lt;svg class=\\&quot;e-font-icon-svg e-fas-circle\\&quot; viewBox=\\&quot;0 0 512 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;},&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\" data-widget_type=\"table-of-contents.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-toc__header\">\n\t\t\t\t\t\t<h4 class=\"elementor-toc__header-title\">\n\t\t\t\t\u2014  Neste Post\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div id=\"elementor-toc__dae0293\" class=\"elementor-toc__body\">\n\t\t\t<div class=\"elementor-toc__spinner-container\">\n\t\t\t\t<svg class=\"elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading\" aria-hidden=\"true\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af7107a elementor-widget__width-inherit elementor-hidden-desktop elementor-hidden-laptop elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents\" data-id=\"af7107a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;container&quot;:&quot;.index-conteudo&quot;,&quot;exclude_headings_by_selector&quot;:[],&quot;marker_view&quot;:&quot;bullets&quot;,&quot;no_headings_message&quot;:&quot;Nenhum t\\u00f3pico foi encontrado neste post.&quot;,&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;,&quot;h4&quot;,&quot;h5&quot;,&quot;h6&quot;],&quot;icon&quot;:{&quot;value&quot;:&quot;fas fa-circle&quot;,&quot;library&quot;:&quot;fa-solid&quot;,&quot;rendered_tag&quot;:&quot;&lt;svg class=\\&quot;e-font-icon-svg e-fas-circle\\&quot; viewBox=\\&quot;0 0 512 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;},&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"table-of-contents.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-toc__header\">\n\t\t\t\t\t\t<h4 class=\"elementor-toc__header-title\">\n\t\t\t\t\u2014  Neste Post\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--expand\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__af7107a\" aria-expanded=\"true\" aria-label=\"Open table of contents\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/div>\n\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--collapse\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__af7107a\" aria-expanded=\"true\" aria-label=\"Close table of contents\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<div id=\"elementor-toc__af7107a\" class=\"elementor-toc__body\">\n\t\t\t<div class=\"elementor-toc__spinner-container\">\n\t\t\t\t<svg class=\"elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading\" aria-hidden=\"true\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-490bb61 e-con e-atomic-element e-flexbox-base e-490bb61-6269d66 index-conteudo \" data-id=\"490bb61\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"490bb61\" data-e-type=\"e-flexbox\" data-id=\"490bb61\">\n    \t\t<div class=\"elementor-element elementor-element-c44330c elementor-widget__width-inherit elementor-widget-laptop__width-inherit elementor-widget elementor-widget-vector-grupo-conteudo\" data-id=\"c44330c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vector-grupo-conteudo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vector-grupo-content-wrapper\"><div class=\"vector-grupo-content-item-headings\"><h2 class=\"vector-grupo-content-item-heading-auxiliar\">01 \u2014 Resumo<\/h2><span class=\"vector-grupo-content-item-heading-main\">De biblioteca visual a ferramenta de prioriza\u00e7\u00e3o<\/span><\/div><div class=\"vector-grupo-content-item-content\"><div class=\"vector-grupo-content-item-text\"><p>O <strong>Design System<\/strong> e o <strong>processo de padroniza\u00e7\u00e3o<\/strong> j\u00e1 haviam <strong>gerado impacto positivo<\/strong> na empresa, <strong>reduzindo retrabalho, aumentando a consist\u00eancia da experi\u00eancia e apoiando ganhos operacionais, financeiros e de governan\u00e7a<\/strong>\u00a0em frentes anteriores. Mas, conforme a moderniza\u00e7\u00e3o do SaaS avan\u00e7ava entre m\u00f3dulos e squads, <strong>surgiu uma nova necessidade: medir com mais clareza<\/strong> onde esse impacto estava acontecendo, quais telas j\u00e1 haviam sido refatoradas, quais ainda dependiam do legado e <strong>como o Design System poderia orientar decis\u00f5es<\/strong> de produto, engenharia e roadmap com base em dados.<\/p><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a80c94 elementor-mobile-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"5a80c94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"deviconreg- devicon-reg-1\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>O que estava acontecendo \u2014<\/strong> A moderniza\u00e7\u00e3o visual e t\u00e9cnica avan\u00e7ava entre diferentes m\u00f3dulos e squads, mas sem uma vis\u00e3o consolidada sobre telas modernizadas, telas legadas, estados h\u00edbridos, componentes em uso, documenta\u00e7\u00e3o t\u00e9cnica, tickets e principais pontos de atrito.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"deviconsld- devicon-sld-2\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Por que isso importava \u2014<\/strong> Mesmo com resultados positivos gerados pelo Design System, ainda era dif\u00edcil transformar esse avan\u00e7o em uma leitura operacional cont\u00ednua. As decis\u00f5es sobre refatora\u00e7\u00e3o, documenta\u00e7\u00e3o e prioriza\u00e7\u00e3o dependiam de informa\u00e7\u00f5es espalhadas entre design, engenharia, suporte, produto e diferentes ferramentas.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"deviconsld- devicon-sld-3\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>O que eu fiz \u2014<\/strong> Estruturei e implementei um dashboard interno para cruzar dados de invent\u00e1rio de telas, Movidesk, GitLab, GitHub, Storybook, PostHog e roadmap. <strong>Tamb\u00e9m usei IA, Claude e pr\u00e1ticas de Spec-Driven Development (SDD) para acelerar a prototipa\u00e7\u00e3o<\/strong>, validar a l\u00f3gica das m\u00e9tricas e reduzir ambiguidade antes da implementa\u00e7\u00e3o definitiva com engenharia.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"deviconsld- devicon-sld-4\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>O que mudou \u2014<\/strong> O painel passou a consolidar dados do processo de moderniza\u00e7\u00e3o em uma vis\u00e3o \u00fanica, indicando a cobertura das telas, os principais gaps de legado, a maturidade dos componentes, a evolu\u00e7\u00e3o do Storybook, os tickets cr\u00edticos e os pontos com maior impacto em suporte e engenharia.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"deviconsld- devicon-sld-5\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Impacto no neg\u00f3cio \u2014<\/strong> O Design System deixou de ser acompanhado apenas como uma biblioteca visual e passou a funcionar tamb\u00e9m como uma ferramenta de gest\u00e3o operacional, ajudando os times a priorizarem refatora\u00e7\u00f5es, acompanharem riscos, identificarem inconsist\u00eancias e planejarem a evolu\u00e7\u00e3o do SaaS com base em dados.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a5ce7b9 elementor-mobile-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"a5ce7b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Aten\u00e7\u00e3o<\/strong><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Por quest\u00f5es de NDA, as telas exibidas neste case s\u00e3o da vers\u00e3o com dados mockados e adaptados do prot\u00f3tipo utilizado no processo, com base na solu\u00e7\u00e3o implementada internamente. <\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n<hr class=\"e-7aef7b1-de15add e-divider-base\" data-interaction-id=\"7aef7b1\"  data-e-type=\"widget\" data-id=\"7aef7b1\" \/>\n\t\t\t\t<div class=\"elementor-element elementor-element-d950b2d elementor-widget__width-inherit elementor-widget-laptop__width-inherit elementor-widget elementor-widget-vector-grupo-conteudo\" data-id=\"d950b2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vector-grupo-conteudo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vector-grupo-content-wrapper\"><div class=\"vector-grupo-content-item-headings\"><h2 class=\"vector-grupo-content-item-heading-auxiliar\">02 \u2014 Contexto<\/h2><span class=\"vector-grupo-content-item-heading-main\">Modernizar um SaaS B2B exige mais do que criar componentes<\/span><\/div><div class=\"vector-grupo-content-item-content\"><div class=\"vector-grupo-content-item-text\"><p>A <strong>Perinity<\/strong> \u00e9 u<strong>m SaaS B2B<\/strong>\u00a0 voltado para<strong> Governan\u00e7a, Risco, Compliance e Auditoria,<\/strong> utilizado por empresas com <strong>estruturas complexas<\/strong>, <strong>m\u00faltiplos m\u00f3dulos<\/strong>, <strong>fluxos cr\u00edticos<\/strong> e<strong> alto n\u00edvel de exig\u00eancia operacional.<\/strong> Dentro desse contexto, a <strong>moderniza\u00e7\u00e3o do produto<\/strong> n\u00e3o dependia apenas de redesenhar telas ou criar componentes reutiliz\u00e1veis, mas de <strong>garantir consist\u00eancia, rastreabilidade e previsibilidade<\/strong> em uma base extensa, constru\u00edda ao longo de anos.<\/p><p>O <strong>Design System<\/strong> j\u00e1 vinha sendo usado como uma <strong>frente importante<\/strong> para <strong>reduzir inconsist\u00eancias<\/strong>, aproximar design e engenharia e <strong>acelerar a evolu\u00e7\u00e3o<\/strong> visual e t\u00e9cnica do produto. Por\u00e9m, conforme a <strong>refatora\u00e7\u00e3o avan\u00e7ava<\/strong> entre <strong>diferentes squads<\/strong>, ficou cada vez mais dif\u00edcil <strong>responder perguntas<\/strong> simples <strong>com seguran\u00e7a<\/strong>:<\/p><ul><li>Quantas telas j\u00e1 estavam modernizadas?<\/li><li>Quais m\u00f3dulos ainda concentravam mais legado?<\/li><li>Quais componentes estavam documentados?<\/li><li>Quais geravam mais tickets?<\/li><li>O Storybook estava acompanhando a evolu\u00e7\u00e3o do produto?<\/li><\/ul><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04a1a6e elementor-widget elementor-widget-image\" data-id=\"04a1a6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/welitonmartins.com\/wp-content\/uploads\/2026\/06\/capa-case-painel-design-system-v4.jpg\" title=\"capa-case-painel-design-system-v4\" alt=\"capa-case-painel-design-system-v4\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Gr\u00e1ficos da p\u00e1gina inicial do dashboard<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n<hr class=\"e-2bd5118-3253226 e-divider-base\" data-interaction-id=\"2bd5118\"  data-e-type=\"widget\" data-id=\"2bd5118\" \/>\n\t\t\t\t<div class=\"elementor-element elementor-element-5068a9f elementor-widget__width-inherit elementor-widget-laptop__width-inherit elementor-widget elementor-widget-vector-grupo-conteudo\" data-id=\"5068a9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vector-grupo-conteudo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vector-grupo-content-wrapper\"><div class=\"vector-grupo-content-item-headings\"><h2 class=\"vector-grupo-content-item-heading-auxiliar\">03 \u2014 Problema<\/h2><span class=\"vector-grupo-content-item-heading-main\">A moderniza\u00e7\u00e3o avan\u00e7ava, mas a leitura dos dados ainda estava fragmentada<\/span><\/div><div class=\"vector-grupo-content-item-content\"><div class=\"vector-grupo-content-item-text\"><p>Com o avan\u00e7o da moderniza\u00e7\u00e3o, o desafio deixou de ser apenas <strong>criar componentes<\/strong> ou <strong>refatorar telas<\/strong>. A pr\u00f3xima etapa era entender, com mais clareza, como essa evolu\u00e7\u00e3o acontecia no produto e quais sinais deveriam orientar as decis\u00f5es do time. O problema \u00e9 que esses dados estavam distribu\u00eddos em diferentes ferramentas, com n\u00edveis variados de acesso, atualiza\u00e7\u00e3o e contexto.<\/p><p>Parte dos sinais vinha do <strong>Movidesk<\/strong>, com tickets de suporte e problemas recorrentes relatados por clientes, implantadoras, CS e consultorias parceiras. Outra parte estava no <strong>GitLab<\/strong>, com issues levantadas por POs, QAs e Tech Leads. O <strong>roadmap<\/strong> organizava as prioridades planejadas para o per\u00edodo, enquanto o <strong>Storybook<\/strong> ainda estava em implanta\u00e7\u00e3o, mas sem indicadores claros de progresso. O <strong>PostHog<\/strong> ajudava a observar comportamento de uso, e o chat interno concentrava decis\u00f5es e alinhamentos do dia a dia.<\/p><p>Na pr\u00e1tica, havia informa\u00e7\u00e3o suficiente para entender melhor a evolu\u00e7\u00e3o do SaaS, mas faltava uma camada capaz de conectar esses dados em uma <strong>vis\u00e3o \u00fanica e acion\u00e1vel<\/strong>. Sem isso, a leitura ficava fragmentada por squad, ferramenta ou \u00e1rea, dificultando a identifica\u00e7\u00e3o de m\u00f3dulos mais avan\u00e7ados, telas ainda dependentes do legado, componentes com maior atrito, lacunas de documenta\u00e7\u00e3o e frentes que deveriam ser priorizadas primeiro.<\/p><p>Esse cen\u00e1rio revelou uma necessidade mais estrutural: criar uma camada de acompanhamento para transformar o <strong>Design System<\/strong> em uma fonte de <strong>intelig\u00eancia operacional<\/strong>. O painel nasceu para conectar dados de telas, componentes, tickets, documenta\u00e7\u00e3o t\u00e9cnica, grau de ado\u00e7\u00e3o, maturidade, comportamento de uso e integra\u00e7\u00f5es, permitindo que o time acompanhasse a evolu\u00e7\u00e3o do produto com mais clareza.<\/p><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28e4e22 elementor-widget elementor-widget-image\" data-id=\"28e4e22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/welitonmartins.com\/wp-content\/uploads\/2026\/06\/case-informacoes-fragmentadas-v2.jpeg\" title=\"case-informacoes-fragmentadas-v2\" alt=\"case-informacoes-fragmentadas-v2\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Informa\u00e7\u00f5es fragmentadas entre sistemas<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n<hr class=\"e-1fac1c6-d832cc8 e-divider-base\" data-interaction-id=\"1fac1c6\"  data-e-type=\"widget\" data-id=\"1fac1c6\" \/>\n\t\t\t\t<div class=\"elementor-element elementor-element-08df411 elementor-widget__width-inherit elementor-widget-laptop__width-inherit elementor-widget elementor-widget-vector-grupo-conteudo\" data-id=\"08df411\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vector-grupo-conteudo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vector-grupo-content-wrapper\"><div class=\"vector-grupo-content-item-headings\"><h2 class=\"vector-grupo-content-item-heading-auxiliar\">04 \u2014 Meu papel<\/h2><span class=\"vector-grupo-content-item-heading-main\">Atua\u00e7\u00e3o entre produto, design, engenharia e IA aplicada<\/span><\/div><div class=\"vector-grupo-content-item-content\"><div class=\"vector-grupo-content-item-text\"><p>Minha atua\u00e7\u00e3o foi conectar a vis\u00e3o de <strong>produto<\/strong>, <strong>design<\/strong>, <strong>engenharia<\/strong> e <strong>dados<\/strong> para transformar uma necessidade operacional em um painel funcional. Al\u00e9m de estruturar a experi\u00eancia e os indicadores, usei <strong>IA aplicada ao processo de design<\/strong> para acelerar a cria\u00e7\u00e3o de um prot\u00f3tipo interativo, validar a l\u00f3gica da solu\u00e7\u00e3o com mais rapidez e reduzir o esfor\u00e7o antes de envolver o time de engenharia na constru\u00e7\u00e3o definitiva.<\/p><p>O objetivo era<strong> criar uma ferramenta<\/strong> que pudesse ser usada n\u00e3o apenas pelo time de design, mas tamb\u00e9m por <strong>squads<\/strong>, <strong>POs<\/strong>, <strong>PMs<\/strong>, <strong>lideran\u00e7as de produto e tecnologia\u00a0<\/strong>para <strong>acompanhar m\u00e9tricas<\/strong> de moderniza\u00e7\u00e3o, entender gargalos, <strong>priorizar refatora\u00e7\u00f5es<\/strong> e <strong>tomar decis\u00f5es<\/strong> com base em dados. Por isso, meu papel n\u00e3o ficou restrito \u00e0 interface: tamb\u00e9m envolveu defini\u00e7\u00e3o de m\u00e9tricas, organiza\u00e7\u00e3o das fontes de dados, <strong>modelagem da informa\u00e7\u00e3o<\/strong> e tradu\u00e7\u00e3o de <strong>necessidades t\u00e9cnicas<\/strong> em uma <strong>experi\u00eancia clara e acion\u00e1vel.<\/strong><\/p><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70440f3 elementor-mobile-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"70440f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Minhas principais responsabilidades<\/strong><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>- Conduzir discovery<\/strong>  com pessoas envolvidas para entender quais m\u00e9tricas eram \u00fateis no dia a dia de designers, engenharia, POs, PMs, squads e lideran\u00e7as.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>- Estruturar o escopo inicial do painel<\/strong>, priorizando as m\u00e9tricas mais importantes para a primeira vers\u00e3o da ferramenta ap\u00f3s o levantamento dos dados dispon\u00edveis.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>- Definir os indicadores principais<\/strong> a serem acompanhados, como telas modernizadas, telas legadas, telas h\u00edbridas, cobertura Storybook, tickets, maturidade de componentes e evolu\u00e7\u00e3o por m\u00f3dulo.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>- Mapear as fontes de dados<\/strong> envolvidas no processo, como Movidesk, GitLab, GitHub, Storybook, PostHog, roadmap e invent\u00e1rio de telas do produto.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>- Organizar a arquitetura da informa\u00e7\u00e3o<\/strong> do dashboard, separando as \u00e1reas de an\u00e1lise em Vis\u00e3o Geral, Ado\u00e7\u00e3o, Tickets, Componentes, Guia de Estilos, Integra\u00e7\u00f5es e Changelog.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>- Criar um prot\u00f3tipo interativo com apoio de IA<\/strong>, usando Claude para acelerar explora\u00e7\u00e3o, estrutura\u00e7\u00e3o de telas, l\u00f3gica de componentes e valida\u00e7\u00e3o inicial da solu\u00e7\u00e3o.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>- Aplicar conhecimento t\u00e9cnico<\/strong> para orientar a constru\u00e7\u00e3o do prot\u00f3tipo de forma mais pr\u00f3xima da implementa\u00e7\u00e3o real, reduzindo retrabalho entre design e engenharia.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>- Transformar dados dispersos em leituras acion\u00e1veis<\/strong>, criando visualiza\u00e7\u00f5es que ajudassem diferentes n\u00edveis de decis\u00e3o a identificar gargalos, priorizar refatora\u00e7\u00f5es e acompanhar a evolu\u00e7\u00e3o do Design System.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bda4bf3 elementor-widget__width-inherit elementor-widget-laptop__width-inherit elementor-widget elementor-widget-vector-grupo-conteudo\" data-id=\"bda4bf3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vector-grupo-conteudo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vector-grupo-content-wrapper\"><div class=\"vector-grupo-content-item-headings\"><span class=\"vector-grupo-content-item-heading-main\">O diferencial da minha atua\u00e7\u00e3o<\/span><\/div><div class=\"vector-grupo-content-item-content\"><div class=\"vector-grupo-content-item-text\"><p>O principal diferencial foi atuar de forma h\u00edbrida, combinando <strong>vis\u00e3o de produto<\/strong>, <strong>design de sistemas complexos<\/strong>, <strong>conhecimento t\u00e9cnico<\/strong> e <strong>uso pr\u00e1tico de IA<\/strong>. Em vez de criar apenas uma proposta visual, consegui estruturar um prot\u00f3tipo funcional o suficiente para validar a l\u00f3gica do produto, simular fluxos de dados e antecipar decis\u00f5es que normalmente s\u00f3 apareceriam mais tarde na implementa\u00e7\u00e3o.<\/p><p>O uso de IA n\u00e3o entrou como atalho superficial, mas como parte de um processo mais estruturado. Com apoio do <strong>Claude<\/strong> e da l\u00f3gica de <strong>Spec-Driven Development (SDD)<\/strong>, consegui quebrar o problema em especifica\u00e7\u00f5es menores, testar alternativas de estrutura, revisar a consist\u00eancia das informa\u00e7\u00f5es e aproximar o design de uma l\u00f3gica mais implement\u00e1vel.<\/p><p>Essa abordagem ajudou a ganhar velocidade sem perder crit\u00e9rio, reduzindo retrabalho, diminuindo o custo de explora\u00e7\u00e3o por token e aumentando a qualidade da entrega. A IA funcionou como uma camada de apoio para acelerar decis\u00f5es, mas a dire\u00e7\u00e3o do produto, a defini\u00e7\u00e3o das m\u00e9tricas e a valida\u00e7\u00e3o da experi\u00eancia continuaram guiadas por contexto, conhecimento t\u00e9cnico e entendimento das necessidades dos times.<\/p><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\n<hr class=\"e-721f4c1-da20fbf e-divider-base\" data-interaction-id=\"721f4c1\"  data-e-type=\"widget\" data-id=\"721f4c1\" \/>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a6fbca elementor-widget__width-inherit elementor-widget-laptop__width-inherit elementor-widget elementor-widget-vector-grupo-conteudo\" data-id=\"6a6fbca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vector-grupo-conteudo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vector-grupo-content-wrapper\"><div class=\"vector-grupo-content-item-headings\"><h2 class=\"vector-grupo-content-item-heading-auxiliar\">05 \u2014 Discovery &amp; Insights<\/h2><span class=\"vector-grupo-content-item-heading-main\">Discovery enxuto para entender o que precisava ser medido<\/span><\/div><div class=\"vector-grupo-content-item-content\"><div class=\"vector-grupo-content-item-text\"><p>Como o objetivo era criar uma ferramenta interna para apoiar decis\u00f5es de produto, design e engenharia, o discovery foi conduzido de forma mais <strong>enxuta e pragm\u00e1tica<\/strong>. A prioridade n\u00e3o era validar se o problema existia, porque a fragmenta\u00e7\u00e3o dos dados j\u00e1 era sentida no dia a dia, mas entender <strong>quais m\u00e9tricas realmente ajudariam os times<\/strong> a acompanhar a moderniza\u00e7\u00e3o do SaaS e a evolu\u00e7\u00e3o do Design System.<\/p><p>A investiga\u00e7\u00e3o combinou <strong>conversas com pessoas envolvidas no processo<\/strong>, an\u00e1lise de como os dados eram acompanhados at\u00e9 ent\u00e3o e uma pesquisa de re<strong>fer\u00eancias sobre m\u00e9tricas de Design System, cobertura de moderniza\u00e7\u00e3o, governan\u00e7a, documenta\u00e7\u00e3o t\u00e9cnica e dashboards operacionais.<\/strong><\/p><p>Tamb\u00e9m busquei entender se j\u00e1 existiam planilhas, controles paralelos ou rituais usados pelos squads para acompanhar telas modernizadas, tickets, componentes e documenta\u00e7\u00e3o.<\/p><p>Esse processo ajudou a separar o que era apenas dado dispon\u00edvel do que realmente poderia virar <strong>indicador \u00fatil para tomada de decis\u00e3o<\/strong>. A partir disso, o painel foi pensado como uma primeira vers\u00e3o evolutiva, capaz de come\u00e7ar com m\u00e9tricas essenciais e crescer conforme novas fontes, integra\u00e7\u00f5es e necessidades surgissem.<\/p><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55e5589 elementor-widget elementor-widget-image\" data-id=\"55e5589\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/welitonmartins.com\/wp-content\/uploads\/2026\/06\/case-referencias-visuais-dash.jpeg\" title=\"case-referencias-visuais-dash\" alt=\"case-referencias-visuais-dash\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Refer\u00eancias Visuais<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0f473c elementor-widget__width-inherit elementor-widget-laptop__width-inherit elementor-widget elementor-widget-vector-grupo-conteudo\" data-id=\"c0f473c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vector-grupo-conteudo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vector-grupo-content-wrapper\"><div class=\"vector-grupo-content-item-headings\"><span class=\"vector-grupo-content-item-heading-main\">Principais frentes investigadas<\/span><\/div><div class=\"vector-grupo-content-item-content\"><div class=\"vector-grupo-content-item-text\"><ul><li><strong>Como a moderniza\u00e7\u00e3o era acompanhada<\/strong> entre os squads e se existia algum controle consolidado sobre telas refatoradas, legadas ou h\u00edbridas.<\/li><li><strong>Quais m\u00e9tricas seriam \u00fateis no dia a dia<\/strong> para designers, POs, PMs, engenharia, QA, e lideran\u00e7as de produto e tecnologia acompanharem a evolu\u00e7\u00e3o do produto.<\/li><li><strong>Como tickets de suporte e issues t\u00e9cnicas<\/strong> poderiam indicar gargalos de componentes, inconsist\u00eancias visuais ou problemas recorrentes em telas legadas.<\/li><li><strong>Como medir a maturidade do Design System<\/strong> al\u00e9m da quantidade de componentes, considerando documenta\u00e7\u00e3o, Storybook, testes, changelog, exemplos e ownership.<\/li><li><strong>Quais refer\u00eancias externas<\/strong> poderiam ajudar a definir uma metodologia de aferi\u00e7\u00e3o mais consistente para ado\u00e7\u00e3o, documenta\u00e7\u00e3o e governan\u00e7a do Design System.<\/li><\/ul><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9339a44 elementor-mobile-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"9339a44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Principais insights<\/strong><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">    <strong>1. Ado\u00e7\u00e3o n\u00e3o deveria ser medida por componente isolado. <\/strong><br><small>Para o contexto do produto, fazia mais sentido medir a moderniza\u00e7\u00e3o por tela, j\u00e1 que uma tela inteira poderia combinar partes modernas, legadas e h\u00edbridas.<\/small><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>2. O Storybook precisava ser tratado como m\u00e9trica de maturidade t\u00e9cnica. <\/strong><br><small>A baixa cobertura n\u00e3o significava aus\u00eancia de Design System, mas sim uma lacuna na documenta\u00e7\u00e3o necess\u00e1ria para escalar o uso com autonomia entre squads.<\/small><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>3. Tickets eram sinais importantes de atrito operacional. <\/strong><br><small>Chamados de suporte e issues t\u00e9cnicas ajudavam a identificar componentes problem\u00e1ticos, lacunas de documenta\u00e7\u00e3o e telas com maior depend\u00eancia do legado.<\/small><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>4. O painel precisava nascer como uma ferramenta viva. <\/strong><br><small>Como nem todos os dados estavam totalmente estruturados, a primeira vers\u00e3o deveria priorizar indicadores essenciais e permitir evolu\u00e7\u00e3o cont\u00ednua.<\/small><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>5. A vis\u00e3o por m\u00f3dulo era essencial para prioriza\u00e7\u00e3o. <\/strong><br><small>Comparar m\u00f3dulos modernizados, legados e h\u00edbridos ajudava a identificar onde estavam os maiores gargalos e quais frentes deveriam entrar primeiro no roadmap.<\/small><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37e145c elementor-mobile-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"37e145c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Refer\u00eancias complementares de metodologia<\/strong><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/medium.com\/@andrerolla\/m%C3%A9tricas-de-design-system-o-que-aprendi-liderando-o-ds-da-hotmart-por-5-anos-e9c0fd8b4e1b\" target=\"_blank\" title=\"Ver artigo\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"deviconreg- devicon-reg-newspaper\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Artigo<\/strong> M\u00e9tricas de Design Systems \u2014 o que aprendi liderando o DS da Hotmart por 5 anos.<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/medium.com\/banco-carrefour-design\/criando-o-dashboard-de-m%C3%A9tricas-do-annecy-design-system-do-banco-carrefour-2e921b999524\" target=\"_blank\" title=\"Ver artigo\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-newspaper\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M552 64H112c-20.858 0-38.643 13.377-45.248 32H24c-13.255 0-24 10.745-24 24v272c0 30.928 25.072 56 56 56h496c13.255 0 24-10.745 24-24V88c0-13.255-10.745-24-24-24zM48 392V144h16v248c0 4.411-3.589 8-8 8s-8-3.589-8-8zm480 8H111.422c.374-2.614.578-5.283.578-8V112h416v288zM172 280h136c6.627 0 12-5.373 12-12v-96c0-6.627-5.373-12-12-12H172c-6.627 0-12 5.373-12 12v96c0 6.627 5.373 12 12 12zm28-80h80v40h-80v-40zm-40 140v-24c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H172c-6.627 0-12-5.373-12-12zm192 0v-24c0-6.627 5.373-12 12-12h104c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0-144v-24c0-6.627 5.373-12 12-12h104c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0 72v-24c0-6.627 5.373-12 12-12h104c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Artigo<\/strong> Criando o dashboard de m\u00e9tricas do Annecy, Design System do Banco Carrefour<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.weme.nu\/blog\/como-medir-o-impacto-real-de-um-design-system\" target=\"_blank\" title=\"Ver artigo\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-newspaper\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M552 64H112c-20.858 0-38.643 13.377-45.248 32H24c-13.255 0-24 10.745-24 24v272c0 30.928 25.072 56 56 56h496c13.255 0 24-10.745 24-24V88c0-13.255-10.745-24-24-24zM48 392V144h16v248c0 4.411-3.589 8-8 8s-8-3.589-8-8zm480 8H111.422c.374-2.614.578-5.283.578-8V112h416v288zM172 280h136c6.627 0 12-5.373 12-12v-96c0-6.627-5.373-12-12-12H172c-6.627 0-12 5.373-12 12v96c0 6.627 5.373 12 12 12zm28-80h80v40h-80v-40zm-40 140v-24c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H172c-6.627 0-12-5.373-12-12zm192 0v-24c0-6.627 5.373-12 12-12h104c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0-144v-24c0-6.627 5.373-12 12-12h104c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0 72v-24c0-6.627 5.373-12 12-12h104c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Artigo<\/strong> Como medir o impacto real de um Design System<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.youtube.com\/watch?v=KYDyJY8Ut90\" target=\"_blank\" title=\"Ver artigo\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"deviconbnd- devicon-bnd-youtube\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>V\u00eddeo<\/strong> Planilha Design System Dashboard<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n<hr class=\"e-1e516ea-0651d2e e-divider-base\" data-interaction-id=\"1e516ea\"  data-e-type=\"widget\" data-id=\"1e516ea\" \/>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab61a67 elementor-widget__width-inherit elementor-widget-laptop__width-inherit elementor-widget elementor-widget-vector-grupo-conteudo\" data-id=\"ab61a67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vector-grupo-conteudo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vector-grupo-content-wrapper\"><div class=\"vector-grupo-content-item-headings\"><h2 class=\"vector-grupo-content-item-heading-auxiliar\">06 \u2014 Decis\u00f5es de Produto &amp; Solu\u00e7\u00e3o<\/h2><span class=\"vector-grupo-content-item-heading-main\">Da explora\u00e7\u00e3o com IA ao prot\u00f3tipo interativo valid\u00e1vel<\/span><\/div><div class=\"vector-grupo-content-item-content\"><div class=\"vector-grupo-content-item-text\"><p>A solu\u00e7\u00e3o come\u00e7ou como uma investiga\u00e7\u00e3o sobre como transformar dados dispersos do <strong>Design System<\/strong> em uma ferramenta pr\u00e1tica de acompanhamento. Antes da implementa\u00e7\u00e3o final, o<strong>ptei por criar um prot\u00f3tipo interativo<\/strong> para <strong>simular a experi\u00eancia do painel, validar a l\u00f3gica das m\u00e9tricas<\/strong> e facilitar a conversa com as pessoas envolvidas. Essa etapa ajudou a <strong>reduzir ambiguidade, alinhar expectativas e orientar a constru\u00e7\u00e3o t\u00e9cnica com mais clareza.<\/strong><\/p><p>Para <strong>acelerar esse processo<\/strong>, usei <strong>Claude<\/strong> como apoio na estrutura\u00e7\u00e3o das telas, organiza\u00e7\u00e3o dos dados mockados, defini\u00e7\u00e3o dos estados da interface e revis\u00e3o da arquitetura das informa\u00e7\u00f5es. <strong>A IA<\/strong> entrou como uma camada de produtividade para <strong>explorar alternativas,<\/strong> gerar estrutura inicial e antecipar inconsist\u00eancias, sem substituir a an\u00e1lise de produto, a defini\u00e7\u00e3o das m\u00e9tricas ou o crit\u00e9rio de decis\u00e3o.<\/p><p>A <strong>escolha da stack<\/strong> tamb\u00e9m foi intencional. Usei uma base simples com <strong>PHP<\/strong>, <strong>Tailwind<\/strong>, <strong>Alpine.js<\/strong> e <strong>Chart.js<\/strong> para construir um prot\u00f3tipo naveg\u00e1vel, leve e <strong>pr\u00f3ximo de uma implementa\u00e7\u00e3o real<\/strong>. Essa abordagem ajudou a<strong> reduzir o custo de explora\u00e7\u00e3o com IA<\/strong>, j\u00e1 que as intera\u00e7\u00f5es com o Claude eram mais objetivas: em vez de pedir telas gen\u00e9ricas, eu conseguia <strong>trabalhar com blocos espec\u00edficos, reaproveitar padr\u00f5es, corrigir partes isoladas e evoluir o produto em ciclos menores.<\/strong><\/p><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd174d7 elementor-widget elementor-widget-image\" data-id=\"fd174d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/welitonmartins.com\/wp-content\/uploads\/2026\/06\/interacao-claude-habilidades-tecnicas.jpeg\" title=\"interacao-claude-habilidades t\u00e9cnicas\" alt=\"interacao-claude-habilidades t\u00e9cnicas\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Estrutura de prompt + t\u00e9cnicas de reduzir custo \/ economia de tokens<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e712862 elementor-widget__width-inherit elementor-widget-laptop__width-inherit elementor-widget elementor-widget-vector-grupo-conteudo\" data-id=\"e712862\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vector-grupo-conteudo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vector-grupo-content-wrapper\"><div class=\"vector-grupo-content-item-headings\"><span class=\"vector-grupo-content-item-heading-main\">Prot\u00f3tipo funcional como ponte entre valida\u00e7\u00e3o e implementa\u00e7\u00e3o<\/span><\/div><div class=\"vector-grupo-content-item-content\"><div class=\"vector-grupo-content-item-text\"><p>Depois da estrutura\u00e7\u00e3o inicial, o <strong>painel foi montado<\/strong> com <strong>dados mockados<\/strong> para simular cen\u00e1rios reais de uso e <strong>validar se as informa\u00e7\u00f5es<\/strong> faziam sentido para os diferentes <strong>p\u00fablicos envolvidos<\/strong>: design, engenharia, POs, PMs, squads e lideran\u00e7as de produto e tecnologia.<\/p><p>A inten\u00e7\u00e3o era criar uma<strong> vers\u00e3o suficientemente funcional<\/strong> para testar a leitura dos dados, discutir prioridades e ajustar a l\u00f3gica do painel antes de transformar a proposta em backlog t\u00e9cnico. Por isso, as telas priorizadas foram aquelas com maior capacidade de gerar alinhamento r\u00e1pido sobre o estado da moderniza\u00e7\u00e3o.<\/p><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89a4693 elementor-widget elementor-widget-image\" data-id=\"89a4693\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/welitonmartins.com\/wp-content\/uploads\/2026\/06\/Pagina-Visao-Geral.jpeg\" title=\"P\u00e1gina Vis\u00e3o Geral\" alt=\"P\u00e1gina Vis\u00e3o Geral\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Tela de vis\u00e3o geral do dashboard<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f56d64 elementor-mobile-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"3f56d64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Tela de Vis\u00e3o Geral<\/strong><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Descri\u00e7\u00e3o:<\/strong> Tela executiva que consolida os principais indicadores do painel, como health score, cobertura modernizada, Storybook, tickets abertos e distribui\u00e7\u00e3o entre telas modernizadas, legadas e h\u00edbridas.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Insight esperado:<\/strong> Entender rapidamente o estado atual da moderniza\u00e7\u00e3o e identificar se o Design System est\u00e1 avan\u00e7ando de forma saud\u00e1vel em rela\u00e7\u00e3o \u00e0s metas definidas.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Impacto no dia a dia:<\/strong> Facilita conversas com lideran\u00e7as, reduz o tempo de alinhamento e cria uma leitura \u00fanica sobre riscos, avan\u00e7os e prioridades.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e1e3fe elementor-widget elementor-widget-image\" data-id=\"7e1e3fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/welitonmartins.com\/wp-content\/uploads\/2026\/06\/pagina-adocao-e-coberturas-scaled.jpeg\" title=\"pagina-adocao-e-coberturas\" alt=\"pagina-adocao-e-coberturas\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Tela de Ado\u00e7\u00e3o e Cobertura<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c14eba3 elementor-mobile-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"c14eba3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Tela de Ado\u00e7\u00e3o e Cobertura<\/strong><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Descri\u00e7\u00e3o:<\/strong> Tela focada no acompanhamento da moderniza\u00e7\u00e3o por m\u00f3dulo, comparando telas modernizadas, legadas e h\u00edbridas, al\u00e9m de relacionar esse avan\u00e7o com a cobertura do Storybook.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Insight esperado:<\/strong> Identificar quais m\u00f3dulos est\u00e3o mais avan\u00e7ados, quais ainda concentram maior volume de legado e onde a documenta\u00e7\u00e3o t\u00e9cnica n\u00e3o acompanha o ritmo da refatora\u00e7\u00e3o.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Impacto no dia a dia:<\/strong> Ajuda POs, PMs e squads a priorizarem frentes de moderniza\u00e7\u00e3o com base em evid\u00eancias, evitando decis\u00f5es guiadas apenas por percep\u00e7\u00e3o ou urg\u00eancias isoladas.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82bb7b0 elementor-widget elementor-widget-image\" data-id=\"82bb7b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/welitonmartins.com\/wp-content\/uploads\/2026\/06\/pagina-de-tickets.jpeg\" title=\"pagina-de-tickets\" alt=\"pagina-de-tickets\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Tela de Gest\u00e3o de tickets<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f54648 elementor-mobile-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"5f54648\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Tela de Gest\u00e3o de Tickets<\/strong><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Descri\u00e7\u00e3o:<\/strong> Tela que organiza tickets abertos e hist\u00f3ricos por origem, severidade, SLA, m\u00f3dulo, categoria de problema e componente relacionado.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Insight esperado:<\/strong> Identificar padr\u00f5es de atrito recorrente, componentes com maior volume de chamados e problemas que indicam falhas de documenta\u00e7\u00e3o, comportamento ou uso.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Impacto no dia a dia:<\/strong> Acelera a triagem de problemas, melhora a prioriza\u00e7\u00e3o entre suporte e engenharia e ajuda a transformar tickets em insumos para evolu\u00e7\u00e3o do Design System.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bdcf76c elementor-widget elementor-widget-image\" data-id=\"bdcf76c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/welitonmartins.com\/wp-content\/uploads\/2026\/06\/pagina-agrupamento-de-components.jpeg\" title=\"pagina-agrupamento-de-components\" alt=\"pagina-agrupamento-de-components\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Tela Detalhe do grupo de componente<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e9015bc elementor-mobile-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"e9015bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Tela de Detalhe do grupo de componente<\/strong><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Descri\u00e7\u00e3o:<\/strong> Tela dedicada \u00e0 an\u00e1lise de um grupo espec\u00edfico de componentes, considerando maturidade, documenta\u00e7\u00e3o, Storybook, testes, presen\u00e7a em telas modernizadas, tickets e varia\u00e7\u00f5es fora do padr\u00e3o.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Insight esperado:<\/strong> Entender quais componentes do grupo est\u00e3o prontos para escalar, quais precisam de revis\u00e3o e quais podem gerar risco em novas refatora\u00e7\u00f5es.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Impacto no dia a dia:<\/strong> D\u00e1 mais clareza para design e engenharia decidirem o que documentar, corrigir, depreciar ou priorizar antes de avan\u00e7ar com novas telas modernizadas.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5727ce7 elementor-widget__width-inherit elementor-widget-laptop__width-inherit elementor-widget elementor-widget-vector-grupo-conteudo\" data-id=\"5727ce7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vector-grupo-conteudo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vector-grupo-content-wrapper\"><div class=\"vector-grupo-content-item-headings\"><span class=\"vector-grupo-content-item-heading-main\">A solu\u00e7\u00e3o implementada<\/span><\/div><div class=\"vector-grupo-content-item-content\"><div class=\"vector-grupo-content-item-text\"><p>Foi um <strong>painel interno<\/strong> de <strong>acompanhamento do Design System<\/strong>, criado para funcionar como uma camada de<strong> leitura operacional<\/strong> sobre a moderniza\u00e7\u00e3o do SaaS. Em vez de olhar apenas para a biblioteca de componentes, o painel conecta dados de telas, m\u00f3dulos, tickets, Storybook, maturidade t\u00e9cnica e integra\u00e7\u00f5es para<strong> apoiar decis\u00f5es mais r\u00e1pidas e melhor informadas.<\/strong><\/p><p>O<strong> prot\u00f3tipo interativo ajudou a validar a estrutura<\/strong> da solu\u00e7\u00e3o <strong>antes da implementa\u00e7\u00e3o<\/strong>, alinhar expectativas entre \u00e1reas e reduzir incertezas sobre o que deveria ser constru\u00eddo. Para este case, ele tamb\u00e9m serviu como base adaptada para apresenta\u00e7\u00e3o p\u00fablica, preservando a l\u00f3gica do painel sem expor informa\u00e7\u00f5es sens\u00edveis.<\/p><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\n<hr class=\"e-d893223-48a4f0e e-divider-base\" data-interaction-id=\"d893223\"  data-e-type=\"widget\" data-id=\"d893223\" \/>\n\t\t\t\t<div class=\"elementor-element elementor-element-7403b92 elementor-widget__width-inherit elementor-widget-laptop__width-inherit elementor-widget elementor-widget-vector-grupo-conteudo\" data-id=\"7403b92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vector-grupo-conteudo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vector-grupo-content-wrapper\"><div class=\"vector-grupo-content-item-headings\"><h2 class=\"vector-grupo-content-item-heading-auxiliar\">07 \u2014 Valida\u00e7\u00e3o t\u00e9cnica e impacto<\/h2><span class=\"vector-grupo-content-item-heading-main\">Validando a solu\u00e7\u00e3o antes de virar implementa\u00e7\u00e3o<\/span><\/div><div class=\"vector-grupo-content-item-content\"><div class=\"vector-grupo-content-item-text\"><p>A valida\u00e7\u00e3o tamb\u00e9m ajudou a separar o que deveria entrar na primeira vers\u00e3o do painel do que poderia evoluir depois, evitando que a ferramenta nascesse grande demais ou dif\u00edcil de manter.<br \/><br \/>O principal impacto foi reduzir incertezas sobre o que deveria ser constru\u00eddo. Em vez de partir apenas de uma ideia conceitual, o time passou a contar com uma l\u00f3gica naveg\u00e1vel, com telas, indicadores, filtros e rela\u00e7\u00f5es entre dados. Isso facilitou a conversa t\u00e9cnica, acelerou o alinhamento entre \u00e1reas e criou uma base mais clara para transformar o painel em produto interno.<\/p><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\n<hr class=\"e-f6a427e-d2cb269 e-divider-base\" data-interaction-id=\"f6a427e\"  data-e-type=\"widget\" data-id=\"f6a427e\" \/>\n\t\t\t\t<div class=\"elementor-element elementor-element-55fdf9a elementor-widget__width-inherit elementor-widget-laptop__width-inherit elementor-widget elementor-widget-vector-grupo-conteudo\" data-id=\"55fdf9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vector-grupo-conteudo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vector-grupo-content-wrapper\"><div class=\"vector-grupo-content-item-headings\"><h2 class=\"vector-grupo-content-item-heading-auxiliar\">08 \u2014 Aprendizados<\/h2><span class=\"vector-grupo-content-item-heading-main\">Design System tamb\u00e9m precisa ser medido como produto<\/span><\/div><div class=\"vector-grupo-content-item-content\"><div class=\"vector-grupo-content-item-text\"><p>Um dos principais aprendizados foi perceber que um <strong>Design System<\/strong> n\u00e3o deve ser acompanhado apenas pela quantidade de componentes criados ou pela consist\u00eancia visual que entrega. Em um produto enterprise, ele tamb\u00e9m precisa ser medido pela sua capacidade de <strong>reduzir atritos<\/strong>, <strong>apoiar refatora\u00e7\u00f5es<\/strong>, <strong>orientar decis\u00f5es t\u00e9cnicas<\/strong> e dar mais visibilidade para a evolu\u00e7\u00e3o do SaaS.<\/p><p>Outro aprendizado importante foi aprimorar a forma de trabalhar com <strong>IA aplicada ao processo de produto e design<\/strong>. Em vez de usar o Claude apenas para gerar telas ou acelerar tarefas isoladas, passei a combinar <strong>Spec-Driven Development (SDD)<\/strong>, t\u00e9cnicas de estrutura\u00e7\u00e3o de contexto, conhecimento t\u00e9cnico e ferramentas de apoio para transformar a IA em parte de um processo mais controlado, iterativo e assertivo.<\/p><p>Ao quebrar o problema em <strong>especifica\u00e7\u00f5es menores<\/strong>, criar ciclos curtos de valida\u00e7\u00e3o, reaproveitar padr\u00f5es j\u00e1 definidos e orientar melhor o contexto enviado para a IA, consegui reduzir retrabalho, diminuir o custo de explora\u00e7\u00e3o por token e chegar mais r\u00e1pido em um prot\u00f3tipo funcional, mais pr\u00f3ximo da l\u00f3gica de implementa\u00e7\u00e3o. Essa abordagem tornou o uso de IA menos gen\u00e9rico e mais conectado \u00e0 realidade do produto, da stack e das decis\u00f5es que precisavam ser validadas.<\/p><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cria\u00e7\u00e3o e implementa\u00e7\u00e3o de um painel interno para acompanhar a moderniza\u00e7\u00e3o de um SaaS enterprise, monitorando telas refatoradas, legado restante, documenta\u00e7\u00e3o t\u00e9cnica, tickets abertos e impacto operacional do Design System.<\/p>\n","protected":false},"author":1,"featured_media":719,"menu_order":0,"template":"elementor_header_footer","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"expertise":[36,37,38,39,40,41,42,43,44],"class_list":["post-756","works","type-works","status-publish","format-standard","has-post-thumbnail","hentry","expertise-complex-workflows","expertise-data-structure","expertise-design-system","expertise-engineering-collaboration","expertise-enterprise-saas-b2b","expertise-information-architecture","expertise-operational-efficiency","expertise-product-design","expertise-ux-research"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Transformando Design System em intelig\u00eancia operacional para produto e engenharia &#187; Weliton Martins<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Transformando Design System em intelig\u00eancia operacional para produto e engenharia &#187; Weliton Martins\" \/>\n<meta property=\"og:description\" content=\"Cria\u00e7\u00e3o e implementa\u00e7\u00e3o de um painel interno para acompanhar a moderniza\u00e7\u00e3o de um SaaS enterprise, monitorando telas refatoradas, legado restante, documenta\u00e7\u00e3o t\u00e9cnica, tickets abertos e impacto operacional do Design System.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/welitonmartins.com\/pt-br\/works\/transformando-design-system-em-inteligencia-operacional-para-produto-e-engenharia\/\" \/>\n<meta property=\"og:site_name\" content=\"Weliton Martins\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-20T23:03:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/welitonmartins.com\/wp-content\/uploads\/2026\/06\/capa-case-painel-design-system-v4.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"620\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"15 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/welitonmartins.com\\\/pt-br\\\/works\\\/transformando-design-system-em-inteligencia-operacional-para-produto-e-engenharia\\\/\",\"url\":\"https:\\\/\\\/welitonmartins.com\\\/pt-br\\\/works\\\/transformando-design-system-em-inteligencia-operacional-para-produto-e-engenharia\\\/\",\"name\":\"Transformando Design System em intelig\u00eancia operacional para produto e engenharia &#187; Weliton Martins\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/welitonmartins.com\\\/pt-br\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/welitonmartins.com\\\/pt-br\\\/works\\\/transformando-design-system-em-inteligencia-operacional-para-produto-e-engenharia\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/welitonmartins.com\\\/pt-br\\\/works\\\/transformando-design-system-em-inteligencia-operacional-para-produto-e-engenharia\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/welitonmartins.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/capa-case-painel-design-system-v4.jpg\",\"datePublished\":\"2026-06-09T22:27:56+00:00\",\"dateModified\":\"2026-06-20T23:03:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/welitonmartins.com\\\/pt-br\\\/works\\\/transformando-design-system-em-inteligencia-operacional-para-produto-e-engenharia\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/welitonmartins.com\\\/pt-br\\\/works\\\/transformando-design-system-em-inteligencia-operacional-para-produto-e-engenharia\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/welitonmartins.com\\\/pt-br\\\/works\\\/transformando-design-system-em-inteligencia-operacional-para-produto-e-engenharia\\\/#primaryimage\",\"url\":\"https:\\\/\\\/welitonmartins.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/capa-case-painel-design-system-v4.jpg\",\"contentUrl\":\"https:\\\/\\\/welitonmartins.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/capa-case-painel-design-system-v4.jpg\",\"width\":1080,\"height\":620},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/welitonmartins.com\\\/pt-br\\\/works\\\/transformando-design-system-em-inteligencia-operacional-para-produto-e-engenharia\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/welitonmartins.com\\\/pt-br\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Works\",\"item\":\"https:\\\/\\\/welitonmartins.com\\\/pt-br\\\/works\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Transformando Design System em intelig\u00eancia operacional para produto e engenharia\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/welitonmartins.com\\\/pt-br\\\/#website\",\"url\":\"https:\\\/\\\/welitonmartins.com\\\/pt-br\\\/\",\"name\":\"Weliton Martins\",\"description\":\"Product Designer\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/welitonmartins.com\\\/pt-br\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Transformando Design System em intelig\u00eancia operacional para produto e engenharia &#187; Weliton Martins","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"pt_BR","og_type":"article","og_title":"Transformando Design System em intelig\u00eancia operacional para produto e engenharia &#187; Weliton Martins","og_description":"Cria\u00e7\u00e3o e implementa\u00e7\u00e3o de um painel interno para acompanhar a moderniza\u00e7\u00e3o de um SaaS enterprise, monitorando telas refatoradas, legado restante, documenta\u00e7\u00e3o t\u00e9cnica, tickets abertos e impacto operacional do Design System.","og_url":"https:\/\/welitonmartins.com\/pt-br\/works\/transformando-design-system-em-inteligencia-operacional-para-produto-e-engenharia\/","og_site_name":"Weliton Martins","article_modified_time":"2026-06-20T23:03:53+00:00","og_image":[{"width":1080,"height":620,"url":"https:\/\/welitonmartins.com\/wp-content\/uploads\/2026\/06\/capa-case-painel-design-system-v4.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"15 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/welitonmartins.com\/pt-br\/works\/transformando-design-system-em-inteligencia-operacional-para-produto-e-engenharia\/","url":"https:\/\/welitonmartins.com\/pt-br\/works\/transformando-design-system-em-inteligencia-operacional-para-produto-e-engenharia\/","name":"Transformando Design System em intelig\u00eancia operacional para produto e engenharia &#187; Weliton Martins","isPartOf":{"@id":"https:\/\/welitonmartins.com\/pt-br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/welitonmartins.com\/pt-br\/works\/transformando-design-system-em-inteligencia-operacional-para-produto-e-engenharia\/#primaryimage"},"image":{"@id":"https:\/\/welitonmartins.com\/pt-br\/works\/transformando-design-system-em-inteligencia-operacional-para-produto-e-engenharia\/#primaryimage"},"thumbnailUrl":"https:\/\/welitonmartins.com\/wp-content\/uploads\/2026\/06\/capa-case-painel-design-system-v4.jpg","datePublished":"2026-06-09T22:27:56+00:00","dateModified":"2026-06-20T23:03:53+00:00","breadcrumb":{"@id":"https:\/\/welitonmartins.com\/pt-br\/works\/transformando-design-system-em-inteligencia-operacional-para-produto-e-engenharia\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/welitonmartins.com\/pt-br\/works\/transformando-design-system-em-inteligencia-operacional-para-produto-e-engenharia\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/welitonmartins.com\/pt-br\/works\/transformando-design-system-em-inteligencia-operacional-para-produto-e-engenharia\/#primaryimage","url":"https:\/\/welitonmartins.com\/wp-content\/uploads\/2026\/06\/capa-case-painel-design-system-v4.jpg","contentUrl":"https:\/\/welitonmartins.com\/wp-content\/uploads\/2026\/06\/capa-case-painel-design-system-v4.jpg","width":1080,"height":620},{"@type":"BreadcrumbList","@id":"https:\/\/welitonmartins.com\/pt-br\/works\/transformando-design-system-em-inteligencia-operacional-para-produto-e-engenharia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/welitonmartins.com\/pt-br\/"},{"@type":"ListItem","position":2,"name":"Works","item":"https:\/\/welitonmartins.com\/pt-br\/works\/"},{"@type":"ListItem","position":3,"name":"Transformando Design System em intelig\u00eancia operacional para produto e engenharia"}]},{"@type":"WebSite","@id":"https:\/\/welitonmartins.com\/pt-br\/#website","url":"https:\/\/welitonmartins.com\/pt-br\/","name":"Weliton Martins","description":"Product Designer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/welitonmartins.com\/pt-br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"}]}},"_links":{"self":[{"href":"https:\/\/welitonmartins.com\/pt-br\/wp-json\/wp\/v2\/works\/756","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/welitonmartins.com\/pt-br\/wp-json\/wp\/v2\/works"}],"about":[{"href":"https:\/\/welitonmartins.com\/pt-br\/wp-json\/wp\/v2\/types\/works"}],"author":[{"embeddable":true,"href":"https:\/\/welitonmartins.com\/pt-br\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/welitonmartins.com\/pt-br\/wp-json\/wp\/v2\/works\/756\/revisions"}],"predecessor-version":[{"id":809,"href":"https:\/\/welitonmartins.com\/pt-br\/wp-json\/wp\/v2\/works\/756\/revisions\/809"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/welitonmartins.com\/pt-br\/wp-json\/wp\/v2\/media\/719"}],"wp:attachment":[{"href":"https:\/\/welitonmartins.com\/pt-br\/wp-json\/wp\/v2\/media?parent=756"}],"wp:term":[{"taxonomy":"expertise","embeddable":true,"href":"https:\/\/welitonmartins.com\/pt-br\/wp-json\/wp\/v2\/expertise?post=756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}