← Todos os cases

Produto · Ferramenta interna · Permissões

Um calendário único para o conteúdo de três marcas

Desenhei e desenvolvi uma ferramenta interna para o time de conteúdo do marketing planejar posts, e-mails, vídeos e eventos de três marcas num só lugar, com o status de cada peça vindo do Jira. Cerca de 12 pessoas usam todos os dias.

Empresa
Appmax, ferramenta interna do marketing
Papel
Descoberta, fluxos, interface e desenvolvimento
Time
Só eu, com a gerente de projetos do time
Período
Agosto a outubro de 2026
Ferramentas
FigJam, Vue, Firebase, Jira
Resultado
Usado todos os dias por cerca de 12 pessoas do time de conteúdo

Contexto

O time de conteúdo do marketing da Appmax planejava posts, e-mails, vídeos e eventos de três marcas. O planejamento morava em planilhas, e o status de cada peça, no Jira. A demanda partiu do próprio time.

Problema

Cada marca tinha o próprio planejamento, e cada canal, a própria lista. Para saber o que saía na semana, alguém precisava juntar tudo à mão, e o status das peças ficava no Jira, fora da planilha.

Meu papel

O Calendário 360 era uma das ferramentas internas pelas quais eu respondia, do design ao código. Fiz sozinha a descoberta, os fluxos, a interface e o desenvolvimento. As necessidades das pessoas usuárias eu levantei junto com a gerente de projetos do time.

Processo

Descoberta

Antes de desenhar qualquer tela, parti do que o time já usava, para ver onde a informação morava:

  • A planilha de projetos do semestre, com dono, prioridade e datas de cada projeto das três marcas.
  • O quadro do Jira, onde ficavam copy, responsável e andamento de cada peça.

Permissões antes da tela

Antes da interface, mapeei no FigJam quem pode ver, criar e editar o quê. O fluxo abaixo vem desse quadro, redesenhado com as pessoas trocadas pelas áreas.

Fluxo de permissões: a pergunta sobre o papel da pessoa (gestão, editor com escopo ou leitor), o escopo por área de trabalho e a checagem de categoria até a gravação em tempo real
O fluxo de permissões, dos papéis até a gravação em tempo real. Abrir o fluxo inteiro ↗
  1. A pessoa acessa o calendário
  2. Já entrou com a conta? Se não, entra com a conta Google da empresa. Quem usa um e-mail de fora da empresa recebe "acesso negado".
  3. O calendário identifica o papel da pessoa e a área em que ela trabalha
  4. AdminCria, edita e exclui qualquer conteúdo. Gerencia pessoas e permissões.
    Editor com escopoCria e edita só o que é da sua área (redes sociais, relações públicas, conteúdo e e-mail, design). Fora dela, só visualiza.
    LeitorVê calendário, roadmap e listas, sem editar.
  5. Toda mudança aparece na hora para todo mundo

No código, os três papéis (admin, editor e leitor) são protegidos também nas regras do banco de dados.

Seis entregas

As três primeiras entregas ficaram prontas entre 5 e 10 de agosto. Duas melhorias posteriores vieram de pedidos do time: o nome do projeto em cima de cada peça (29 de setembro) e a criação de peças a partir das tarefas do Jira (8 de outubro).

EntregaO que trouxe
1Calendário por semana, mês e dia; login restrito ao domínio da empresa e papéis protegidos no banco
2Telas de gestão de canais e pessoas, filtros combinados por projeto, canal e marca
3Status de cada peça puxado do Jira a cada 30 minutos
4Projetos com tipo, dono e fases, e a visão de roadmap por semana
5Épicos do Jira na lateral, com status e data-limite
6Peças criadas sozinhas a partir das tarefas do Jira
Visão de roadmap: cada projeto numa linha, com barra de duração, fases e o número de peças por semana
Roadmap: barra sólida tem início e fim; ponta em degradê é data em aberto. O número em cada semana é a quantidade de peças.

A demo navegável

A demo usa o mesmo código do produto, com marcas, projetos e pessoas fictícios e sem banco de dados. Tudo roda no navegador e volta ao início quando a página recarrega.

Demo ao vivo: crie e edite peças, troque de visão e de papel na faixa de baixo Abrir o Calendário 360 em tela cheia ↗

Decisões

  1. O Jira continua sendo a fonte do status O que vi

    Copy, responsável e status de cada peça já ficavam no Jira, onde o time trabalha.

    O que decidi

    O status exibido no calendário vem do Jira, atualizado a cada 30 minutos, e só o Jira altera esse dado.

    Por quê

    Assim existe uma versão só de cada dado, e o time não precisa atualizar o mesmo status em dois lugares.

  2. Datas em aberto aparecem no roadmap O que vi

    Nem todo projeto tem data de término definida, e o time precisa ver o que está planejado semana a semana.

    O que decidi

    No roadmap, a barra sólida marca projeto com início e fim, a ponta em degradê marca data em aberto e cada semana mostra o número de peças.

    Por quê

    De relance, o time distingue o que já tem prazo do que ainda precisa de uma data.

  3. Papéis de acesso em três níveis O que vi

    Social, imprensa, conteúdo e design cuidam de partes diferentes do calendário, e muita gente só precisa consultar.

    O que decidi

    Três papéis: admin, que gerencia tudo; editor, que cria e edita; e leitor, que vê calendário, roadmap e listas sem editar. No fluxo desenhado, o editor trabalha dentro de um escopo por área. No código, os papéis também são protegidos nas regras do banco de dados.

    Por quê

    Quem só consulta vê tudo sem risco de alterar nada, e a permissão não depende apenas da interface.

Resultado

O time de conteúdo do marketing, cerca de 12 pessoas, usa o Calendário 360 todos os dias. Duas melhorias vieram de pedidos feitos depois que o time começou a usar a ferramenta: o nome do projeto em cada peça e a criação de peças a partir do Jira.