Jéssica Bortolan
11 de agosto de 2026
Publicado em 11 de agosto de 2026
Um consentimento que fizesse sentido: redesenhando a experiência de cookies
Um consentimento que fizesse sentido: redesenhando a experiência de cookies
Todo mundo já clicou em "Aceitar todos" sem ler nada. O problema é quando o próprio design é feito pra isso acontecer. Foi o que encontrei quando comecei a olhar com mais atenção pro nosso componente de cookies: um banner que existia, tecnicamente, pra pedir consentimento, mas que na prática guiava o usuário pra um único caminho.
Contexto
O banner de cookies em produção tinha oportunidades claras de melhoria: a informação estava técnica demais para o usuário comum, e alguns pontos do fluxo não estavam totalmente alinhados com a LGPD. Revisei o componente completo — banner inicial, painel de gestão e a seção de cookies da Política de Privacidade — com dois objetivos em paralelo: tornar a informação mais clara e fácil de entender, e garantir consentimento válido, com paridade real de escolha entre aceitar e rejeitar.
O banner de cookies em produção tinha oportunidades claras de melhoria: a informação estava técnica demais para o usuário comum, e alguns pontos do fluxo não estavam totalmente alinhados com a LGPD. Revisei o componente completo — banner inicial, painel de gestão e a seção de cookies da Política de Privacidade — com dois objetivos em paralelo: tornar a informação mais clara e fácil de entender, e garantir consentimento válido, com paridade real de escolha entre aceitar e rejeitar.
Antes de desenhar, entendi o que a lei realmente pede
Antes de desenhar qualquer tela, mapeei os requisitos legais que o componente precisava atender:
a definição de consentimento do Art. 5º, XII da LGPD (manifestação livre, informada e inequívoca);
o consentimento como base legal do Art. 7º, I;
o direito de informação clara do Art. 9º, e o princípio da transparência do Art. 6º, VI.
Também usei como referência o Guia Orientativo "Cookies e Proteção de Dados Pessoais", publicado pela ANPD em outubro de 2022, que recomenda um botão de rejeição com o mesmo destaque visual do de aceite.
Antes de desenhar qualquer tela, mapeei os requisitos legais que o componente precisava atender:
a definição de consentimento do Art. 5º, XII da LGPD (manifestação livre, informada e inequívoca);
o consentimento como base legal do Art. 7º, I;
o direito de informação clara do Art. 9º, e o princípio da transparência do Art. 6º, VI.
Também usei como referência o Guia Orientativo "Cookies e Proteção de Dados Pessoais", publicado pela ANPD em outubro de 2022, que recomenda um botão de rejeição com o mesmo destaque visual do de aceite.
Problema #01: Consentimento implícito por navegação
O texto original insinuava que continuar navegando já significava consentimento ("...você declara estar ciente dessas condições"). Isso fere diretamente o Art. 5º, XII: consentimento não pode ser presumido, precisa ser uma manifestação inequívoca do usuário. Reescrevi o texto para tornar a ação explícita: "você pode aceitar, rejeitar ou gerenciar" as categorias de cookies.
O texto original insinuava que continuar navegando já significava consentimento ("...você declara estar ciente dessas condições"). Isso fere diretamente o Art. 5º, XII: consentimento não pode ser presumido, precisa ser uma manifestação inequívoca do usuário. Reescrevi o texto para tornar a ação explícita: "você pode aceitar, rejeitar ou gerenciar" as categorias de cookies.
Problema #02: Assimetria entre aceitar e rejeitar
"Aceitar todos" era um botão grande; "Rejeitar todos" era um link discreto — um dark pattern clássico que empurra o usuário para o aceite. Isso compromete o caráter livre do consentimento (Art. 5º, XII) e vai contra a recomendação explícita da ANPD de paridade entre as opções. Redesenhei as três ações — Rejeitar, Gerenciar, Aceitar todos — com o mesmo peso visual.
"Aceitar todos" era um botão grande; "Rejeitar todos" era um link discreto — um dark pattern clássico que empurra o usuário para o aceite. Isso compromete o caráter livre do consentimento (Art. 5º, XII) e vai contra a recomendação explícita da ANPD de paridade entre as opções. Redesenhei as três ações — Rejeitar, Gerenciar, Aceitar todos — com o mesmo peso visual.
Versão antiga
Versão antiga
Versão nova
Versão nova
Problema #03: Complexidade visual do painel
O painel expunha uma tabela técnica por cookie (Serviços, Finalidade, Validade, Nome, Fornecedor) direto para o usuário comum, o que ia contra o próprio espírito do Art. 9º: informação precisa existir, mas de forma clara e facilmente compreensível, não só tecnicamente completa. Levantei o que realmente importava decidir naquele momento e criei cards por categoria, com nome e descrição objetiva — o detalhe técnico foi movido para a Política de Privacidade, que é o local correto para atender à exigência de informação completa do Art. 9º sem sobrecarregar a decisão do usuário.
O painel expunha uma tabela técnica por cookie (Serviços, Finalidade, Validade, Nome, Fornecedor) direto para o usuário comum, o que ia contra o próprio espírito do Art. 9º: informação precisa existir, mas de forma clara e facilmente compreensível, não só tecnicamente completa. Levantei o que realmente importava decidir naquele momento e criei cards por categoria, com nome e descrição objetiva — o detalhe técnico foi movido para a Política de Privacidade, que é o local correto para atender à exigência de informação completa do Art. 9º sem sobrecarregar a decisão do usuário.
Problema #04: Categoria "Não classificados" exposta ao usuário
Essa categoria aparecia como opção selecionável, admitindo publicamente que a empresa não sabia a finalidade de parte dos cookies coletados — um problema direto de finalidade específica (Art. 9º, I) e do princípio da adequação (Art. 6º, II). Removi a categoria da interface. A correção real não é uma correção de UI: é o time técnico reclassificar os cookies pendentes nas categorias verdadeiras.
Essa categoria aparecia como opção selecionável, admitindo publicamente que a empresa não sabia a finalidade de parte dos cookies coletados — um problema direto de finalidade específica (Art. 9º, I) e do princípio da adequação (Art. 6º, II). Removi a categoria da interface. A correção real não é uma correção de UI: é o time técnico reclassificar os cookies pendentes nas categorias verdadeiras.
Problema #05: Ausência de consentimento granular
Só existia "Salvar configurações", sem opção simétrica de rejeitar tudo dentro do próprio painel. Isso contraria a vedação a consentimentos genéricos do Art. 8º, §4º, que exige que a manifestação de vontade se refira a finalidades determinadas. Adicionei os botões "Rejeitar não essenciais" e "Salvar", cobrindo tanto a rejeição total quanto a escolha granular por categoria.
Só existia "Salvar configurações", sem opção simétrica de rejeitar tudo dentro do próprio painel. Isso contraria a vedação a consentimentos genéricos do Art. 8º, §4º, que exige que a manifestação de vontade se refira a finalidades determinadas. Adicionei os botões "Rejeitar não essenciais" e "Salvar", cobrindo tanto a rejeição total quanto a escolha granular por categoria.
Versão antiga
Versão antiga
Versão nova
Versão nova
Problema #06: Cláusula de cookies genérica na Política de Privacidade
A política tinha uma frase solta sobre cookies, delegando tudo às configurações do navegador — insuficiente diante do direito de informação clara e adequada do Art. 9º. Reescrevi a seção com as quatro categorias, fornecedores, finalidades e prazos de validade, e um link direto para o painel "Gerenciar cookies", garantindo também o direito de revogação facilitada do Art. 8º, §5º.
A política tinha uma frase solta sobre cookies, delegando tudo às configurações do navegador — insuficiente diante do direito de informação clara e adequada do Art. 9º. Reescrevi a seção com as quatro categorias, fornecedores, finalidades e prazos de validade, e um link direto para o painel "Gerenciar cookies", garantindo também o direito de revogação facilitada do Art. 8º, §5º.
Problema #07: Falta de acesso público à Política de Privacidade
O usuário só via a política em dois momentos pontuais, sem conseguir consultá-la depois. Isso limitava o "livre acesso" às informações de tratamento previsto no Art. 9º. Criei páginas públicas para a Política de Privacidade e os Termos de Uso, disponíveis no rodapé do site a qualquer momento.
O usuário só via a política em dois momentos pontuais, sem conseguir consultá-la depois. Isso limitava o "livre acesso" às informações de tratamento previsto no Art. 9º. Criei páginas públicas para a Política de Privacidade e os Termos de Uso, disponíveis no rodapé do site a qualquer momento.
Versão nova
Versão nova
Problema #08: Componente desatualizado em relação ao design system atual
O componente antigo tinha sido criado em um momento anterior do produto e não passava por revisão desde então — cores, tipografia, espaçamentos e estilo dos elementos não correspondiam mais ao design system atual. Isso quebrava a consistência visual em um ponto sensível: um componente de compliance com aparência desatualizada passa a impressão errada justamente onde a confiança do usuário mais importa. Refiz o banner e o painel usando os tokens e componentes do design system vigente, garantindo que a experiência de cookies fosse indistinguível, visualmente, do restante do produto.
O componente antigo tinha sido criado em um momento anterior do produto e não passava por revisão desde então — cores, tipografia, espaçamentos e estilo dos elementos não correspondiam mais ao design system atual. Isso quebrava a consistência visual em um ponto sensível: um componente de compliance com aparência desatualizada passa a impressão errada justamente onde a confiança do usuário mais importa. Refiz o banner e o painel usando os tokens e componentes do design system vigente, garantindo que a experiência de cookies fosse indistinguível, visualmente, do restante do produto.
O resultado
O componente saiu de um fluxo que confundia mais do que informava pra uma experiência onde cada categoria de cookie é apresentada em linguagem simples, com hierarquia visual clara, e o usuário tem controle real sobre o que está aceitando. Como consequência direta dessa clareza, o fluxo também passou a atender de forma mais consistente aos princípios da LGPD: transparência, consentimento livre e informado, e finalidade específica.
O componente saiu de um fluxo que confundia mais do que informava pra uma experiência onde cada categoria de cookie é apresentada em linguagem simples, com hierarquia visual clara, e o usuário tem controle real sobre o que está aceitando. Como consequência direta dessa clareza, o fluxo também passou a atender de forma mais consistente aos princípios da LGPD: transparência, consentimento livre e informado, e finalidade específica.
O redesenho do sistema de cookies é um projeto real, desenvolvido durante minha atuação profissional como UI/UX Designer na Aires Digital.
O redesenho do sistema de cookies é um projeto real, desenvolvido durante minha atuação profissional como UI/UX Designer na Aires Digital.
Jéssica Bortolan
11 de agosto de 2026
Publicado em 11 de agosto de 2026