Desafio de UI Design – Website Redesign
Desafio de UI Design – Website

Redesign da Página de Regulamentos de Cibersegurança na União Europeia

Redesign da Página de Regulamentos de Cibersegurança na União Europeia

Ver Protótipo

Protótipo

Ver Protótipo

EU Compliance

EU Compliance

Cliente

Cliente

Confidencial

Confidencial

Função

Função

UI Designer

UI Designer

Softwares

Softwares

Figma

Figma, Miro,

Figma

Ano

Ano

2025

2025

Camila Proficio

Visão Geral do Projeto

Fui convidada a participar de um desafio de UI design proposto por uma das principais plataformas de escrow de software e continuidade em cibersegurança. O objetivo era redesenhar a landing page de “Regulamentos de Cibersegurança da UE”. A proposta principal consistia em melhorar o layout, a hierarquia visual e a interface como um todo, tornando a página pronta para produção e mais atrativa para o público-alvo.

O Briefing

A empresa solicitou que eu:

  • Redesenhasse a página “Regulamentos de Cibersegurança da UE” do site;

  • Focasse na melhoria da estrutura, clareza e usabilidade;

  • Me sentisse livre para romper com o estilo visual e identidade atual;

  • Entregasse um resultado que pudesse ser implementado diretamente em produção.

Minha Abordagem

1. Auditoria e Avaliação

Comecei avaliando a página atual com foco em:

  • Problemas na hierarquia da informação (blocos de conteúdo dispersos, falta de agrupamento visual);

  • Consistência visual (alguns elementos estavam estilizados em excesso ou competindo entre si);

  • Legibilidade e escaneabilidade ao longo das seções.

2. Objetivos

Criar uma interface moderna e confiável;

  • Melhorar o fluxo da informação e o agrupamento de conteúdos;

  • Utilizar uma direção visual voltada para tecnologia, refletindo a natureza da conformidade com a UE e a cibersegurança.

Desenvolvendo a Solução

Para melhorar a clareza, usabilidade e transmitir confiança ao público-alvo focado em cibersegurança, abordei o redesign com os seguintes princípios centrais:

Arquitetura da Informação Simplificada para Clareza Regulatória

Reorganizei o conteúdo em seções intuitivas, guiando os usuários pelos principais regulamentos da UE (como NIS2, DORA, GDPR, entre outros). Agrupei as informações por relevância e introduzi elementos visuais como ícones e cards para reduzir a carga cognitiva e facilitar a leitura dinâmica

Design Visual para Construção de Confiança

Adotei uma linguagem visual ousada, porém limpa, combinando áreas de CTA com alto contraste, uma estética moderna inspirada em cibersegurança (fundos escuros, ícones de escudo com efeito glow) e tipografia clara, tudo para transmitir autoridade e proteção de dados. O novo layout reforça visualmente o posicionamento da marca como referência em segurança.

Layout Orientado à Ação para Conversões B2B

Incorporei pontos de ação estratégicos ao longo da página, como botões para agendar uma consulta com especialistas, baixar roadmaps e acessar guias sobre regulamentações. As seções foram desenhadas com foco em tomadores de decisão, facilitando a compreensão de valor e incentivando a próxima ação.

Resultados

O design final oferece uma experiência mais clara e intuitiva para empresas que buscam se orientar quanto ao cumprimento dos regulamentos da União Europeia para Cibersegurança. Ao alinhar a hierarquia de conteúdo com a intenção do usuário e aplicar uma linguagem visual limpa e confiável, a nova interface transforma informações regulatórias complexas em insights acessíveis e acionáveis.

Principais competências demonstradas neste projeto:

  • Pensamento Sistêmico de UI: Desenvolvi um sistema de design escalável, com componentes consistentes e lógica de layout bem definida.

  • Estrutura de Conteúdo Focada em B2B: Estruturei a página com foco em profissionais, priorizando clareza, agrupamento de informações e CTAs orientados à tomada de decisão.

  • Interpretação do Briefing e Valor em UX: Conduzi um brief aberto para uma solução estratégica centrada no usuário, elevando a usabilidade e fortalecendo a autoridade da marca.

Este projeto também despertou um interesse ainda maior por plataformas de tecnologia em conformidade, storytelling de produtos B2B e boas práticas de landing pages no contexto SaaS e regulatório.

Vamos criar algo incrível juntos?

Entre em contato para conversarmos sobre seu projeto e juntos vamos desenvolver designs que conectam, inspiram e fazem a diferença.

© Camila Proficio, todos os direitos reservados

Vamos criar algo incrível juntos?

Entre em contato para conversarmos sobre seu projeto — e juntos vamos desenvolver designs que conectam, inspiram e fazem a diferença.

© Camila Proficio, todos os direitos reservados

Create a free website with Framer, the website builder loved by startups, designers and agencies.