- Web
- Benchmarking
- Figma Make
- IA
- Documentação de prompt
Velion Bank
Chatbot de ajuda: como o Figma Make acelerou a criação de um fluxo conversacional bancário.
- meu papel
- UX/UI, benchmarking e prompt
- tipo
- Chatbot de amortização
- ferramentas
- Figma e Figma Make
- observação
- Case anonimizado
- 10 minde prototipaçãocontra 2 dias no processo manual
- 99,7%mais rápidoeficiência na entrega
- Altaqualidade do resultadoconsistência validada com a PO
O projeto
Criar o fluxo conversacional completo para amortização de produtos financeiros, incluindo múltiplas telas, estados, validações e uma linguagem clara e humanizada.
O processo tradicional de prototipação levava 2 dias completos: criação manual de telas, ajustes de layout, componentização, escrita de copy e definição de estados.
- 01
Benchmarking
Análise dos chatbots do Nubank, do PagBank e do próprio banco.
- 02
Protótipo manual
Primeira versão criada do zero, em 2 dias de trabalho.
- 03
Figma Make
Recriação acelerada com IA, em 10 minutos.
Benchmarking
Análise detalhada das interfaces e dos fluxos conversacionais dos principais chatbots bancários do mercado.
Aprendizados aplicados
- Interações rápidas e guiadas
- Tom humano, sem jargões
- Jornada simples e objetiva
- Sugestões diretas ao usuário
Nubank
- Linguagem natural e humanizada
- Mantém contexto com fluidez
- Design moderno e limpo
PagBank
- Comunicação rápida e direta
- Menus prontos reduzem fricção
- Boa resolução imediata
Velion Bank
- Fluxos estruturados e seguros
- Interface moderna e intuitiva
- Experiência guiada e clara
Como usei o Figma Make
- 1
Contextualização
Reuni os insights do benchmarking e defini as melhores práticas: linguagem humanizada, fluxo guiado e interações diretas.
- 2
Protótipo com IA
Escrevi um prompt detalhado descrevendo o fluxo completo, as etapas da jornada, o tom de comunicação desejado e as referências visuais.
- 3
Resultado do prompt
Em 10 minutos, o Figma Make gerou o fluxo completo com componentes organizados, Auto Layout aplicado e variações de estados.
- 4
Ajuste final
Ajustes pontuais alinharam o fluxo 100% às regras de negócio, mas a base já estava completa e pronta para uso.
o prompt que usei
Crie o fluxo completo da jornada de amortização de um produto financeiro: seleção do tipo de amortização, inserção de valores, cálculo automático, revisão e confirmação.
Use linguagem humana e objetiva (referência: chatbots do Nubank e do PagBank). Estruture em formato mobile, com componentes, Auto Layout, espaçamentos padronizados e estados de erro e loading. Organize as telas em fluxo lógico e mantenha consistência visual.
- Layout consistente
- Componentes padronizados
- Copy humanizada
- Estados completos
principal insight
A IA não apenas replicou: ela melhorou. Sugeriu boas práticas de design e de copy que levariam horas para implementar manualmente.
Manual vs. Figma Make
Versão manual · 2 dias
- Layout básico e funcional
- Espaçamentos inconsistentes
- Copy técnica e pouco humanizada
- Estados mal definidos
- Muito tempo em ajustes visuais
- Retrabalho constante
Com Figma Make · 10 min
- Layout moderno e polido
- Componentes padronizados com Auto Layout
- Copy clara, direta e humanizada
- Estados completos: erro, loading e sucesso
- Entrega em minutos
- Base sólida para refinamentos
| critério | manual | Figma Make |
|---|---|---|
| Tempo | 2 dias | 10 min |
| Consistência | Média | Alta |
| Qualidade | Boa | Excelente |
| Manutenção | Difícil | Fácil |
Resultado
A combinação entre pesquisa estratégica, processo de UX e aceleração com IA resultou em uma solução de alta qualidade entregue em uma fração do tempo.
99,7%
mais rápido
10 min
de tempo total
100%
funcional
O Figma Make não substituiu o trabalho de UX.
Ele potencializou, permitindo focar no que realmente importa: estratégia, decisão e experiência do usuário.
próximo projeto
