Projeto/ Débito Automático
Meu papel/ UI Designer
Empresa/ XP
materiais completos protegidos por NDE
Contexto
A nova funcionalidade de débito automático estava sendo desenvolvida para nossos clientes e devido a mudanças no time, entrei com o papel de UI Designer para atuar especificamente nas interfaces.
Meu foco nesse projeto foi o estudo dos elementos do SOMA (Design System da XP) e criação das interfaces.
Onboarding
No início da jornada, procurei explicar a funcionalidade para os usuários. Aproveitei elementos de lista, icones e botões para criar a interface baseado no nosso DS.
Utilizei mais uma vez os elementos de lista para permitir que o usuário escolhesse a categoria da conta na qual desejava adicionar em débito automático.
Por fim, definindo o dia de vencimento mensal daquele débito. Nessa interface criei alguns alertas para evitar erros futuros ao preencher o dia de vencimento incorreto.
Utilizei os elementos de alerta do SOMA que já estavam muito bem definidos para cada cenário.
Essa era a parte mais complexa, onde o usuário precisava digitar o código do débito automático. Esse código era diferente pra cada conta e tinha nomes diferentes em cada empresa.
Assim, criei dicas que pudessem ajudar o usuário a encontrar o código correto.
Por fim, temos a interface de confirmação para impedir o usuário de iniciar o pedido de débito automático com algum dado incorreto
