{"id":153,"date":"2026-09-16T01:00:00","date_gmt":"2026-09-16T01:00:00","guid":{"rendered":"https:\/\/vitta.design\/blog\/?p=153"},"modified":"2026-09-07T18:15:23","modified_gmt":"2026-09-07T18:15:23","slug":"visual-law-na-pratica-como-a-embratur-transformou-normativos-em-ferramentas-de-trabalho","status":"publish","type":"post","link":"https:\/\/vitta.design\/blog\/visual-law-na-pratica-como-a-embratur-transformou-normativos-em-ferramentas-de-trabalho\/","title":{"rendered":"Visual Law na pr\u00e1tica: como a Embratur transformou normativos em ferramentas de trabalho"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Um documento jur\u00eddico pode estar correto, atualizado e dispon\u00edvel no canal oficial e, ainda assim, funcionar mal para quem precisa consult\u00e1-lo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esse foi um dos pontos centrais do projeto desenvolvido pelo Vitta para a Embratur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A Instru\u00e7\u00e3o Normativa e o Manual de Licita\u00e7\u00f5es reuniam informa\u00e7\u00f5es essenciais para diferentes p\u00fablicos da ag\u00eancia, com procedimentos, conceitos t\u00e9cnicos, prazos e orienta\u00e7\u00f5es importantes. O conte\u00fado existia. O desafio era tornar essa informa\u00e7\u00e3o mais f\u00e1cil de encontrar, compreender e usar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A partir de t\u00e9cnicas de <strong>Visual Law, Legal Design e Linguagem Simples<\/strong>, o projeto reorganizou esses normativos e criou novas formas de acesso ao conte\u00fado, inclusive por meio de p\u00e1ginas integradas ao site da Embratur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mais do que redesenhar documentos, o trabalho partiu de uma quest\u00e3o central:&nbsp;<strong>como transformar informa\u00e7\u00e3o jur\u00eddica complexa em uma ferramenta de consulta para o dia a dia?<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/manual-licitacoes-embratur-visual-law-vitta-1024x683.webp\" alt=\"\" class=\"wp-image-177\" srcset=\"https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/manual-licitacoes-embratur-visual-law-vitta-1024x683.webp 1024w, https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/manual-licitacoes-embratur-visual-law-vitta-300x200.webp 300w, https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/manual-licitacoes-embratur-visual-law-vitta-768x512.webp 768w, https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/manual-licitacoes-embratur-visual-law-vitta-1536x1024.webp 1536w, https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/manual-licitacoes-embratur-visual-law-vitta.webp 1620w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Vers\u00e3o Navegavel em Visual Law do Guia de Procedimentos Embratur<\/em><\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Experi\u00eancia de consulta<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A Instru\u00e7\u00e3o Normativa da Embratur re\u00fane diferentes tipos de instrumentos jur\u00eddicos, como contratos, conv\u00eanios, termos de parceria, memorandos de entendimento, acordos de confidencialidade e outros modelos utilizados pela ag\u00eancia.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">J\u00e1 o Manual de Licita\u00e7\u00f5es concentra defini\u00e7\u00f5es t\u00e9cnicas e procedimentos que podem chegar a v\u00e1rias etapas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para quem trabalha diretamente com esses conte\u00fados, a necessidade nem sempre \u00e9 ler o documento inteiro.&nbsp;Em muitos momentos, a pessoa precisa responder perguntas bastante espec\u00edficas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Qual procedimento devo seguir?<\/li>\n\n\n\n<li>Quais documentos preciso apresentar?<\/li>\n\n\n\n<li>Qual \u00e9 o pr\u00f3ximo passo?<\/li>\n\n\n\n<li>Qual prazo preciso observar?<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Quando informa\u00e7\u00f5es desse tipo est\u00e3o distribu\u00eddas em longos blocos de texto, a dificuldade n\u00e3o est\u00e1 necessariamente em compreender o Direito. Est\u00e1 em <strong>localizar rapidamente aquilo que importa naquele momento<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O pr\u00f3prio time jur\u00eddico da Embratur resumiu uma consequ\u00eancia dessa experi\u00eancia ao relatar que, anteriormente, as pessoas n\u00e3o tinham interesse em ler o material.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/embratur-legal-design-vitta-visual-law-1024x683.webp\" alt=\"\" class=\"wp-image-178\" srcset=\"https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/embratur-legal-design-vitta-visual-law-1024x683.webp 1024w, https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/embratur-legal-design-vitta-visual-law-300x200.webp 300w, https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/embratur-legal-design-vitta-visual-law-768x512.webp 768w, https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/embratur-legal-design-vitta-visual-law-1536x1024.webp 1536w, https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/embratur-legal-design-vitta-visual-law.webp 1620w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Passo a passo ilustrado do Guia de procedimentos Embratur em Visual Law<\/em><\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Visual Law come\u00e7a pela organiza\u00e7\u00e3o da informa\u00e7\u00e3o<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">No Vitta, o Visual Law n\u00e3o come\u00e7a pela escolha de cores, ilustra\u00e7\u00f5es ou \u00edcones&nbsp;e sim pela arquitetura da informa\u00e7\u00e3o.&nbsp;Antes de decidir como um conte\u00fado ser\u00e1 apresentado, \u00e9 preciso entender quem vai utiliz\u00e1-lo, o que essa pessoa procura e quais informa\u00e7\u00f5es precisam estar dispon\u00edveis primeiro,&nbsp;foi essa l\u00f3gica que orientou o projeto da Embratur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No Manual de Licita\u00e7\u00f5es, por exemplo, as modalidades de Licita\u00e7\u00e3o, Dispensa e Inexigibilidade passaram a ser organizadas em abas pr\u00f3prias.&nbsp;As diferen\u00e7as entre elas foram reunidas em uma tabela comparativa, permitindo visualizar rapidamente caracter\u00edsticas como natureza, competi\u00e7\u00e3o e situa\u00e7\u00f5es de utiliza\u00e7\u00e3o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Procedimentos extensos passaram a ser apresentados em timelines numeradas, prazos que antes estavam distribu\u00eddos em par\u00e1grafos ganharam fluxos visuais e&nbsp;conte\u00fados t\u00e9cnicos mais detalhados passaram a ficar dispon\u00edveis em acorde\u00f5es, que podem ser abertos quando o usu\u00e1rio precisa daquela informa\u00e7\u00e3o.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/embratur-vitta-visual-law-experiencia-do-usuario-1024x683.webp\" alt=\"\" class=\"wp-image-183\" srcset=\"https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/embratur-vitta-visual-law-experiencia-do-usuario-1024x683.webp 1024w, https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/embratur-vitta-visual-law-experiencia-do-usuario-300x200.webp 300w, https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/embratur-vitta-visual-law-experiencia-do-usuario-768x512.webp 768w, https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/embratur-vitta-visual-law-experiencia-do-usuario-1536x1024.webp 1536w, https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/embratur-vitta-visual-law-experiencia-do-usuario.webp 1620w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Cada recurso responde a uma necessidade diferente de consulta, como comparar, seguir uma sequ\u00eancia ou aprofundar uma informa\u00e7\u00e3o.<\/em><\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>O formato tamb\u00e9m faz parte da comunica\u00e7\u00e3o jur\u00eddica<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Outra decis\u00e3o importante do projeto foi n\u00e3o limitar os normativos aos formatos tradicionais.&nbsp;Al\u00e9m das vers\u00f5es em PDF e Word, o Manual de Licita\u00e7\u00f5es e a Instru\u00e7\u00e3o Normativa foram transformados em <strong>p\u00e1ginas integradas ao site da Embratur<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O formato digital ampliou as possibilidades de intera\u00e7\u00e3o com o conte\u00fado,&nbsp;o usu\u00e1rio pode navegar entre temas, abrir apenas os detalhes necess\u00e1rios, acompanhar procedimentos em sequ\u00eancia e visualizar prazos com mais clareza.&nbsp;Isso muda uma l\u00f3gica bastante comum na comunica\u00e7\u00e3o jur\u00eddica,&nbsp;em vez de entregar toda a informa\u00e7\u00e3o de uma s\u00f3 vez e esperar que o leitor encontre o que precisa, o conte\u00fado passa a oferecer <strong>diferentes caminhos de consulta<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A profundidade t\u00e9cnica continua dispon\u00edvel, mas n\u00e3o precisa ocupar o mesmo n\u00edvel de aten\u00e7\u00e3o o tempo inteiro,&nbsp;o pr\u00f3prio time jur\u00eddico da Embratur destacou o formato em site como um diferencial do projeto, justamente por ainda ser pouco comum em trabalhos de Visual Law.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/visual-law-vitta-embratur-design-da-informacao-1024x683.webp\" alt=\"\" class=\"wp-image-180\" srcset=\"https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/visual-law-vitta-embratur-design-da-informacao-1024x683.webp 1024w, https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/visual-law-vitta-embratur-design-da-informacao-300x200.webp 300w, https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/visual-law-vitta-embratur-design-da-informacao-768x512.webp 768w, https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/visual-law-vitta-embratur-design-da-informacao-1536x1024.webp 1536w, https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/visual-law-vitta-embratur-design-da-informacao.webp 1620w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>O formato digital permite criar diferentes n\u00edveis de aprofundamento sem retirar conte\u00fado t\u00e9cnico.<\/em><\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Da publica\u00e7\u00e3o ao uso: o resultado do projeto<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">No case da Embratur, recursos visuais, Linguagem Simples, arquitetura da informa\u00e7\u00e3o e tecnologia foram utilizados para transformar conte\u00fados complexos em ferramentas de consulta mais claras, sem retirar a precis\u00e3o jur\u00eddica necess\u00e1ria.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Manuais, pol\u00edticas, normativos e procedimentos n\u00e3o s\u00e3o apenas documentos que precisam ser publicados. Eles tamb\u00e9m s\u00e3o instrumentos de orienta\u00e7\u00e3o e gest\u00e3o da informa\u00e7\u00e3o.&nbsp;Por isso, o trabalho de comunica\u00e7\u00e3o jur\u00eddica n\u00e3o termina quando o texto \u00e9 aprovado. \u00c9 preciso pensar em como aquela informa\u00e7\u00e3o ser\u00e1 acessada, compreendida e utilizada pelas pessoas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esse \u00e9 um dos principais pap\u00e9is do Visual Law: n\u00e3o simplificar o Direito at\u00e9 retirar sua complexidade, mas organizar essa complexidade para que ela possa ser usada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Porque n\u00e3o basta a informa\u00e7\u00e3o jur\u00eddica existir.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Ela precisa funcionar para quem vai us\u00e1-la.<\/em><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"844\" src=\"https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/visual-law-embratur-pagina-interativa-vitta-1024x844.webp\" alt=\"\" class=\"wp-image-181\" srcset=\"https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/visual-law-embratur-pagina-interativa-vitta-1024x844.webp 1024w, https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/visual-law-embratur-pagina-interativa-vitta-300x247.webp 300w, https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/visual-law-embratur-pagina-interativa-vitta-768x633.webp 768w, https:\/\/vitta.design\/blog\/wp-content\/uploads\/2026\/09\/visual-law-embratur-pagina-interativa-vitta.webp 1311w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Sua organiza\u00e7\u00e3o tem informa\u00e7\u00f5es importantes que ainda s\u00e3o dif\u00edceis de consultar?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">O Vitta desenvolve projetos de <strong>Visual Law, Legal Design, Linguagem Simples e design da informa\u00e7\u00e3o<\/strong> para transformar conte\u00fados jur\u00eddicos complexos em experi\u00eancias mais claras, acess\u00edveis e funcionais.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se pol\u00edticas, manuais, normativos ou procedimentos concentram informa\u00e7\u00f5es importantes, mas ainda s\u00e3o dif\u00edceis de encontrar e utilizar, talvez seja hora de repensar n\u00e3o apenas o documento, mas toda a experi\u00eancia de acesso \u00e0 informa\u00e7\u00e3o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><a href=\"https:\/\/vitta.design\/#contato\" data-type=\"link\" data-id=\"https:\/\/vitta.design\/#contato\">Fale com o Vitta sobre seu projeto.<\/a><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Um documento jur\u00eddico pode estar correto, atualizado e dispon\u00edvel no canal oficial e, ainda assim, funcionar mal para quem precisa consult\u00e1-lo. Esse foi um dos&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-153","post","type-post","status-publish","format-standard","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/vitta.design\/blog\/wp-json\/wp\/v2\/posts\/153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vitta.design\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vitta.design\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vitta.design\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vitta.design\/blog\/wp-json\/wp\/v2\/comments?post=153"}],"version-history":[{"count":3,"href":"https:\/\/vitta.design\/blog\/wp-json\/wp\/v2\/posts\/153\/revisions"}],"predecessor-version":[{"id":184,"href":"https:\/\/vitta.design\/blog\/wp-json\/wp\/v2\/posts\/153\/revisions\/184"}],"wp:attachment":[{"href":"https:\/\/vitta.design\/blog\/wp-json\/wp\/v2\/media?parent=153"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vitta.design\/blog\/wp-json\/wp\/v2\/categories?post=153"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vitta.design\/blog\/wp-json\/wp\/v2\/tags?post=153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}