{"id":226,"date":"2023-07-02T22:28:44","date_gmt":"2023-07-02T22:28:44","guid":{"rendered":"https:\/\/portsergio.com\/?page_id=226"},"modified":"2025-07-16T13:49:50","modified_gmt":"2025-07-16T13:49:50","slug":"como-foi-nosso-processo-de-discovery-para-inciarmos-o-design-system","status":"publish","type":"page","link":"https:\/\/portsergio.com\/en\/como-foi-nosso-processo-de-discovery-para-inciarmos-o-design-system\/","title":{"rendered":"Como foi nosso processo de discovery para inciarmos o Design System"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:var(--awb-color3);border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1331.2px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div ><span class=\"fusion-imageframe imageframe-none imageframe-1 hover-type-none\" style=\"max-width:500px;\"><img decoding=\"async\" width=\"1200\" height=\"600\" title=\"ETIQUETA-3\" data-src=\"https:\/\/portsergio.com\/wp-content\/uploads\/2023\/07\/ETIQUETA-3.gif\" alt class=\"img-responsive wp-image-227 lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200\/600;\" \/><\/span><\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-0{width:100% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-0 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-0{width:100% !important;order : 0;}.fusion-builder-column-0 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-0{width:100% !important;order : 0;margin-top : 0px;}.fusion-builder-column-0 > .fusion-column-wrapper {margin-right : 1.92%;padding-bottom : 0px !important;margin-left : 1.92%;}}<\/style><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_2 1_2 fusion-flex-column fusion-flex-align-self-stretch\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;border-radius:16px 16px 16px 16px;background-color:var(--awb-color1);border-radius:16px 16px 16px 16px;overflow:hidden;padding: 32px 32px 32px 32px;\"><style type=\"text\/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-1{margin-top:10px!important; margin-right:0px!important;margin-bottom:15px!important;margin-left:0px!important;}}@media only screen and (max-width:640px) {.fusion-title.fusion-title-1{margin-top:10px!important; margin-right:0px!important;margin-bottom:10px!important; margin-left:0px!important;}}<\/style><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:10px;margin-right:0px;margin-bottom:15px;margin-left:0px;\"><h2 class=\"title-heading-left\" style=\"margin:0;\">Context<\/h2><\/div><div class=\"fusion-text fusion-text-1\"><p>Construir um backlog e roadmap para inciarmos o produto de Design System dentro de um modelo descentralizado de engenharia.<\/p>\n<\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-1{width:50% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-1 > .fusion-column-wrapper {padding-top : 32px !important;padding-right : 32px !important;margin-right : 3.84%;padding-bottom : 32px !important;padding-left : 32px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-1{width:50% !important;order : 0;}.fusion-builder-column-1 > .fusion-column-wrapper {margin-right : 3.84%;margin-left : 3.84%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-1{width:100% !important;order : 0;}.fusion-builder-column-1 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_2 1_2 fusion-flex-column fusion-flex-align-self-stretch\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;border-radius:16px 16px 16px 16px;background-color:var(--awb-color1);border-radius:16px 16px 16px 16px;overflow:hidden;padding: 32px 32px 32px 32px;\"><style type=\"text\/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-2{margin-top:10px!important; margin-right:0px!important;margin-bottom:15px!important;margin-left:0px!important;}}@media only screen and (max-width:640px) {.fusion-title.fusion-title-2{margin-top:10px!important; margin-right:0px!important;margin-bottom:10px!important; margin-left:0px!important;}}<\/style><div class=\"fusion-title title fusion-title-2 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:10px;margin-right:0px;margin-bottom:15px;margin-left:0px;\"><h2 class=\"title-heading-left\" style=\"margin:0;\">Team<\/h2><\/div><div class=\"fusion-text fusion-text-2\"><p>Atuei como Product Designer num modelo de engenharia descentralizada.<\/p>\n<\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-2{width:50% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-2 > .fusion-column-wrapper {padding-top : 32px !important;padding-right : 32px !important;margin-right : 3.84%;padding-bottom : 32px !important;padding-left : 32px !important;margin-left : 3.84%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-2{width:50% !important;order : 0;}.fusion-builder-column-2 > .fusion-column-wrapper {margin-right : 3.84%;margin-left : 3.84%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-2{width:100% !important;order : 0;}.fusion-builder-column-2 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-flex-container.fusion-builder-row-1{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}<\/style><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:var(--awb-color3);border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1331.2px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_5 1_5 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-3{width:20% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-3 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 9.6%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 9.6%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-3{width:20% !important;order : 0;}.fusion-builder-column-3 > .fusion-column-wrapper {margin-right : 9.6%;margin-left : 9.6%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-3{width:100% !important;order : 0;}.fusion-builder-column-3 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_3_5 3_5 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><style type=\"text\/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-3{margin-top:10px!important; margin-right:0px!important;margin-bottom:15px!important;margin-left:0px!important;}}@media only screen and (max-width:640px) {.fusion-title.fusion-title-3{margin-top:10px!important; margin-right:0px!important;margin-bottom:10px!important; margin-left:0px!important;}}<\/style><div class=\"fusion-title title fusion-title-3 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:10px;margin-right:0px;margin-bottom:15px;margin-left:0px;\"><h2 class=\"title-heading-left\" style=\"margin:0;\">Introdu\u00e7\u00e3o<\/h2><\/div><div class=\"fusion-text fusion-text-3\"><p>No passado, tivemos um Design System chamado Jake, que foi importante na \u00e9poca para a empresa. No entanto, devido \u00e0s condi\u00e7\u00f5es de tempo, neg\u00f3cios e pessoas, o sistema acabou sendo despriorizado. Hoje, ele n\u00e3o entrega mais valor e n\u00e3o \u00e9 considerado nas decis\u00f5es.<\/p>\n<p>Para otimizar nosso trabalho como Engenheiros de Software e Product Designers, iniciamos uma nova iniciativa de Design System separada do desenvolvimento dos produtos j\u00e1 existentes na empresa.<\/p>\n<p>Dada a relev\u00e2ncia do assunto, estamos buscando tornar o trabalho mais estrat\u00e9gico e alinhado com as perspectivas de neg\u00f3cio. Assim, conseguiremos ter uma cad\u00eancia e o apoio de outros tomadores de decis\u00e3o.<\/p>\n<p>Acreditamos que essa nova iniciativa de Design System ser\u00e1 fundamental para manter a consist\u00eancia visual e funcional dos nossos produtos, melhorar a experi\u00eancia do usu\u00e1rio e aumentar a efici\u00eancia do desenvolvimento de novas funcionalidades.<\/p>\n<p>Com isso, esperamos que a equipe de Engenharia e Design possa trabalhar de forma mais \u00e1gil e colaborativa, e que os resultados positivos possam ser percebidos em toda a empresa.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-251 lazyload\" data-src=\"https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/00.png\" alt=\"\" width=\"867\" height=\"454\" data-srcset=\"https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/00-18x9.png 18w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/00-200x105.png 200w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/00-300x157.png 300w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/00-400x209.png 400w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/00-600x314.png 600w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/00-768x402.png 768w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/00-800x419.png 800w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/00.png 867w\" data-sizes=\"(max-width: 867px) 100vw, 867px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 867px; --smush-placeholder-aspect-ratio: 867\/454;\" \/><\/p>\n<h2>Ciclo de vida do produto<\/h2>\n<p>Um Design System pode ser considerado um produto, pois \u00e9 criado com um prop\u00f3sito espec\u00edfico: fornecer uma estrutura consistente e padronizada para o design e desenvolvimento de um produto ou marca. Como qualquer outro produto, seu objetivo \u00e9 atender \u00e0s necessidades dos usu\u00e1rios e das equipes envolvidas no processo de desenvolvimento.<\/p>\n<p>Assim como outros produtos, ele tem um ciclo de vida pr\u00f3prio, passando por fases de planejamento, desenvolvimento, teste e manuten\u00e7\u00e3o cont\u00ednua.<\/p>\n<p>Ao estabelecer um ciclo de produto para o Design System, podemos garantir que ele seja um produto estrat\u00e9gico e alinhado com as perspectivas de neg\u00f3cio. Isso permite que a equipe trabalhe de forma mais eficiente, fornecendo uma base s\u00f3lida para o desenvolvimento de novas funcionalidades e aprimorando a experi\u00eancia do usu\u00e1rio em toda a empresa.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-250 lazyload\" data-src=\"https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/01.png\" alt=\"\" width=\"1376\" height=\"752\" data-srcset=\"https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/01-18x10.png 18w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/01-200x109.png 200w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/01-300x164.png 300w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/01-400x219.png 400w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/01-600x328.png 600w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/01-768x420.png 768w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/01-800x437.png 800w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/01-1024x560.png 1024w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/01-1200x656.png 1200w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/01.png 1376w\" data-sizes=\"(max-width: 1376px) 100vw, 1376px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1376px; --smush-placeholder-aspect-ratio: 1376\/752;\" \/><\/p>\n<h2>Entendimento do problema<\/h2>\n<p>Durante a etapa de pesquisa do processo de Discovery para o nosso produto de design system, dedicamos esfor\u00e7os para compreender de forma mais aprofundada as necessidades e dores dos nossos usu\u00e1rios, com o objetivo de criar um sistema de design que atendesse \u00e0s suas expectativas e os ajudasse a alcan\u00e7ar seus objetivos de forma mais eficiente.<\/p>\n<p>Utilizamos um formul\u00e1rio online para coletar informa\u00e7\u00f5es quantitativas e qualitativas sobre as dores e necessidades dos usu\u00e1rios. Essas ferramentas nos permitiram obter uma vis\u00e3o mais abrangente e identificar padr\u00f5es de comportamento e opini\u00f5es compartilhadas.<\/p>\n<p>Com base nesses esfor\u00e7os de pesquisa, fomos capazes de adquirir insights valiosos que nos permitiram construir um design system alinhado \u00e0s necessidades dos usu\u00e1rios e capaz de gerar valor para o time. Dividimos esses aprendizados em fatos e insights que posteriormente utilizamos para uma an\u00e1lise conjunta.<\/p>\n<h2><img decoding=\"async\" class=\"alignnone size-full wp-image-256 lazyload\" data-src=\"https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-3.png\" alt=\"\" width=\"945\" height=\"423\" data-srcset=\"https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-3-18x8.png 18w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-3-200x90.png 200w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-3-300x134.png 300w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-3-400x179.png 400w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-3-600x269.png 600w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-3-768x344.png 768w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-3-800x358.png 800w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-3.png 945w\" data-sizes=\"(max-width: 945px) 100vw, 945px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 945px; --smush-placeholder-aspect-ratio: 945\/423;\" \/><\/h2>\n<h2>Workshop de idea\u00e7\u00e3o<\/h2>\n<p>Ap\u00f3s termos conclu\u00eddo a fase de pesquisa detalhada, onde levantamos e sintetizamos os dados coletados, passamos para a pr\u00f3xima etapa do processo de Discovery: a Idea\u00e7\u00e3o. Nessa etapa, buscamos gerar ideias e solu\u00e7\u00f5es inovadoras para atender \u00e0s necessidades e dores identificadas durante a pesquisa, a fim de criar um design system que realmente agregue valor para os usu\u00e1rios e para o time de tecnologia.<\/p>\n<p>Para iniciar a etapa de Idea\u00e7\u00e3o, organizamos um workshop envolvendo o time de tecnologia. Essa abordagem colaborativa permitiu que todos os membros do time contribu\u00edssem com suas perspectivas e expertise, gerando um ambiente prop\u00edcio para a gera\u00e7\u00e3o de ideias criativas e solu\u00e7\u00f5es pr\u00e1ticas.<\/p>\n<p>Durante o workshop, utilizamos o Canvas de Proposta de Valor como uma ferramenta estruturada para guiar as discuss\u00f5es e delinear as principais dire\u00e7\u00f5es a serem exploradas. Optamos por utilizar o Canvas de Proposta de Valor porque ele oferece uma estrutura clara e abrangente para avaliar e desenvolver conceitos de valor para o nosso design system.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-255 lazyload\" data-src=\"https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-4.png\" alt=\"\" width=\"1917\" height=\"967\" data-srcset=\"https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-4-18x9.png 18w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-4-200x101.png 200w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-4-300x151.png 300w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-4-400x202.png 400w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-4-540x272.png 540w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-4-600x303.png 600w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-4-768x387.png 768w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-4-800x404.png 800w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-4-1024x517.png 1024w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-4-1200x605.png 1200w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-4-1536x775.png 1536w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-4.png 1917w\" data-sizes=\"(max-width: 1917px) 100vw, 1917px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1917px; --smush-placeholder-aspect-ratio: 1917\/967;\" \/><\/p>\n<p>Com base nos dados concretos obtidos durante a fase de pesquisa, preenchemos o Canvas de Proposta de Valor com informa\u00e7\u00f5es relevantes relacionadas \u00e0s dores, ganhos e tarefas dos usu\u00e1rios. Isso nos proporcionou uma vis\u00e3o clara e detalhada das necessidades que nosso design system deve atender.<\/p>\n<p>Durante o workshop, focamos principalmente na idea\u00e7\u00e3o de solu\u00e7\u00f5es que aliviassem as dores identificadas e criassem ganhos significativos para os usu\u00e1rios. Exploramos diferentes abordagens, t\u00e9cnicas e funcionalidades que poderiam ser incorporadas ao design system para melhorar a efici\u00eancia, a colabora\u00e7\u00e3o e a experi\u00eancia do usu\u00e1rio.<\/p>\n<p>Ao longo das discuss\u00f5es e atividades de brainstorming, incentivamos a contribui\u00e7\u00e3o de todos os membros do time, estimulando a diversidade de perspectivas e a busca por solu\u00e7\u00f5es inovadoras.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-253 lazyload\" data-src=\"https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-6.png\" alt=\"\" width=\"1918\" height=\"967\" data-srcset=\"https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-6-18x9.png 18w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-6-200x101.png 200w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-6-300x151.png 300w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-6-400x202.png 400w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-6-540x272.png 540w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-6-600x303.png 600w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-6-768x387.png 768w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-6-800x403.png 800w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-6-1024x516.png 1024w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-6-1200x605.png 1200w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-6-1536x774.png 1536w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-6.png 1918w\" data-sizes=\"(max-width: 1918px) 100vw, 1918px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1918px; --smush-placeholder-aspect-ratio: 1918\/967;\" \/><\/p>\n<p>Vale ressaltar que durante o levantamento de dados e an\u00e1lise estruturamos nossas decis\u00f5es se baseando nas dimens\u00f5es que uma tarefa possa ser realizada atrav\u00e9s de uma raz\u00e3o funcional, emocional e social. Isto \u00e9 uma abordagem vinda do\u00a0<a href=\"https:\/\/medium.com\/jtbd\/o-que-%C3%A9-jobs-to-be-done-283c7d1ca49e\" target=\"_blank\" rel=\"noopener\">Jobs to be done<\/a>. Deixo uma\u00a0<a href=\"https:\/\/medium.com\/jtbd\/social-emocional-e-funcional-os-tr%C3%AAs-tipos-de-jobs-46482b57344e\" target=\"_blank\" rel=\"noopener\">refer\u00eancia aqui bem legal sobre o assunto<\/a>.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-254 lazyload\" data-src=\"https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-5.png\" alt=\"\" width=\"1696\" height=\"723\" data-srcset=\"https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-5-18x8.png 18w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-5-200x85.png 200w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-5-300x128.png 300w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-5-400x171.png 400w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-5-600x256.png 600w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-5-768x327.png 768w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-5-800x341.png 800w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-5-940x400.png 940w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-5-1024x437.png 1024w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-5-1200x512.png 1200w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-5-1536x655.png 1536w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-5.png 1696w\" data-sizes=\"(max-width: 1696px) 100vw, 1696px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1696px; --smush-placeholder-aspect-ratio: 1696\/723;\" \/><\/p>\n<h2>M\u00e3o na massa!<\/h2>\n<p>Este processo \u00e9 importante para entendermos a dimens\u00e3o do que estamos trabalhando e como podemos construir algo que n\u00e3o s\u00f3 atenda as necessidades do time, mas que tamb\u00e9m ande atrelado aos indicadores de neg\u00f3cios da empresa.<\/p>\n<p>Hoje estamos num modelo federado de time, deixo aqui um\u00a0<a href=\"https:\/\/medium.com\/eightshapes-llc\/team-models-for-scaling-a-design-system-2cf9d03be6a0\" target=\"_blank\" rel=\"noopener\">artigo com os modelos de times<\/a>\u00a0de design system) com encontros recorrentes com todos os interessados para levar pra frente nossa vis\u00e3o, por isso estipulamos muito mais sobre como queremos tocar do que divis\u00f5es por sprints e cadencias de entreg\u00e1veis, estamos tornando o trabalho com pontos focais centralizados na guilda mas que ser\u00e1 parte da cultura dos times de forma geral.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-252 lazyload\" data-src=\"https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-7.png\" alt=\"\" width=\"1920\" height=\"974\" data-srcset=\"https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-7-18x9.png 18w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-7-200x101.png 200w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-7-300x152.png 300w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-7-400x203.png 400w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-7-600x304.png 600w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-7-768x390.png 768w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-7-800x406.png 800w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-7-1024x519.png 1024w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-7-1200x609.png 1200w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-7-1536x779.png 1536w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Untitled-7.png 1920w\" data-sizes=\"(max-width: 1920px) 100vw, 1920px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920\/974;\" \/><\/p>\n<p>Desenhamos como seria nosso plano de a\u00e7\u00e3o para a entrega do nosso MVP, para quais produtos, como iriamos fazer e priorizar.<\/p>\n<p>Os pr\u00f3ximos passos disso, e os detalhamentos t\u00e9cnicos deixo para um pr\u00f3ximo artigo, mas deixo uma imagem representando um pouco dos nossos tokens de cores p\u00f3s nossas revis\u00f5es enquanto time de tecnologia.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-258 lazyload\" data-src=\"https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Screenshot_2023-06-07_at_09.29.39.png\" alt=\"\" width=\"2844\" height=\"1548\" data-srcset=\"https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Screenshot_2023-06-07_at_09.29.39-18x10.png 18w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Screenshot_2023-06-07_at_09.29.39-200x109.png 200w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Screenshot_2023-06-07_at_09.29.39-300x163.png 300w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Screenshot_2023-06-07_at_09.29.39-400x218.png 400w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Screenshot_2023-06-07_at_09.29.39-600x327.png 600w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Screenshot_2023-06-07_at_09.29.39-768x418.png 768w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Screenshot_2023-06-07_at_09.29.39-800x435.png 800w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Screenshot_2023-06-07_at_09.29.39-1024x557.png 1024w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Screenshot_2023-06-07_at_09.29.39-1200x653.png 1200w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Screenshot_2023-06-07_at_09.29.39-1536x836.png 1536w, https:\/\/portsergio.com\/wp-content\/uploads\/2023\/09\/Screenshot_2023-06-07_at_09.29.39.png 2844w\" data-sizes=\"(max-width: 2844px) 100vw, 2844px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2844px; --smush-placeholder-aspect-ratio: 2844\/1548;\" \/><\/p>\n<p>Esse foi s\u00f3 o comecinho de algo grande! quero deixar um super agradecimento especial ao time de engenharia por estar levando no peito essa inciativa de forma org\u00e2nica #luisao #Kpelo #Z\u00e9 #Let #Cat #Raul #James e todo o time de Design pelo suporte di\u00e1rio, principalmente a #Gi por todo acompanhamento &lt;3<\/p>\n<\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-4{width:60% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-4 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 3.2%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 3.2%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-4{width:60% !important;order : 0;}.fusion-builder-column-4 > .fusion-column-wrapper {margin-right : 3.2%;margin-left : 3.2%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-4{width:100% !important;order : 0;}.fusion-builder-column-4 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_5 1_5 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-5{width:20% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-5 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 9.6%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 9.6%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-5{width:20% !important;order : 0;}.fusion-builder-column-5 > .fusion-column-wrapper {margin-right : 9.6%;margin-left : 9.6%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-5{width:100% !important;order : 0;}.fusion-builder-column-5 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-flex-container.fusion-builder-row-2{ padding-top : 0px;margin-top : 64px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 64px;padding-left : 0px;}<\/style><\/div><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":239,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-226","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/portsergio.com\/en\/wp-json\/wp\/v2\/pages\/226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portsergio.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portsergio.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portsergio.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portsergio.com\/en\/wp-json\/wp\/v2\/comments?post=226"}],"version-history":[{"count":0,"href":"https:\/\/portsergio.com\/en\/wp-json\/wp\/v2\/pages\/226\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/portsergio.com\/en\/wp-json\/wp\/v2\/media\/239"}],"wp:attachment":[{"href":"https:\/\/portsergio.com\/en\/wp-json\/wp\/v2\/media?parent=226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}