​​

​

​

​

Em outubro de 2020, integrei a equipe de Design do Banco do Brasil com o desafio de atuar na otimização do Portal do Fornecedor. Minha missão, em parceria com o UX Designer Principal (Raoni), foi analisar a plataforma e projetar uma experiência de usuário mais fluida, simples e eficiente.​​​​​​​​​

​

O Desafio e o Contexto

O Portal do Fornecedor havia sido desenvolvido inicialmente por uma equipe de engenharia para atender a uma demanda emergencial decorrente da pandemia. O objetivo principal era permitir que os fornecedores enviassem seus documentos digitalmente, mitigando a necessidade de atendimento presencial nas agências.Por se tratar de um ambiente bancário tradicional e altamente regulado, enfrentamos restrições severas para a realização de pesquisas diretas com os usuários finais. Diante desse cenário limitado por compliance e governança, adotamos uma abordagem metodológica baseada em dados secundários, análises técnicas e mapeamento de cenários para mitigar riscos e extrair os melhores insights.

​

​

​

​

​

 

​

​​

​

​

​

​

​

​

​​

​

​

​

​​​​

​​

​​​​​​​​Processo de Design

​

1. Imersão e Diagnóstico

Iniciamos o projeto com uma reunião de kick-off para alinhamento de expectativas e entendimento dos objetivos de negócio. Em seguida, partimos para a fase de diagnóstico técnico através de duas frentes principais:

• Inventário de Conteúdo: Mapeamos minuciosamente a home e a tela de login para reestruturar a arquitetura de informação, priorizando o que de fato gerava valor e relevância para o usuário.

• Cenários de Uso: Modelamos os diferentes perfis de acesso (fornecedores terceiros, funcionários e gestores) para visualizar suas jornadas e fricções na plataforma.

​

2. Análise Heurística e Mapeamento de Fluxos

O foco inicial da otimização foi o fluxo de autenticação (login), caracterizado por uma dupla jornada complexa: a de fornecedores com CNPJ (identificados via Chave-J) e a de fornecedores operando apenas via CPF.

Utilizando o Miro, documentamos visualmente todo o fluxo atual e aplicamos uma avaliação heurística. Identificamos gargalos cognitivos, inconsistências de interface e quebras de expectativa na jornada de ambos os perfis, transformando essas dores em oportunidades de melhoria documentadas.​​​​​

​

 

​​​​​​​​​​​​​​​​​​​​​3. Pesquisa com Stakeholders (Proxy Users) e Priorização

Como as pesquisas diretas com os usuários finais não eram viáveis devido às políticas de compliance, adotamos uma estratégia alternativa de pesquisa qualitativa: realizamos entrevistas com a equipe de suporte técnico e atendimento. Sendo o canal direto de suporte ao fornecedor, esse time atuou como proxy users, trazendo um mapeamento rico das dores reais dos clientes.

Gravamos e analisamos as sessões de atendimento para catalogar as reclamações e fricções mais recorrentes. Com esse diagnóstico estruturado, lideramos uma dinâmica com os stakeholders do Banco do Brasil para cruzar as necessidades dos usuários com a viabilidade técnica e de negócio, definindo uma matriz de priorização antes de iniciar a etapa de desenh​​​​​​​​​​​​​​​​

 

 

4. Mapeamento de Jornadas Complexas

Antes de materializar as soluções na interface, precisávamos decifrar o fluxo de envio de notas fiscais dos fornecedores, um processo historicamente complexo, burocrático e fragmentado.

Utilizando o Miro, diagramamos a arquitetura desse fluxo em sua totalidade. Validamos cada etapa de forma síncrona com os especialistas de negócio do banco para sanar dúvidas regulatórias, garantindo que a simplificação visual da interface não gerasse inconformidades com as regras de negócio da instituição.

Ideação e Wireframing

A partir do mapeamento de dores, objetivos e restrições técnicas, consolidamos uma visão holística do produto. Iniciamos a fase de ideação desenvolvendo wireframes de baixa e média fidelidade para testar e validar rapidamente a usabilidade, a arquitetura de informação e a navegação estrutural, garantindo que o fluxo fosse lógico para o usuário antes de avançarmos para o visual.

Prototipação e Interface de Alta Fidelidade

Após a aprovação dos wireframes pela liderança e pelo time técnico, iniciamos a produção do protótipo de alta fidelidade no Adobe XD. Devido ao escopo robusto do Portal do Fornecedor e ao cronograma ágil, o processo exigiu alta capacidade de entrega e atenção aos detalhes.Projetamos uma solução de ponta a ponta que englobou:

• Redesenho da Home e das páginas de autenticação (login);

• Fluxo completo de confirmação de pedido de compra;

• Fluxo de envio de dados e documentos fiscais;

• Jornada de acompanhamento contratual;

• Mapeamento de cenários de exceção e mensagens de erro preventivas para todas as etapas.
   

O resultado foi um protótipo navegável, aderente às diretrizes visuais exigidas e pronto para o desenvolvimento técnico.

​

Aprendizados

O Portal do Fornecedor marcou o início da minha trajetória como UX/UI Designer. Atuar em um ecossistema complexo e de alta escala como o Banco do Brasil, logo no primeiro projeto, foi uma experiência desafiadora que acelerou significativamente minha maturidade profissional. A mentoria e a parceria com o UX Designer Principal, Raoni, foram fundamentais para que pudéssemos entregar um produto robusto dentro dos prazos estipulados. Embora a ausência de testes diretos com usuários finais tenha sido uma limitação imposta pelo contexto corporativo da época, o uso de metodologias ágeis de diagnóstico, a colaboração com o time de suporte e o foco em heurísticas provaram que é possível projetar interfaces intuitivas e gerar valor tangível mesmo diante de cenários restritivos.​​​​​