TalkAll – Omnichannel App

TalkAll é um sistema omnichannel de atendimento ao cliente criado para otimizar a comunicação da empresa (tanto com seus clientes quanto internamente, entre as equipes).

Cliente

TalkAll

Time

1 Designer (eu)
1 Product Manager

Indústria

Tech / SaaS

Duração

1 mês

Desafio

Quando comecei a desenhar o app da TalkAll, o briefing era direto: criar uma plataforma que centralizasse tudo em um só lugar.

À primeira vista, parecia só mais um sistema de tickets. Mas logo ficou claro que o desafio era muito maior e mais humano.

O foco não era apenas organizar filas de atendimento, mas projetar com empatia.

Eu não estava desenhando para um único tipo de usuário, e sim para múltiplos papéis, com responsabilidades distintas, compartilhando o mesmo espaço digital.

Quando comecei a desenhar o app da TalkAll, o briefing era direto: criar uma plataforma que centralizasse tudo em um só lugar.

Eu não estava desenhando para um único tipo de usuário, e sim para múltiplos papéis, com responsabilidades distintas, compartilhando o mesmo espaço digital.

Essas foram as perguntas que nortearam cada decisão de design.

Criar o app da TalkAll foi mais do que montar telas. Foi mergulhar na rotina das equipes de suporte e traduzi-la em uma interface funcional, flexível e humana.

Essas foram as perguntas que nortearam cada decisão de design.

Criar o app da TalkAll foi mais do que montar telas. Foi mergulhar na rotina das equipes de suporte e traduzi-la em uma interface funcional, flexível e humana.

User flows

Comecei mapeando os fluxos principais com base em rotinas reais:

Login e acesso à conta, incluindo erros e bloqueios;
Gestão de tickets, com filtros, status e acesso rápido aos detalhes;
Interface de chat, para conversas com clientes e entre agentes;
Perfil do usuário, com opção de transferir tickets para outro agente;
Configurações e acessibilidade, para que cada pessoa tenha controle sobre como trabalha.

Cada tela foi pensada para reduzir fricções e permitir que o usuário foque no que realmente importa: resolver problemas (e não gastar tempo tentando entender a interface).

Comecei mapeando os fluxos principais com base em rotinas reais:

Login e acesso à conta, incluindo erros e bloqueios;
Gestão de tickets, com filtros, status e acesso rápido aos detalhes;
Interface de chat, para conversas com clientes e entre agentes;
Perfil do usuário, com opção de transferir tickets para outro agente;
Configurações e acessibilidade, para que cada pessoa tenha controle sobre como trabalha.

Cada tela foi pensada para reduzir fricções e permitir que o usuário foque no que realmente importa: resolver problemas (e não gastar tempo tentando entender a interface).

Soluções de Design

Aqui estão algumas das soluções que implementei para dar suporte à complexidade do aplicativo:

Hierarquia visual clara para guiar os usuários por interfaces complexas sem sobrecarregá-los;
Uso inteligente de tags e filtros para ajudar os agentes a encontrar tickets rapidamente e se manterem organizados;
Estados vazios e de erro que informam e orientam os usuários quando algo dá errado (e não apenas os bloqueiam);
Iconografia e tipografia consistentes para melhor escaneabilidade e navegação mais rápida.

Cada decisão de design tinha um propósito: tornar as coisas mais fáceis, rápidas e intuitivas, mesmo quando as tarefas eram complexas.

Aqui estão algumas das soluções que implementei para dar suporte à complexidade do aplicativo:

Hierarquia visual clara para guiar os usuários por interfaces complexas sem sobrecarregá-los;
Uso inteligente de tags e filtros para ajudar os agentes a encontrar tickets rapidamente e se manterem organizados;
Estados vazios e de erro que informam e orientam os usuários quando algo dá errado (e não apenas os bloqueiam);
Iconografia e tipografia consistentes para melhor escaneabilidade e navegação mais rápida.

Cada decisão de design tinha um propósito: tornar as coisas mais fáceis, rápidas e intuitivas, mesmo quando as tarefas eram complexas.

Aqui estão algumas das soluções que implementei para dar suporte à complexidade do aplicativo:

Hierarquia visual clara para guiar os usuários por interfaces complexas sem sobrecarregá-los;
Uso inteligente de tags e filtros para ajudar os agentes a encontrar tickets rapidamente e se manterem organizados;
Estados vazios e de erro que informam e orientam os usuários quando algo dá errado (e não apenas os bloqueiam);
Iconografia e tipografia consistentes para melhor escaneabilidade e navegação mais rápida.

Cada decisão de design tinha um propósito: tornar as coisas mais fáceis, rápidas e intuitivas, mesmo quando as tarefas eram complexas.

Componentes

Embora eu não tenha sido designada com a tarefa de criar um sistema de design completo, desenvolvi uma estrutura de interface de usuário modular que pudesse ser facilmente escalonada:

Componentes de botões reutilizáveis (primário, secundário, desativado, perigo);
Tags de status com lógica de cores (por exemplo, urgente, pendente, resolvido);
Exibição de tickets baseada em cartões;
Barra lateral e navegação superior para acesso rápido às áreas principais.

Esses elementos ajudaram a manter a consistência visual em todo o aplicativo e aceleraram iterações futuras.

Embora eu não tenha sido designada com a tarefa de criar um sistema de design completo, desenvolvi uma estrutura de interface de usuário modular que pudesse ser facilmente escalonada:

Componentes de botões reutilizáveis (primário, secundário, desativado, perigo);
Tags de status com lógica de cores (por exemplo, urgente, pendente, resolvido);
Exibição de tickets baseada em cartões;
Barra lateral e navegação superior para acesso rápido às áreas principais.

Esses elementos ajudaram a manter a consistência visual em todo o aplicativo e aceleraram iterações futuras.

Conclusão

Este projeto foi um lembrete de que projetar para pessoas reais significa abraçar a complexidade (e então torná-la simples).

Aprendi a:

Pensar além das "telas" e focar nos fluxos;
Priorizar a comunicação entre humanos, não apenas entre sistema e usuário;
Projetar para diferentes mentalidades em uma única plataforma.

E, acima de tudo, aprendi que uma boa interface não é apenas limpa — é clara.

Este projeto foi um lembrete de que projetar para pessoas reais significa abraçar a complexidade (e então torná-la simples).

Aprendi a:

Pensar além das "telas" e focar nos fluxos;
Priorizar a comunicação entre humanos, não apenas entre sistema e usuário;
Projetar para diferentes mentalidades em uma única plataforma.

E, acima de tudo, aprendi que uma boa interface não é apenas limpa — é clara.