← Trabalhos selecionadosIngate / CaseWeb app

Visão geral / Ingate

Ingate: uma empresa organizada como um universo.

O Ingate transformava a empresa em um lugar para explorar — da primeira escolha do onboarding a uma sala em pixel art para videochamadas. Liderei o design como Head of Design. O produto foi descontinuado em 2025.

Planetas

Cada time vive em um planeta, com os avatares dos membros e o número de pessoas.

O universo · 01
Uma sidebar

Uma barra de ícones com tooltips que se abre na Visão de admin completa.

Navegação · 02
Uma sala

Uma sala de metaverso em pixel art, onde acontecem as videochamadas.

Metaverso · 03

O que as telas mostram.

O case em 49 segundos: o universo, a sala do metaverso, as dailies e os blockers.

00 / Onboarding

Escolha o formato da sua empresa.

A primeira tela faz uma única pergunta: como a sua empresa deve ser organizada? A resposta é “de um jeito único” — planetas grandes ou naves pequenas.

A escolha fica em dois cards, cada um com uma ilustração e um único botão Selecionar: um universo de planetas para grupos grandes ou um começo menor no metaverso.

Organize sua empresa
de um jeito único

Você pode criar planetas grandes ou naves pequenas

Para grupos grandes

Um universo de planetas.

Crie universos e planetas grandes. O card recomenda essa opção para empresas com mais de 50 funcionários, e a ilustração mostra a Terra com planetas em órbita.

Começando no metaverso

Um mapa para começar pequeno.

Convide amigos para um mapa que você personaliza por completo. A ilustração é uma paisagem de montanhas e floresta, em vez de um universo.

01 / O universo

Cada time é um planeta.

A empresa aparece como um universo. Cada planeta é um time, com os avatares dos membros logo abaixo e um badge com o número de pessoas — 45 no planeta central, 99+ em outro.

Modo de visualização

Explore primeiro, cadastre-se depois.

Quem visita pode explorar o universo no modo de visualização. Uma barra na parte de baixo dá as boas-vindas ao Ingate e oferece duas formas de entrar: Continuar com o Google ou Cadastrar com e-mail.

Lendo o universo

Cor, rostos e um número.

Cada planeta tem suas próprias cores e superfície. Os avatares mostram quem está em cada time, o badge mostra quantas pessoas ele reúne, e a sidebar indica onde você está: Metaverso.

03 / A sala no metaverso

Uma sala onde as chamadas acontecem.

O metaverso é uma sala em pixel art: uma masmorra isométrica com fogo e canais de água luminosa. As pessoas aparecem como personagens com uma etiqueta de nome, e as videochamadas ficam em quadros sobre a sala.

Aproxime a Nina da Alana para começar uma chamada.

Vídeo no mapa

Rostos em cima, sala embaixo.

Os quadros de vídeo, cada um com o avatar da pessoa, ficam no alto da sala e deixam o mapa visível por baixo.

A mesma moldura

Dentro do produto, não ao lado dele.

A sidebar e a barra do modo de visualização continuam no lugar, então a sala vive na mesma janela que o universo.

04 / Desenhando o mundo

Todo o desktop, resolvido primeiro em linhas.

Antes de qualquer tile ser pintado, o desktop inteiro foi pensado em wireframe: a moldura do app em volta do mapa, a casa, as árvores, o escritório e cada objeto pelo qual as pessoas passariam a caminho da mesa.

Moldura e mapa

O app e o mundo, desenhados juntos.

A sidebar, os vídeos da chamada e o mapa dividem a mesma janela, então o wireframe resolve as duas coisas de uma vez: o que fica fixo na tela e o que vive no mundo.

Lugares com propósito

Cada objeto responde a uma pergunta.

As mesas mostram onde cada time senta, a sala de reunião é onde acontece a daily, e o caminho que sai da casa leva quem chega até a porta do escritório.

05 / Um dia no escritório

Dois mundos, um time trabalhando.

O mesmo escritório pode existir em mundos diferentes — aqui, na neve e sob árvores roxas. As pessoas ficam em suas mesas, e um balão sobre cada uma mostra a ferramenta em que ela está trabalhando: Claude, Figma, VS Code e outras.

Presença

Veja em que cada pessoa está focada.

Uma olhada no escritório mostra quem está desenhando, quem está programando e quem está escrevendo, sem mensagem nem reunião.

Mundos

Uma planta, muitos lugares.

As mesas, a sala de reunião e o lounge continuam onde o time está acostumado; só muda o mundo do lado de fora das janelas.

06 / Dailies

Toda daily terminava com um plano de ação.

O Ingate gravava a daily e a transcrevia. A transcrição virava um plano de ação — o que precisa ser feito, e por quem — e os times usavam isso nas dailies como parte da rotina.

Uma daily com Mei, Nina, Kenji, Sofia e Rafael, gravada e transcrita das 09:00 às 09:12.

Transcrição

  1. Mei

    Bom dia, pessoal! Ontem, hoje, impedimentos — a Nina começa.

  2. Nina

    As telas de onboarding estão finalizadas. Eu faço o handoff (responsável)hoje. (prazo)

  3. Kenji

    Então eu crio o seletor de planetas, (responsável)pronto até amanhã. (prazo)

  4. Sofia

    O fix da busca passou no review. Eu subo (responsável)para staging hoje. (prazo)

  5. Rafael

    Estou bloqueado no sandbox de pagamentos. (impedimento)Ainda esperando o acesso à API.

  6. Mei

    Rafael, eu corro atrás do acesso à API (responsável)hoje de manhã. (prazo)

  7. Mei

    Decisão: demo do onboarding na sexta. (decisão)Obrigada, pessoal!

Plano de ação · Daily, ter.

5 tarefas · 1 decisão
  1. Entregar as telas de onboarding

    NinaPrazo: HojeEm andamento
  2. Criar o seletor de planetas

    KenjiPrazo: AmanhãA fazer
  3. Subir o fix da busca para staging

    SofiaPrazo: HojeEm andamento
  4. Sandbox de pagamentos — esperando acesso à API

    RafaelBloqueado
  5. Pedir acesso à API para o Rafael

    MeiPrazo: HojeA fazer

DecisãoDemo do onboarding na sexta

Plano de ação compartilhado com o timeMei, Nina, Kenji, Sofia e Rafael

Gravar e transcrever

Ninguém precisa anotar.

A chamada é gravada e transcrita enquanto as pessoas falam, então todo mundo pode ficar na conversa.

Da conversa às tarefas

Decisões ganham responsáveis.

O que foi combinado vira tarefas, cada uma com um responsável, prontas para o time pegar assim que a daily termina.

07 / Impedimentos

O impedimento chega sozinho ao gestor.

Quando alguém ficava bloqueado, o Ingate avisava o gestor automaticamente. Na interface, o gestor via quem estava bloqueado, o que estava travando e uma sugestão de como resolver.

Rafael está bloqueadoEsperando acesso à API · desde a daily de hoje

Impedimentos1 aberto

Encontrados nas dailies do seu time e enviados para você automaticamente.

RafaelBackend Engineer

Bloqueado · desde a daily de hoje

O que está travando

“Esperando acesso à API para o sandbox de pagamentos.”

Dito na daily de hoje · adicionado ao plano de ação

Tarefa
Sandbox de pagamentos
Quem está esperando
Nina e MeiDemo do onboarding · sexta

Solução sugeridaCom base em quem já resolveu isso e no que você pode fazer

  • Você é admin do workspace de pagamentos.Solução mais rápida: você mesma libera o acesso.

  • O Kenji destravou o mesmo acesso ao sandbox na sprint passada.Ele conhece o setup e pode parear com o Rafael.

Prefere conversar?

Por trás do produto

Momentos do projeto Ingate.

Uma chamada de dentro do escritório no metaverso e o produto apresentado ao público.

Duas pessoas acenam para a webcam num escritório, vistas num quadro de vídeo em uma tela grande dentro de um escritório virtual em pixel art.
Uma videochamada de dentro do escritório no metaverso.
Num estande de evento, um apresentador aponta para a demo do produto numa tela enquanto dois visitantes escutam.
Mostrando o produto para visitantes em um evento.

Comece uma conversa

Vamos falar sobre o seu produto, o seu time e onde o design pode gerar mais valor.

Duração
20–30 minutos
Tema
Design engineering
Valor
Gratuito
Fale com o Bruno