MindAwarePlataforma de Conscientização em Cibersegurança, Simulação de Phishing e Gestão de Vulnerabilidades

Duração Setembro 2023 – Dezembro 2025
Papel UX/UI Designer
Ferramentas Figma, FigJam, UI Specs, Admin Analytics Specs
Serviços UX Strategy, Micro-interações, Gamificação, Admin Analytics
Mindaware Banner Principal - Painéis de Análise de Cibersegurança e Gamificação
Contexto

Visão Geral do Projeto

Como UX/UI Designer na Mindaware (HSC), atuei em equipe no redesenho e concepção de soluções UX/UI para uma plataforma corporativa de conscientização em cibersegurança, colaborando ativamente para engajar colaboradores e transformar o comportamento das empresas frente a ameaças digitais.

O ecossistema Mindaware combina simulações automatizadas de phishing, módulos interativos de aprendizagem e painéis analíticos avançados para gestores de TI e CISOs, estruturado em duas verticais: MindAware 360 (programas contínuos de conscientização) e MindAware Experience (jornadas aceleradas de 30 dias).

Minha missão foi erradicar o formato engessado e chato dos treinamentos corporativos tradicionais, redesenhando a interface para ser gamificada, leve e focada em micro-interações — oferecendo também aos administradores relatórios comportamentais em tempo real para identificar quais colaboradores e setores são os mais seguros ou vulneráveis.

Declaração do problema

O Desafio e Objetivos

O Desafio

O treinamento corporativo de cibersegurança é notoriamente visto como algo "chato" e burocrático. Na Mindaware, observamos que os usuários começavam os módulos obrigatoriamente, mas abandonavam na metade por conta da fadiga cognitiva provocada por conteúdos longos, monótonos e sem feedback de evolução.

O Objetivo

Redesenhar a interface e a arquitetura de aprendizagem focando em micro-interações e trilhas curtas (microlearning), aplicando barras de avanço visuais e feedback imediato de progresso (+35% na taxa de conclusão de cursos). Simultaneamente, estruturar um dashboard intuitivo para administradores realizarem simulações de phishing e gerarem relatórios de vulnerabilidade por setor/colaborador (-40% no tempo de gestão de campanhas).

Metodologia

Design Process

Para reestruturar a plataforma Mindaware com alto engajamento dos colaboradores e precisão analítica para os administradores, conduzi o processo criativo guiado pela metodologia de Design Thinking dividida em 5 etapas iterativas: Empathize, Define, Ideate, Prototype e Test.

Esquema do Processo de Design Thinking (Empathize, Define, Ideate, Prototype, Test)
Empatia

Análise Competitiva de Mercado

Para identificar padrões do setor de segurança da informação e oportunidades de diferenciação em engajamento corporativo, analisei quatro grandes plataformas concorrentes:

KnowBe4
Enterprise Awareness
Pontos Fortes
  • Ampla biblioteca internacional de conteúdos de segurança
  • Integrações maduras com diretórios corporativos (Active Directory)
Pontos Fracos
  • Interface ultrapassada e poluída com fluxos confusos
  • Módulos longos e cansativos que geram alta taxa de abandono
Enterprise Legacy UI
PhishProof
Phishing Simulator
Pontos Fortes
  • Simulações de phishing altamente customizáveis
  • Relatórios detalhados de métricas de entrega de e-mails
Pontos Fracos
  • Configuração de campanhas complexa para gestores de TI
  • Ausência de elementos visuais de gamificação para o colaborador
Phishing No Gamification
Proofpoint Awareness
Security Suite
Pontos Fortes
  • Integração nativa com ecossistemas de e-mail corporativo
  • Trilhas de conformidade (compliance) estruturadas
Pontos Fracos
  • Onboarding rígido com alta fricção de navegação
  • Pouca clareza visual nos gráficos de risco individual
Compliance Rigid Flow
Hoxhunt
Gamified Microlearning
Pontos Fortes
  • Gamificação dinâmica focada em feedback imediato
  • Micro-desafios integrados à rotina de trabalho
Pontos Fracos
  • Custo de implementação elevado para médias empresas
  • Dashboards administrativos com menos detalhes em relatórios por setor
Microlearning High Cost
Pesquisa de usuário

Entrevistas e Achados Chave

Realizei pesquisas qualitativas com colaboradores e entrevistas profundas com CISOs e gestores de TI para mapear os gargalos de treinamentos de cibersegurança:

82%

Abandono Massivo em Treinamentos Longos

82% dos colaboradores relataram que vídeos ou apresentações de segurança com mais de 15 minutos causavam desatenção severa. A ausência de fragmentação do conteúdo transformava a conscientização em uma obrigação burocrática rápida de ser burlada. E para resolver isso, reestruturamos o conteúdo em pílulas curtas de 3 a 5 minutos (microlearning), eliminando a fadiga mental e permitindo concluir os módulos sem interromper a rotina de trabalho.

78%

Falta de Sensação de Evolução e Reconhecimento

78% dos usuários sentiam desmotivação por não visualizarem seu progresso. Interfaces sem barras de avanço claras, micro-interações gratificantes (badges/conquistas) ou mensagens de sucesso não geravam o gatilho emocional necessário para continuar. E para resolver isso, implementamos barras de progresso vibrantes, micro-interações gratificantes e conquistas visuais (badges) ao final de cada módulo, gerando engajamento e sensação de evolução.

85%

Dificuldade para Identificar Colaboradores Vulneráveis

85% dos administradores de TI perdiam horas tentando cruzar quem clicava em e-mails de phishing simulado com quem precisava de treinamento de reforço. A falta de gráficos consolidados por setor impedia ações preventivas ágeis. E para resolver isso, desenvolvemos um dashboard de gestão de risco em tempo real que mapeia a maturidade de cibersegurança da empresa com a Matriz Quadrante Mindaware.

Arquétipos de usuários

Personas de Usuário

Juliana Paes
Juliana Paes
28, Analista Financeira Corporativa
São Paulo, SP
"Não tenho tempo para assistir a vídeos de 30 minutos sobre segurança no meio da minha rotina. Preciso de conteúdos rápidos, dinâmicos e que me mostrem claramente que estou evoluindo."
Sobre

Juliana trabalha no setor financeiro de uma grande empresa e lida com e-mails diariamente. Quer aprender a identificar golpes digitais sem ter que pausar suas entregas de trabalho por muito tempo.

Objetivos Principais
  • Concluir treinamentos em pílulas curtas (microlearning) de 3 a 5 minutos
  • Acompanhar o progresso pessoal com barras visuais e recompensas
  • Aprender na prática a reconhecer e-mails de phishing reais
Dores e Frustrações
  • Treinamentos longos e teóricos que geram extrema fadiga mental
  • Interfaces frias e burocráticas sem qualquer feedback de conquista
Motivações
Micro-aprendizagem Rápida
Gratificação Visual e Badges
Segurança no Trabalho
Fernando Mendes
Fernando Mendes
41, CISO e Gerente de Segurança da Informação
Rio de Janeiro, RJ
"Preciso disparar campanhas de phishing simulado com 2 cliques e ver exatamente no dashboard quais departamentos clicaram e quais colaboradores precisam de reforço de conscientização."
Sobre

Fernando é responsável pela segurança cibernética de mais de 1.500 colaboradores. Necessita de relatórios gerenciais claros, métricas de vulnerabilidade automatizadas e dashboards em tempo real para apresentar à diretoria.

Objetivos Principais
  • Gerar relatórios comportamentais de vulnerabilidade por setor/colaborador
  • Criar e agendar simulações de phishing automatizadas sem esforço manual
  • Acompanhar a evolução da cultura de segurança da empresa em tempo real
Dores e Frustrações
  • Relatórios manuais em planilhas dispersas que exigem horas de compilação
  • Falta de visibilidade sobre quem são os colaboradores mais críticos e expostos
Motivações
Automação de Relatórios
Métricas em Tempo Real
Redução do Risco Humano
Estrutura de ideação

POV e Como Podemos (HMW)

POV 01 · Aprendizagem e Gamificação

Colaboradores corporativos precisam de conteúdos fragmentados em micro-doses e gratificação visual contínua para manter a atenção e concluir os módulos de cibersegurança.

HMW 01 (+35% Conclusão)

Como podemos reestruturar a interface em trilhas curtas de microlearning com barras de avanço vibrantes e feedback imediato de progresso para aumentar a conclusão dos cursos em 35%?

POV 02 · Painel de Gestão Admin

CISOs e administradores de TI precisam de dashboards sintéticos com métricas claras de colaboradores vulneráveis e seguros para direcionar ações preventivas sem perder tempo.

HMW 02 (-40% Tempo Admin)

Como podemos desenhar um painel administrativo intuitivo de simulações de phishing e relatórios automáticos de risco por setor para reduzir o tempo de gestão de campanhas em 40%?

POV 03 · Simulação de Phishing Educativa

Colaboradores que caem em simulações de phishing precisam de feedback educativo imediato no momento do clique, convertendo o erro em aprendizado instantâneo.

HMW 03 (-50% Vulnerabilidade)

Como podemos integrar um fluxo de feedback imediato pós-clique simulado para engajar o colaborador na trilha de correção e reduzir a vulnerabilidade a ataques reais em 50%?

Alinhamento estratégico

Matriz de Objetivos do Projeto

Objetivos de Negócio

  • Elevar a taxa de conclusão de treinamentos de 45% para +80% (+35% de ganho)
  • Reduzir a taxa de vulnerabilidade a phishing em empresas em mais de 50%
  • Reduzir em 40% o tempo gasto por administradores de TI em relatórios e campanhas

Objetivos do Usuário

  • Concluir módulos interativos em pílulas curtas de 3 a 5 minutos
  • Visualizar barras de progresso dinâmicas e receber recompensas visuais
  • Aprender na prática como identificar e-mails suspeitos de phishing

Considerações Técnicas

  • Desenvolvimento de componentes modulares de relatórios e gamificação no Figma
  • Suporte a exportação automática de relatórios em PDF/CSV para auditorias
  • Arquitetura de dados em tempo real sincronizada entre campanhas e treinos
Arquitetura

User Flow

Mapeei o resumo do User Flow com o fluxo principal para melhor entendimento da experiência em cibersegurança: o envio de simulação de phishing, a identificação em 1-clique pelo colaborador via plugin e a atualização de score gamificado no dashboard SecOps.

User Flow Diagram Mindware Phishing & Gamification
Design System

Identidade Visual

Criei o Design System da Mindaware unindo tons de azul corporativo e verde cyber para transmitir segurança e inovação, com contraste acessível para leitura de dados e badges com estética modernista e motivacional.

Paleta de Cores e Tokens

#45bbef Cyan Blue
100 200 300 400 500 600 700 800 900
#1754ce Royal Blue
100 200 300 400 500 600 700 800 900
#593ce5 Electric Indigo
100 200 300 400 500 600 700 800 900
#070f68 Deep Navy
100 200 300 400 500 600 700 800 900
#212223 Preto / Neutro
100 200 300 400 500 600 700 800 900
#10B981 Success
100 200 300 400 500 600 700 800 900
#F59E0B Warning
100 200 300 400 500 600 700 800 900
#EF4444 Error
100 200 300 400 500 600 700 800 900
Tipografia oficial
Maven Pro e Open Sans
As tipografias oficiais da Mindaware são a Maven Pro (para títulos e destaque visual) e Open Sans (para leitura contínua do corpo de texto), escolhidas por sua alta legibilidade em telas com densidade de dados e estética moderna.
Headline 1
Font Maven Pro
Weight Bold (700)
Size 64px
Letter spacing -1.5px
Headline 2
Font Maven Pro
Weight SemiBold (600)
Size 48px
Letter spacing -1px
Headline 3
Font Maven Pro
Weight SemiBold (600)
Size 32px
Letter spacing -0.5px
Headline 4
Font Maven Pro
Weight Medium (500)
Size 24px
Letter spacing 0px
Paragraph — O rápido mocho-galego voa sobre o vale à noite, explorando a interface.
Font Open Sans
Weight Regular (400)
Size 16px
Letter spacing 0px
Small / Caption — Microcopy e Badges de Notificação
Font Open Sans
Weight SemiBold (600)
Size 13px
Letter spacing 0.5px

Espaçamento

4px | Detalhes space-1
8px | Padding apertado space-2
12px | Padding interno space-3
16px | Padding padrão space-4
24px | Relacionados space-5
32px | Card space-6
48px | Blocos space-7
64px | Seções space-8
96px | Espaços Seções space-9
128px | Espaços Hero space-10

Raio de Borda

4px | Tags e Chips radius-xs
8px | Inputs e Campos radius-sm
12px | Botões, Cards, Tooltips e Dropdowns radius-md
16px | Cards Principais e Modais radius-lg
24px | Containers grandes e destaques radius-xl
999px | Badges circulares e pills radius-full
Design visual e protótipo

Protótipos das Telas

As telas finais apresentaram um painel administrativo poderoso e uma experiência de aprendizado vibrante, transformando a conscientização em cibersegurança em um processo leve, gamificado e mensurável:

Visão Geral do Dashboard Principal Mindaware

Dashboard Admin e Relatórios de Risco – Visão consolidada em tempo real dos colaboradores e setores mais vulneráveis vs. mais seguros.

Tela de Microlearning Gamificado

Trilha Gamificada de Microlearning – Módulos curtos de 3 minutos com barras de avanço vibrantes e feedback de progresso.

Tela de Relatórios de Vulnerabilidades por Setor

Relatórios Comportamentais por Setor – Métricas visuais claras para apoiar decisões preventivas do CISO sem compilações manuais.

Tela de Simulação de Phishing Automatizada

Simulador de Phishing Educativo – Disparo de campanhas automatizadas com momentos de ensino imediato pós-clique.

Tela de Conquistas e Insígnias do Colaborador

Sistema de Badges e Recompensas – Micro-interações motivacionais que transformam o aprendizado em um ritual leve.

Tela Mobile Responsiva Mindaware

Interface Mobile Responsiva – Experiência fluida adaptada para smartphones corporativos com leitura de dados otimizada.

Validação de métricas

Impacto Real

O novo design da plataforma Mindaware foi validado com colaboradores corporativos e gestores de segurança da informação em cenários reais de uso, alcançando marcas expressivas de engajamento:

+35%
Conclusão de Cursos
Interface gamificada e microlearning
-40%
Tempo de Gestão Admin
Relatórios e campanhas automatizadas
-50%
Cliques em Phishing Real
Feedback imediato e simulações
"A mudança para trilhas curtas e barras de progresso visuais foi sensacional. Os colaboradores pararam de reclamar e começaram a concluir os módulos no mesmo dia em que eram lançados."
"Como CISO, o dashboard de vulnerabilidades me economiza horas de trabalho. Consigo ver instantaneamente qual setor precisa de atenção e enviar relatórios prontos para a diretoria."
Visão de futuro

Impacto Futuro

O sucesso do redesenho da Mindaware comprovou que engajamento visual e clareza analítica são os pilares para fortalecer a cultura de cibersegurança. O roadmap futuro abrange 4 expansões estratégicas:

01

Simulações de Phishing via IA Contextual

Algoritmos generativos para criar simulações de phishing hiper-personalizadas de acordo com o setor de atuação do colaborador.

02

Plugin de Denúncia em 1-Clique

Botão de reportar e-mails suspeitos integrado diretamente no Outlook e Gmail com pontuação em tempo real.

03

Ranking Corporativo Inter-Departamental

Competições saudáveis entre setores da empresa com pontuações visuais e insígnias para os times mais seguros.

04

Módulo de Compliance e LGPD/GDPR

Trilhas especializadas em privacidade de dados com geração de certificados automáticos para auditorias regulatórias.

Mindaware - Visão Geral da Plataforma

Explore o Protótipo Interativo

Navegue pelas trilhas de microlearning gamificadas, simulador de phishing e dashboard de relatórios do admin no Figma.

Ver Protótipo no Figma