Cases

Case 01 / 03 · Product Designer e responsável técnico

VERSA OS

Quando a ferramenta passa a se adaptar à empresa.

Um sistema de gestão de projetos proprietário, construído com Claude Code, para uma empresa de educação corporativa que cansou de adaptar o próprio processo às limitações de ClickUp, Notion e Jira.

A Versa produz cursos corporativos em uma esteira que atravessa Projetos, Conteúdo, Audiovisual, Criação e Pós-Produção. Cada time enxerga o mesmo trabalho em uma granularidade diferente, e nenhuma ferramenta de mercado sustentava isso sem gambiarra. O VERSA OS modela a esteira real da empresa: um card que percorre todos os times, gatilhos automáticos entre etapas, medição de tempo por time e por cliente, e um ciclo de melhoria contínua em que uma IA faz a triagem das sugestões do próprio time.

Meu papel
Product Designer e responsável técnico
Ferramentas
Claude Code, PHP + HTML, Google Drive
Status
fase final de desenvolvimento, produção em janeiro de 2027
01

Contexto

Cada curso passa por uma esteira com cinco frentes: Projetos (relação com o cliente), Conteúdo/Design Instrucional, Audiovisual (gravação), Criação (assets) e Pós-Produção (edição e finalização).

Em pouco tempo, o time passou por Notion, ClickUp, de volta ao Notion, além de testes com Jira. As migrações aconteceram no meio da operação, com cliente e prazo correndo. O ponto de virada foi perceber que o problema não estava em qual ferramenta escolher, e sim em tentar encaixar o processo da Versa em uma estrutura pensada para outro tipo de empresa.

02

O problema

O problema não era falta de recurso nas ferramentas. Era o modelo de dados delas: tudo virava uma tarefa do mesmo tamanho, e a Versa não trabalha assim.

Tarefas multiplicadas à mão

Para gravar um curso de 100 aulas, o Audiovisual precisava alocar 100 tarefas no calendário, uma por aula.

Pós-Produção às cegas

Uma diária de gravação vira um card de decupagem que agrupa, à mão, mais de 20 aulas. Já aconteceu de a Pós planejar a decupagem esperando um módulo que não tinha sido gravado naquele dia.

Passagem de bastão manual

Quando um roteiro era concluído, alguém de Projetos precisava ir até a ferramenta e liberar a edição. O time de Projetos virava secretário da operação.

Sem histórico entre etapas

Quem fazia o asset não via o que tinha acontecido no roteiro, e nenhum time tinha dado de quanto tempo o trabalho ficava parado com o cliente.

03

O insight: cada time trabalha em um tamanho diferente

O trabalho da Versa muda de tamanho conforme avança na esteira. Conteúdo trata cada aula individualmente; Audiovisual e Criação conseguem trabalhar com blocos de informação; na Pós-Produção, o trabalho volta a ser por aula.

Ferramentas de mercado escolhem uma granularidade e impõem a todos. O VERSA OS mantém um único card que percorre todos os times, mas cada time o enxerga e o distribui no tamanho em que de fato trabalha.

04

Construir em vez de comprar

A decisão de construir foi aprovada pela liderança em setembro de 2026, depois de uma apresentação aberta ao time. O caminho de mercado já tinha sido testado mais de uma vez; o que mudou foi o custo de construir: com desenvolvimento assistido por IA, um sistema sob medida deixou de exigir um time de engenharia dedicado.

Personalização total

Regras, fluxos e cadências configuráveis dentro do próprio sistema, sem depender de programador para cada ajuste.

Menos atrito entre times

O card percorre todas as áreas como o trabalho realmente percorre.

Menor custo operacional

Fim das licenças recorrentes e das migrações no meio da operação.

Dados próprios

Tempo de cliente, de fila e de execução medidos desde o primeiro dia.

05

Como o card percorre a esteira

O VERSA OS troca a passagem de bastão manual por gatilhos: quando uma etapa termina, a próxima é liberada sozinha. Uma aprovação do cliente libera Gravação e Assets ao mesmo tempo; uma reprovação volta para o roteiro e conta como nova versão.

Abertura leve

Projetos cria o projeto com poucos campos; o tipo de projeto muda o caminho que ele percorre no sistema.

Fila antes do calendário

As demandas só ficam disponíveis quando o material está pronto. Cada pessoa pode assumir uma tarefa, ou a liderança pode distribuir.

Tarefas geradas em segundos

O DI importa a planilha da proposta de aprendizagem, e o sistema cria as tarefas de todos os times de uma vez.

Três relógios

O sistema mede separadamente o tempo com o cliente, o tempo em fila e o tempo de execução de cada time. Atraso do cliente deixa de ser absorvido em silêncio pela operação.

Botão de pânico e histórico único

Uma prioridade crítica reordena a fila e avisa todos os envolvidos. Quem pega o card em qualquer etapa vê tudo o que aconteceu antes dele.

06

Um sistema que evolui com o uso

Durante os testes, qualquer pessoa deixa uma sugestão no ponto exato da interface em que sentiu a fricção: um lápis aparece ao passar o mouse, e a sugestão fica atrelada ao botão ou à tela em que nasceu. Uma IA classifica as sugestões e recomenda o que deve entrar nas próximas sprints; o time responsável decide e implementa.

07

Construído com Claude Code

O VERSA OS foi escrito 100% com Claude Code, por um time sem engenharia dedicada. O papel humano foi decidir o que construir e por quê; a IA escreveu o código. Roteiros, vídeos e dados sensíveis continuam no Google Drive: o sistema só organiza, mostra e incorpora.

Construir com IA não dispensa produto. Sem um modelo claro de como o trabalho flui, a IA só acelera a construção da ferramenta errada.

08

Aprendizados

A apresentação para o time mostrou o que o discovery não tinha capturado. Nada foi refeito, mas boa parte do sistema mudou de forma: a importação da proposta deixou de ser obrigatória, surgiu um botão para acrescentar entregável no meio do projeto, uma página do cliente passou a liberar o material só depois do OK interno, e os alertas de atraso foram revistos depois de assustarem quem abriu a alfa.

O maior aprendizado: a pergunta certa não era "qual ferramenta usar", e sim "qual é a unidade de trabalho de cada time".

09

Status

Fase final de desenvolvimento, em testes paralelos com representantes de cada time; entra 100% em produção em janeiro de 2027. Ainda não há números de resultado. A medição já está embutida: tempo com o cliente, tempo em fila e de execução por time, ajustes internos × versões com cliente e capacidade por ilha.

Nomes de clientes e de pessoas estão desfocados nas telas.

VERSA OS · telas

Projetos: cada projeto é uma esteira que atravessa as cinco fases.
01Projetos: cada projeto é uma esteira que atravessa as cinco fases.
A árvore do projeto: módulos, entregáveis e tarefas.
02A árvore do projeto: módulos, entregáveis e tarefas.
Uma aula aberta: a tarefa de cada time, com complexidade e estado.
03Uma aula aberta: a tarefa de cada time, com complexidade e estado.
O painel da tarefa: ações e a conversa que viaja com o card.
04O painel da tarefa: ações e a conversa que viaja com o card.
Meu trabalho: a próxima ação, o que espera por você e o que você espera.
05Meu trabalho: a próxima ação, o que espera por você e o que você espera.
Novo projeto: abertura em poucos campos.
06Novo projeto: abertura em poucos campos.
Ilha de Criação: agenda por pessoa e a fila do que falta decidir.
07Ilha de Criação: agenda por pessoa e a fila do que falta decidir.
Ilha de Pós-Produção: cronograma semanal.
08Ilha de Pós-Produção: cronograma semanal.
Case 02 / 03 · Product Designer

CRIVO

Revisão e aprovação de vídeos educacionais.

O Crivo é uma ferramenta de revisão e aprovação de vídeos educacionais em que o próprio cliente classifica cada comentário na hora de revisar. Nasceu de uma dor que eu vivo como coordenador de pós-produção na Versa Educação: o feedback chega em texto livre, alguém precisa traduzir, e o editor ainda tem que interpretar antes de mexer no vídeo.

Meu papel
Product Designer (discovery, UX, UI, design system e protótipo)
Formato
sprint de poucas horas, do discovery ao protótipo navegável
Status
protótipo navegável pronto; teste de usabilidade e V1 funcional planejados
Ver o protótipo ↗
01

Ficha

Meu papel

Product Designer: discovery, UX, UI, design system e protótipo. Também coordeno o time que usaria o produto.

Produto

B2B, educação corporativa, quatro perfis: gestora de projetos, quem executa, coordenação e cliente.

Métodos e ferramentas

Matriz CSD, análise de feedbacks reais, mapeamento de fluxo, wireframes, design system, Claude e Lovable.

Linha de base

2,4 versões por entrega e 8 dias de lead time em projetos de 1 hora de vídeo.

02

Problema e solução

Problema: o feedback de revisão chega sem estrutura e passa por uma tradução manual entre e-mail e Notion. Isso gera versões extras, esconde pedido novo dentro de ajuste e deixa aprovações travando outras etapas sem que ninguém veja.

Solução: o cliente revisa direto no produto e marca cada ponto como correção, nova solicitação ou dúvida, com timecode e dizendo se aquilo trava alguma etapa. O sistema separa os caminhos sozinho.

03

Contexto

A Versa produz cursos para educação corporativa, e cada cliente chega com marca, linguagem e critérios próprios. Coordeno a pós-produção, um time de 9 pessoas entre edição, motion e design, e mais de uma área participa de cada entrega: Conteúdo escreve o roteiro, Criação define a proposta visual e a Pós monta os vídeos.

No último ano, padronizei processos que rodavam desconectados. O lead time de um projeto de 1 hora caiu de cerca de 14 para 8 dias, e as versões por entrega caíram de 4 para 2,4. Ainda assim, 2,4 versões é muita volta, e a revisão era o pedaço do fluxo que eu ainda não tinha atacado de frente.

Nomes de clientes e de pessoas estão anonimizados neste case.

04

Matriz CSD

Comecei separando o que eu sabia do que eu achava que sabia. Afunilei o escopo logo cedo: em vez da gestão de produção inteira, só revisão e aprovação, porque é ali que o lead time trava. Uma suposição minha caiu logo no começo: eu achava que faltava minutagem nos comentários.

Certezas

• A espera por aprovação, interna ou do cliente, pesa mais no lead time do que a edição.
• Ainda há em média 2,4 versões por entrega.
• O feedback chega mal estruturado.
• Tarefas e projetos vivem no Notion.
• Cada cliente revisa com critérios próprios de marca e linguagem.

Suposições

• Feedback mal estruturado é a principal causa das versões extras.
• Parte das versões vem de escopo mudando no meio da revisão, não de erro.
• O aprovador não sabe com clareza o que precisa decidir, nem até quando.
• Um quality gate antes do envio ao cliente reduziria rodadas.

Dúvidas

• O que é "mal estruturado" na prática?
• Quantas camadas de aprovação existem, e quem está em cada uma?
• Por que as rodadas extras acontecem?
• Como o aprovador recebe a versão, e onde ele responde?

05

Discovery

O problema não era falta de minutagem: era o feedback não ter forma, e uma pessoa só fazendo a ponte entre o cliente e a equipe. Cheguei nisso por três caminhos.

Feedbacks reais, do jeito que chegaram

Um comentário solto misturava pedido de prioridade, escopo novo, dois projetos e um prazo vago, e a aprovação travava uma gravação na semana seguinte. Um aviso de critérios listava grafia, logos e proposta visual como links para pastas: a checagem dependia da memória de quem edita. Uma lista de ajustes por timecode descrevia em quatro itens os sintomas de uma causa só. Nenhum dos casos era gosto pessoal do cliente.

O mapa das camadas de aprovação

Uma entrega passa por até cinco aprovações, em dois sistemas: a revisão interna acontece no Notion, e a do cliente, por e-mail e Google Docs. Não existe um lugar onde se veja o histórico completo de uma entrega.

Quem faz a ponte

Todo feedback do cliente chega por e-mail e é transcrito para o Notion por uma gestora de projetos e atendimento. É nessa tradução que a estrutura se perde e o pedido novo entra disfarçado de ajuste.

06

Três insights

Quatro perfis tocam a mesma entrega, cada um com uma dor diferente. A gestora de projetos é a primeira usuária: é ela quem mais sofre com o problema e o ponto onde ele se forma.

O feedback não tem forma

Correção, pedido novo, prioridade e prazo chegam misturados em texto livre, e a estrutura depende de quem escreve.

Toda a tradução passa por uma pessoa só

Se a gestora está sobrecarregada ou ausente, o fluxo para.

As dependências entre etapas são invisíveis

Uma aprovação atrasada trava a gravação ou a etapa seguinte, mas isso só aparece como "prioridade" num comentário.

07

Definição e escopo do MVP

Como podemos fazer o feedback chegar a quem executa já separado por tipo, com os critérios do cliente à mão e com o que bloqueia o quê visível para todos?

No MVP

• Central de revisão por entrega, com versões e aprovações das três áreas num lugar só.
• Feedback estruturado: tipo, timecode, texto e se trava alguma etapa.
• Nova solicitação vira demanda separada automaticamente.
• Critérios do cliente como checklist anexado à versão.
• Painel com status e dependências entre Conteúdo, Criação e Pós.

Fora do escopo agora

Notificações por e-mail, integração com o Notion, upload de vídeo e login.

Métricas de sucesso

• Versões por entrega (linha de base 2,4).
• Lead time de projeto de 1 hora (linha de base 8 dias).
• Tempo parado aguardando aprovação (a medir no piloto).
• Pontos marcados como nova solicitação (novo indicador).

08

A decisão mais difícil: o cliente entra no produto ou não?

Com o cliente fora, a gestora continuaria recebendo por e-mail e registraria no formato estruturado. Seria mais fácil de adotar, porque mudar hábito de cliente é o mais difícil. Com o cliente dentro, ele revisa por um link e já deixa o feedback classificado, o que elimina a tradução manual.

Escolhi o cliente dentro. A tradução manual é a raiz dos três insights, e mantê-la só deixaria o problema mais organizado. Para reduzir o risco de adoção, o cliente entra por link, sem criar conta, e cada tipo de ponto vem com uma frase curta explicando o que ele significa.

09

Decisões de design

Classificação na origem

O cliente escolhe o tipo de cada ponto. É a resposta direta ao insight de que o feedback não tem forma.

Nova solicitação com consequência explicada

A opção diz "vira uma demanda separada, com prazo próprio". É um empurrão de comportamento no cliente, sem precisar de política escrita.

"Isso trava alguma etapa?"

Uma pergunta no formulário torna visível a dependência que antes só existia no texto.

Critérios ao lado do vídeo e quality gate

Grafia, logo e proposta visual saem das pastas e ficam no momento da revisão. O envio da próxima versão só libera com todas as correções e critérios marcados.

Forma junto com cor

Cada tipo tem um símbolo próprio (▮ correção, ◇ nova solicitação, ○ dúvida), para funcionar também para quem não distingue cores.

10

Design system

Numa tela cheia de versões, prazos e comentários, a interface precisa sumir para a decisão aparecer. Por isso o Crivo tem uma linguagem minimalista: preto e branco como base, muito respiro, cantos generosos e uma única cor de marca (azul-marinho), com cores de estado para nova solicitação, aprovado e bloqueio.

Tipografia e forma

Uma família só, Inter, com algarismos tabulares nos timecodes. Raios que crescem com o elemento e todo botão em pílula, com 44 px de altura mínima.

Acessibilidade

Contraste de cada combinação de texto conferido nos dois temas, todas acima de 4,5:1. O ciano não passa como texto, então ficou restrito ao uso gráfico.

Capa

Uma laje azul-marinho perfurada por uma grade de furos. Crivo quer dizer peneira, e o padrão visual nasce do próprio conceito do produto.

Crivo · protótipo

Cliente: cada ponto classificado como correção, nova solicitação ou dúvida, com timecode e se trava alguma etapa.
01Cliente: cada ponto classificado como correção, nova solicitação ou dúvida, com timecode e se trava alguma etapa.
Gestora: todas as camadas de aprovação num lugar só.
02Gestora: todas as camadas de aprovação num lugar só.
Quem executa: correções, dúvidas e os critérios do cliente antes do envio.
03Quem executa: correções, dúvidas e os critérios do cliente antes do envio.
Case 03 / 03

HUB3

Hub3 · telas