Assistente de IA

É um assistente de IA que vive dentro de uma ferramenta de atendimento por WhatsApp, usada por times comerciais. Ele entrou no lugar da antiga aba de perfil do cliente. Como foi construído em cima do chat, ficou com a cara do chat: mesmas bolhas, mesmo fundo, mesma caixa de texto.

Com duas conversas abertas lado a lado, o operador tinha que ler para saber com quem estava falando. Os dados do cliente apareciam duas vezes na tela. E a tela inicial não dizia o que o assistente sabia fazer. As telas do chat não entram aqui por confidencialidade.

O chat ficou com o laranja e o creme que já eram dele. Levei o assistente para o azul-marinho, que também já existia na paleta. Além da cor, mudei a superfície e o formato das bolhas.

A identidade do assistente ainda estava sendo decidida. Não dava para esperar por ela, então deixei toda a cor de marca apontando para um único lugar no arquivo. Quando a identidade saísse, bastava mudar ali e as 15 telas mudariam junto. Foi o que aconteceu uma semana depois.

Comecei pelos tokens: 47 no total, tirados das cores reais do produto e divididos em três grupos. Depois vieram os seis componentes, todos ligados a esses tokens, e com eles montei as 15 telas do fluxo. Também reescrevi a interface: o campo de pergunta saiu de "Digite um prompt ou /" para "Faça uma pergunta". E fiz uma segunda versão do design system em linguagem comum, para quem é de negócio revisar sem pedir tradução.