CasesMZ Private

Informar com segurança, por lei e credibilidade

O MZ Private é uma área restrita onde o time de relações com investidores de uma companhia aberta guarda documentos sensíveis e os compartilha, internamente e com investidores e stakeholders. Desenhei a experiência de ponta a ponta: quem entra, quem vê o quê e o registro de tudo o que acontece, sem perder a facilidade das ferramentas que o RI já conhece.

Por que existe
O sigilo que a CVM 44 exige e o rastro de quem acessou cada documento
Decisões de UX
Acesso só por grupos, visualizar ou editar, 2FA e auditoria, sem complicar o compartilhamento
Escopo
Documentos, acessos, membros e grupos, auditoria, analytics e segurança
Qualidade
Todos os fluxos testados em staging antes de ir para o ar

MZ Private · DocumentosDados de demonstração

Tela de documentos do MZ Private: pastas em grid, uma pasta selecionada e o painel de detalhes com o autor e os grupos que têm acesso

Contexto

Em companhias abertas, o time de RI lida com informações que mexem no preço das ações antes de o mercado conhecê-las: resultados antes da divulgação, fatos relevantes e materiais de conselho e de assembleia. O MZ Private dá a esse time uma área restrita para guardar esses documentos e compartilhá-los com os usuários certos, dentro da empresa e com investidores e stakeholders.

Em 2023, o que estava em jogo com essas informações era alto. A Resolução CVM 44, em vigor desde setembro de 2021, obriga administradores e empregados a guardar sigilo sobre informação relevante até sua divulgação e a zelar para que subordinados e terceiros de confiança façam o mesmo, respondendo solidariamente se isso falhar. Se a informação escapar ao controle da companhia, a divulgação tem que ser imediata. Ao mesmo tempo, a LGPD saiu do papel: as sanções valem desde agosto de 2021, e em 2023 a ANPD publicou o regulamento de sanções, em fevereiro, e aplicou a primeira multa, em julho.

Muito Alto

foi como a CVM classificou a perda do controle de informações relevantes não divulgadas no plano de supervisão 2023–2024, sua maior prioridade.

74%

das violações de dados envolvem o elemento humano, e enviar algo à pessoa errada causa 43% das violações por erro, segundo o relatório de 2023 da Verizon.

R$ 6,2 mi

foi o custo médio de uma violação de dados no Brasil em 2023, segundo a IBM.

Fontes: Resolução CVM 44, arts. 6º e 8º · Plano de Supervisão Baseada em Risco da CVM 2023–2024, relatório de 2023 · Primeira multa da ANPD, via Clyde & Co · Verizon DBIR 2023 · IBM Cost of a Data Breach 2023, via Security Leaders.

O problema

Antes do MZ Private, esses documentos circulavam por e-mail, drives compartilhados e dispositivos pessoais. Cada encaminhamento criava uma cópia sem controle. O acesso dependia de lembrar quem tinha recebido o quê. E, quando algo vazava, não havia registro para responder à pergunta que as regras pressupõem: quem teve acesso?

O produto nasceu desse contexto, sem uma fase formal de discovery, então as regras de acesso precisavam estar certas desde o início. O desafio era tornar o controle o padrão sem dificultar o compartilhamento: o RI deveria compartilhar com a mesma facilidade das ferramentas que já usava, enquanto o produto garantia que cada documento tivesse um público definido e que cada ação deixasse rastro.

Meu papel

De junho a novembro de 2023, fui o UX/UI designer do MZ Private, numa squad com 3 desenvolvedores sênior e um PO.

  • Defini as jornadas dos usuários e as regras de acesso por trás delas.
  • Desenhei os fluxos e os protótipos, da estrutura à alta fidelidade, e o Design System da MZ.
  • Fiz o handoff e garanti a qualidade com os desenvolvedores, testando cada fluxo em staging, em rodadas de ajustes antes de ir para o ar.

Decisões-chave

Nove decisões definem como o MZ Private equilibra facilidade e controle.

Acesso só por grupos

O acesso nunca vai direto para um usuário. Para compartilhar uma pasta ou um arquivo com alguém, esse usuário precisa estar num grupo, e o grupo recebe o acesso. Grupos dão muito mais controle sobre os níveis de permissão: o conselho, um conjunto de investidores e o time interno têm cada um o seu nível, e mudar um grupo uma vez atualiza todos que estão nele.

  • Nenhum membro sem grupo. Qualquer mudança que deixaria alguém sem grupo bloqueia o botão “Salvar”.
  • Um grupo “Administradores” fixo vem por padrão, não pode ser renomeado nem apagado e é o único com acesso a “Analytics” e “Auditoria”.
  • Membros e grupos, nos dois sentidos. Uma tela mostra um membro e seus grupos; a outra, um grupo e seus membros. Os convites são por e-mail, até 25 por vez, com os grupos escolhidos no mesmo passo.

Membros, convites e gruposDados de demonstração

Um membro e seus grupos, o convite em lote com os grupos escolhidos no mesmo passo e a aba “Grupos”.

Dois níveis: visualizar ou editar

Cada grupo recebe uma de duas permissões numa pasta ou arquivo: visualizar, para abrir e ler, ou editar, que também permite renomear, apagar e conceder acesso a outros. Dois níveis claros separam quem consome a informação de quem a gerencia. O acesso é definido grupo a grupo na mesma janela, que também cria um grupo na hora quando o certo ainda não existe, com nome e descrição obrigatórios, para o compartilhamento nunca chegar a um beco sem saída.

Acesso por grupo: visualizar ou editar

Janela de permissão de acesso listando grupos, cada um com opções de visualizar e editar
Cada grupo recebe visualizar (o olho) ou editar (o lápis), com o atalho “Criar um grupo”.

Um grupo novo, sem sair do fluxo

Janela de novo grupo com campos de nome e descrição
Nome e descrição são obrigatórios.

Compartilhando uma pasta por grupoDados de demonstração

No painel da pasta, “Gerenciar” abre a permissão de acesso: cada grupo recebe visualizar ou editar, e um grupo novo é criado ali mesmo, sem sair do fluxo.

Pastas primeiro, depois qualquer nível

O primeiro nível, “Documentos”, só tem pastas, então todo arquivo vive dentro de uma pasta cujo público foi definido antes. Do segundo nível em diante, dá para adicionar pastas e arquivos, por isso “Nova pasta” vira “Adicionar”. Os breadcrumbs mostram o caminho, sempre começando em “Documentos”, e levam de volta a qualquer nível com um clique; nomes longos ganham tooltip.

Nível 1: só pastas

Nível de Documentos com pastas e uma célula de nova pasta
“Documentos” guarda pastas; a última célula, “Nova pasta”, cria uma.

Nível 2 em diante: pastas e arquivos

Segundo nível com o caminho em breadcrumb, subpastas e uma célula de adicionar
Os breadcrumbs começam em “Documentos”, e “Adicionar” vale para os dois.

Um + que acompanha o contexto

O + no canto superior direito adiciona o que faz sentido onde o usuário está. Em “Documentos”, ele sobe arquivos ou pastas, ou cria uma pasta no nível atual. Em “Membros e grupos”, o mesmo + adiciona um membro ou cria um grupo. Um lugar só para procurar, e uma ação que sempre combina com a tela.

O + em “Documentos”

O menu de adicionar com subir arquivo, subir pasta e nova pasta
“Upload de arquivo”, “Upload de pasta” ou “Nova pasta”, sempre no nível atual.

A janela de upload

Janela de upload com área para soltar arquivos, o arquivo selecionado e as opções de avisar usuários e incluir marca d’água
Drag and drop, o que vai entrar, o aviso por e-mail e a marca d’água no PDF.

O painel de detalhes, sempre à mão

Pastas e arquivos têm o mesmo painel de detalhes, à direita: quem criou o item, os grupos com acesso e ações para renomear, apagar e gerenciar o acesso. Quando um nível abre, o painel entra com uma animação para que os usuários tenham sempre, de forma rápida e prática, as informações da pasta ou do arquivo, principalmente quem gerencia os acessos. Sem nada selecionado, o empty state pede para escolher um item. A informação de qualquer pasta ou arquivo fica sempre a um clique, sem sair da lista.

Empty state

Empty state do painel de detalhes pedindo para selecionar um item
Sem nada selecionado, o painel pede um item.

Com um item

Painel de detalhes com o autor, os grupos com acesso e as ações de editar e apagar
Autor, os grupos com acesso e as ações.

Documentos: visões e painel de detalhesDados de demonstração

Pastas em grid e em lista, ações no hover e o painel de detalhes entrando com animação e esperando uma seleção.

Cada visão com as ações que cabem nela

As células do grid não têm espaço para mostrar todas as ações, então o grid usa um kebab menu: “Abrir”, “Detalhes”, “Compartilhar”, “Copiar link” e “Apagar”. As linhas da lista têm espaço, então ações extras, como detalhes e compartilhamento, aparecem direto no hover. Nas duas, o duplo clique abre o item, como no Google Drive. As mesmas necessidades, resolvidas do jeito que o espaço de cada visão permite.

Grid: kebab menu

Um card de pasta no grid com o kebab menu aberto
“Abrir”, “Detalhes”, “Compartilhar”, “Copiar link” e “Apagar”.

Lista: ações no hover

Uma linha da lista mostrando os ícones de detalhes e compartilhar no hover
Detalhes e compartilhar aparecem na própria linha.

Visualizadores para os formatos do RI

Os arquivos abrem dentro do produto, em visualizadores para PDF, vídeo, imagem, áudio e texto, com o download sempre disponível no topo. Os usuários leem, assistem e ouvem sem precisar de uma cópia na máquina antes.

Visualizando arquivos no produtoDados de demonstração

PDF, vídeo, imagem, áudio e texto abrem no visualizador, com o download sempre no topo.

Auditoria: cada evento, seu arquivo e onde ele está

Os administradores veem cada evento do app: quem fez, o que fez, a qual arquivo se refere, onde esse arquivo está e quando. Responder um comentário, compartilhar ou apagar um arquivo, criar ou baixar uma versão, adicionar ou remover um usuário: tudo cai numa lista só, filtrada por período e grupo, pesquisável por usuário e exportável por inteiro.

Quando uma ação oscila de forma atípica, a Resolução CVM 44 pede que o diretor de RI questione as pessoas que tiveram acesso à informação. É nessa lista que isso começa.

Auditoria · só administradoresDados de demonstração

A auditoria: quem, quando, o quê, qual arquivo e onde ele está

Analytics: como os arquivos performam

O Analytics dá ao RI uma visão de como estão performando os arquivos que ele disponibiliza para investidores e stakeholders. Os destaques de uso mostram uploads, arquivos acessados e acessos diários e semanais. Os limites mostram armazenamento e usuários contra o plano, já que cada plano define esses dois limites. Os arquivos mais acessados formam um ranking por dia, semana ou mês, e o engajamento mostra como cada upload recente foi recebido, em percentual ou em acessos, ao lado dos usuários mais ativos.

Analytics · só administradoresDados de demonstração

O painel de analytics: destaques de uso, limites do plano, arquivos mais acessados, engajamento e usuários mais ativos

Segurança nas mãos de quem usa

A segurança precisa ser visível e estar nas mãos dos usuários, não escondida em configurações que ninguém abre.

  • Login com código único enviado para o e-mail do usuário.
  • Autenticação em dois fatores por e-mail ou por app autenticador, configurada com código ou QR code.
  • Troca de senha pedindo a senha atual e a confirmação.
  • Retenção de dados. O usuário escolhe um período, de 6 meses a 3 anos ou personalizado, depois do qual seus dados são apagados, com um passo de confirmação e um aviso claro do que acontece depois.
  • Notificações de novos arquivos, comentários e respostas, novos membros e relatório mensal, ligadas ou desligadas uma a uma ou todas de uma vez.

Perfil e segurançaDados de demonstração

Senha, autenticação em dois fatores com QR code, retenção de dados e notificações num lugar só.

Regras que mantêm tudo seguro

Juntas, as regras tornam a área segura sem pedir que os usuários lembrem de nada.

RegraPor quê
O primeiro nível de “Documentos” só tem pastas

Todo arquivo pertence a um público definido antes de ele chegar.

O acesso vai para grupos, nunca para um usuário

Os níveis de permissão ficam claros e mudam num lugar só.

Dois níveis: visualizar ou editar

A maior parte do público lê sem poder alterar, apagar ou recompartilhar.

“Administradores” é padrão, fixo e o único grupo que vê “Analytics” e “Auditoria”

Sempre existe um acesso master, e as visões mais sensíveis ficam com ele.

Nenhum membro sem grupo

Ninguém fica com login e acesso indefinido.

Aviso por e-mail e marca d’água no PDF, escolhidos no upload

O público fica sabendo de novos arquivos pelo produto, e cópias que circulam ficam marcadas.

Código único no login e 2FA por e-mail ou autenticador

Uma senha vazada sozinha não abre a área.

Toda ação na auditoria, com exportação

A resposta para “quem teve acesso?” está no produto.

Design system

O MZ Private usa o Design System da MZ. Foi o primeiro produto a adotar esse design system, que criei e mantive também para outros apps.

Fundamentos

Cores

Duas superfícies escuras sustentam a interface; cada outra cor tem uma função só.

Superfícies e texto

canvasFundo da página
surfaceCards, painéis e modais
textNomes e títulos
text-mutedRótulos e metadados

Ações e estados

primaryAção principal e visão ativa
linkLinks como “Gerenciar”
selectionContorno do item selecionado
dangerSó ações destrutivas

Tipos de arquivo

pdfPDF
videoVídeo
audioÁudio
textTXT, MD, DOCX
sheetXLSX
imagePNG, JPG

Roboto

Uma família só, do título da página aos metadados dos arquivos.

Título da páginaMZ Group
SeçãoAlterar senha
CorpoSelecione um item para ver os detalhes
Metadados25 itens · 575 KB

Componentes

Botões e links

Icon buttons

Campos

Senha••••••••

PIN input

Toggles

Checkboxes

Abas

Período

Chips e avatares

Nome do grupoGrupo 3Top 10
FLMAMMANEM

Padrões desktop

Célula de grid

Nova pasta

Menu

Célula de lista

202225 itens
Exemplo de nome grande de pasta25 itens

Modais

Tem certeza?

Esta pasta e todo o seu conteúdo serão apagados permanentemente

Nome da pasta
Permissão de acesso
  • ADAdministradoresGerenciar
  • MGMZ Group
  • TGTizi Group
  • ZGZuck Group
3 grupos selecionados
Novo grupo

Padrões mobile

Bottom sheet

Seleção e leitura
MAGAZINE LUIZASeguindo

Date picker

Seleção de data

Aprendizados

Familiaridade é recurso de segurança

Quando compartilhar com segurança funciona como as ferramentas que os usuários já conhecem, eles param de procurar atalhos.

O caminho seguro não pode travar

Se o grupo certo ainda não existe e o fluxo para, o atalho é dar acesso a um grupo maior do que o necessário. Criar o grupo na própria janela de permissão, com nome e descrição obrigatórios, mantém cada concessão dentro das regras.

Editar é gerenciar acesso

Como editar também permite conceder acesso a outros, essa é uma permissão de gestão, não de conteúdo. Separar visualizar de editar deixa claro quem só consome a informação e quem decide quem mais pode vê-la.

Subir um arquivo é conceder acesso

Num espaço de arquivos sensíveis, o upload já é um compartilhamento: o arquivo herda o público da pasta. Por isso o primeiro nível só tem pastas e o + age sempre no nível atual, com o caminho à vista: o usuário sabe quem vai ver antes de subir.

A exposição se decide com o arquivo em mãos

Avisar o público por e-mail e aplicar marca d’água no PDF são escolhas feitas no upload, para aquele arquivo, e não uma configuração geral que vale para tudo.

Rastreabilidade muda a pergunta

Com a auditoria, “quem teve acesso?” vira um filtro, não uma caça nas caixas de e-mail.