CasesMZ App

Centralizando o acesso às informações que ajudam a decidir

O MZ App conecta investidores e stakeholders aos arquivamentos CVM das empresas que querem acompanhar. Desenhei uma experiência mobile em que o usuário escolhe empresas e categorias, recebe avisos e lê os documentos no aplicativo, com uma timeline e um calendário para consultar o histórico.

Por que existe: Informações das companhias que ajudam investidores e stakeholders a decidir
Decisões de UX: Empresas e categorias escolhidas pelo usuário, SMS, push, timeline e calendário
Escopo: Acesso, acompanhamento, documentos e perfil
Equipe e período: UX Designer, PM e desenvolvedor full-stack · jan a mai/2024

Três telas reais do MZ App: categorias de uma empresa, timeline de arquivamentos e calendário de publicações

Contexto

Uma companhia aberta se comunica com o mercado por documentos que explicam seus resultados, decisões e mudanças. Esses arquivamentos ajudam investidores e stakeholders a acompanhar o negócio e exercer seus direitos. O diretor de relações com investidores, o DRI, é responsável pela prestação das informações exigidas pela regulamentação, conforme a Resolução CVM 80.

Entre essas publicações, um fato relevante pode influenciar a cotação, a decisão de comprar, vender ou manter valores mobiliários, ou o exercício de direitos dos investidores. Um comunicado ao mercado também leva informações úteis aos acionistas e ao mercado, mas sua classificação depende do conteúdo. O Ofício Circular da CVM de 2024 distingue essas categorias.

As categorias têm significado para quem acompanha

As opções do app correspondem às categorias de arquivamento CVM. A escolha define que tipo de publicação o usuário quer acompanhar em cada empresa.

Fato Relevante

Informações com potencial de influenciar decisões de investimento e o exercício de direitos.

Comunicado ao Mercado

Comunicações úteis aos acionistas e ao mercado, classificadas pelo conteúdo da divulgação.

Dados Econômico-Financeiros

Documentos para consultar as informações financeiras divulgadas pela companhia.

Assembleias e acordos de acionistas

Publicações ligadas às decisões societárias e à organização dos direitos dos acionistas.

O problema

Para acompanhar várias empresas, estar informado significa encontrar novas publicações, identificar seu assunto e voltar ao documento quando necessário. As informações estão disponíveis na CVM e nos sites de RI das companhias, mas a disponibilidade por si só não organiza a rotina em torno dos interesses de cada usuário.

O desafio do MZ App é transformar a consulta em acompanhamento: escolher empresas e tipos de arquivamento, receber avisos e acessar as publicações num mesmo aplicativo. A consulta oficial da CVM permite buscar por companhia, período e categoria; o app reúne essas escolhas na experiência pessoal do usuário.

Meu papel

De janeiro a maio de 2024, fui o UX Designer do MZ App, em uma equipe com um PM e um desenvolvedor full-stack. Desenhei os fluxos de acesso, seleção de empresas e categorias, consulta dos arquivamentos e perfil, usando o Design System da MZ que criei e mantive para outros produtos.

Decisões-chave

Acesso por telefone e código único

Escolhi o telefone como ponto de entrada, com um código único enviado por SMS. O usuário começa sem depender da validação do e-mail e pode pedir outro código na própria tela.

O telefone também conecta o acesso aos avisos: o usuário recebe avisos por SMS e push notification quando as empresas acompanhadas publicam novos documentos, sem exigir que o usuário siga a empresa por um aplicativo de mensagens.

Telefone e código de acesso na mesma sequência.

Escolher empresas para começar

Depois do acesso, o onboarding apresenta o que é possível ver, exportar e compartilhar. Em seguida, vem a escolha das empresas, um passo inspirado na seleção inicial de artistas do Spotify: começar pelo que o usuário quer acompanhar dá contexto à home desde o primeiro uso.

Em “Minhas empresas”, a busca ajuda a encontrar companhias. “Seguir” inicia o acompanhamento, e “Remover” revê a escolha. A seleção segue disponível depois do onboarding.

Empresas de interesseDados de demonstração

Da apresentação do app à escolha de empresas e categorias.

Categorias por empresa

Seguir uma empresa é a primeira escolha. Na mesma sequência, o usuário seleciona as categorias de arquivamento CVM que quer acompanhar, como assembleias e comunicados ao mercado.

Os checkboxes deixam cada escolha explícita. Assim, o usuário controla o assunto dos avisos de cada companhia, sem precisar receber todas as publicações das empresas que segue.

Bottom sheet da empresa com checkboxes para as categorias de arquivamento — As categorias são de arquivamento CVM, selecionadas por empresa.

Publicações em uma timeline

A home reúne o histórico dos arquivamentos selecionados. Cada item apresenta a empresa, a categoria, a data e uma prévia do conteúdo. O ícone reforça o assunto indicado pelo rótulo.

Essa organização ajuda o usuário a percorrer as publicações e escolher qual documento abrir. O acompanhamento das empresas fica no mesmo lugar, com contexto antes de cada leitura.

Lista de arquivamentos com nome da empresa, categoria, data e resumo — Empresa, assunto e data antes de abrir o documento.

Ler sem perder a lista

O documento abre em um bottom sheet sobre a timeline. Escolhi esse padrão para manter o contexto de origem próximo: ao fechar o documento, o usuário volta à lista de arquivamentos.

O visualizador oferece zoom e compartilhamento no canto superior direito. O usuário também pode baixar o documento, mantendo acesso ao conteúdo depois da consulta no aplicativo.

Leitura no aplicativoDados de demonstração

O documento abre sobre a lista que levou até ele.

Encontrar publicações por data

A lista atende à leitura contínua; o calendário, à consulta por data. Os dias com publicações recebem um círculo e podem ser selecionados para mostrar os arquivamentos daquele dia.

Dias sem círculo não têm publicação. A indicação orienta a consulta e permite voltar ao histórico por uma data conhecida, mantendo os documentos logo abaixo do calendário.

Calendário de publicaçõesDados de demonstração

Os círculos identificam os dias com publicações.

Contato e validação no perfil

O acesso começa pelo telefone. A validação do e-mail aparece durante o uso, em um aviso que explica o prazo restante e oferece “Reenviar validação” e “Ir ao Perfil”. O usuário pode ignorar o aviso por um período, sem interromper o primeiro contato com o app.

No perfil, o usuário edita nome, telefone e e-mail. Alterar o endereço envia uma nova validação; um timer mostra quando é possível reenviar. O indicador verde sinaliza o e-mail validado e mantém o estado do contato junto do endereço.

Perfil e validaçãoDados de demonstração

O estado de validação fica junto do contato.

Aprendizados

Personalização tem duas escalas

A empresa define de quem o usuário recebe informação; a categoria define sobre o quê. Tratar as duas escolhas juntas torna o interesse mais específico sem criar uma configuração distante do acompanhamento.

O documento faz parte da navegação

Ler é uma etapa da consulta. O bottom sheet mantém a publicação ligada à timeline, para que abrir e fechar um documento preserve o contexto do próximo item.

Histórico pede mais de uma entrada

Uma sequência cronológica e uma data conhecida são formas diferentes de chegar à mesma publicação. Lista e calendário atendem às duas, sem exigir uma estrutura de documentos diferente.

Acesso e validação têm momentos próprios

Começar pelo telefone e apresentar o estado do e-mail durante o uso organiza duas necessidades distintas. O prazo, o timer e os indicadores dão visibilidade ao que o usuário precisa concluir.

Próximo case: MZ Private, informar com segurança, por lei e credibilidade.

Ler o case do MZ Private

Centralizando o acesso às informações que ajudam a decidir

Contexto