Função UX | UI Designer
Conclusão Agosto - 2023
Plataforma iOS, Android e Web
Introdução 🧭
O projeto consistiu no aprimoramento do desenho da experiência e no desenho da interface de um aplicativo de crédito destinado à entusiastas de apostas esportivas, bem como no desenho da experiência e interface de um painel de controle (dashboard) para web. O painel permitiria ao contratante visualizar e gerenciar os usuários e o crédito concedido a eles.
O aplicativo teria integração com o site de apostas "Betmais" e só teria serventia para os usuários que apostassem pela Betmais. O Bet Crédito seria um meio de pagamento adicional na plataforma Betmais e poderia ser utilizado por usuários que não tivessem recursos no momento da aposta ou que quisessem utilizar outro meio de pagamento que não fosse uma das outras opções da plataforma.
Devido ao prazo e orçamento, os serviços contratados contaram apenas com a entrega de um fluxograma estruturado, desenho das telas do aplicativo e do dashboard (e protótipo navegavel de ambos.
Problema 🌡️
Usuários deixam de apostar quando ficam sem saldo na plataforma de apostas.
→ Por falta de recursos financeiros o usuário deixa de inserir mais saldo na plataforma;
→ O usuário pode não querer comprometer um recurso financeiro para gastos do mês.
Solução 💊
Plataforma integrada ao Betmais, para um meio de pagamento alternativo, com crédito aprovado para o apostador utilizar na hora.
→ O usuário terá 30 dias para realizar o pagamento do crédito que solicitou na plataforma.
Pesquisa | Reuniões e Benchmarking 🔎
Para ter uma base mínima de informação e dar seguimento à fase de definição de nosso projeto, fizemos uma pesquisa de mercado (benchmarking) e algumas reuniões com o cliente para entender o produto e as estratégias de negócio (relevantes para o projeto), as necessidades e expectativas para o projeto e os fluxos da experiência dos usuários, já previamente desenhada pelo cliente.
Definição | Fluxograma da experiência do usuário do aplicativo ✏️
O fluxo do usuário se inicia dentro da plataforma Betmais (apenas para usuários que ficarem sem saldo). Este usuário recebe uma comunicação dando a alternativa de continuar apostando utilizando um crédito consedido pelo Bet Crédito e, caso o usuário opte por continuar apostando, será direcionado para o app do Bet Crédito.
Caso o usuário ainda não tenha baixado o aplicativo e aberto sua conta no Bet Crédito, passará por esse fluxo: baixar o app, preencher o cadastro, definir senha de acesso e autenticar identidade; após esses passos o usuário terá uma conta no Bet Crédito, com crédito aprovado de R$500 para utilizar na plataforma de apostas Betmais.
Tendo conta aberta, para solicitar o crédito no app, o usuário acessa o meio de pagamento "Bet Crédito" dentro da plataforma Betmais e acessa o app; copia os dados do cartão de crédito Bet Crédito, cola na plataforma Betmais e confirma a transação. Logo em seguida, o saldo do usuário na plataforma Betmais é atualizado, com os R$500 creditados da conta do Bet Crédito.
O usuário recebe via e-mail um bolepix de cobrança após 30 dias da tomada do crédito. O pagamento pode ser feito pelo pagamento do boleto enviado por e-mail ou pode ser feito diretamente no app, que apresenta a opção de pagar com Pix copia e cola.
Assim que o Bet Crédito recebe a confirmação do pagamento da cobrança pelo usuário, o crédito de R$500 é reestabelecido no app e já pode ser solicitado novamente. Se o usuário não pagar pelo crédito tomado, recebe uma comunicação avisando que o boleto de cobrança será protestado em x dias (decisão Betmais). Se ainda assim o usuário não realizar o pagamento, os dados do usuário são enviados (via integração) para o parceiro "Protesto Online".
Experiência do usuário do dashboard ✏️
Para o desenho da experiência do painel de gestão foi realizado um alinhamento com a equipe do Betmais para entender as necessidades. O que levantamos nessa pesquisa com os usuários foi:
→ Lista de usuários do aplicativo, com tags indicando se o usuário está inadimplente;
→ Filtros para segmentar a lista de usuários do app por períodos;
→ Filtros para segmentar a lista de usuários do app por tags (pagamento recebido, a receber ou inadimplente);
→ Possibilidade de fazer o download da lista de usuários em formato de arquivo compatível com exce;
→ Possibilidade de incluir usuários no painel de gestão (com acessos próprios).
Com base nos insights obtidos, desenhamos a experiência com foco na facilidade em realizar as ações necessárias dentro do painel de gestão e na apresentação de todas as informações importantes para a gestão de usuários e cobranças.
Desenvolvimento | Interface do aplicativo 📱
Para a UI do aplicativo desenvolvemos um style guide com as cores da identidade do Bet Crédito e elementos alinhados com a mesma. Para as telas, priorizamos destacar as informações mais importantes, deixando intuitivo o processo mais usual de conferir o saldo e acessar os dados do cartão para copiar e fazer transações no Betmais; porém, optamos por deixar fácil na interface algumas orientações para o usuário realizar as ações dentro do app, como as instruções para utilizar o meio de pagamento na plataforma Betmais e informações sobre cobranças.
Desenvolvimento | Interface do dashboard 💻
Para a UI do dashboard desenvolvemos um style guide também com as cores da identidade do Bet Crédito e elementos alinhados com a mesma e com os elementos do aplicativo. Fontes, iconografia e imagens foram mantidas (as mesmas do app) para dar unidade e padronização.
Pontos de melhoria ⚠️
→ A nível de negócio, deverá ser analisado se faz sentido deixar a opção de copiar o código do boleto de cobrança já dentro do aplicativo, assim, se o usuário optar por esse meio de pagamento, não precisa solicitar o envio do boleto por e-mail para copiar o código;
→ Posteriormente deverá ser melhorado o fluxo de transição de uma plataforma para outra (Betmais - Bet Crédito). O ideal seria que o usuário fizesse esse passo somente uma vez;
→ A nível de negócio, deverá ser analisado se não faz sentido o usuário conseguir escolher o valor específico que solicitará de crédito.
Principais aprendizados 💡
→ O projeto poderia ter alcançado outro nível de entrega, a nível de desenho de experiência, se tivessemos tido uma etapa de pesquisa. Uma pesquisa mais estruturada e aprofundada teria feito muita diferença.
