YAN
Design de web app e dashboard
Rei do Pitaco. Uma lista de espera em passos curtos
O fluxo de cadastro de uma lista de espera para um produto de apostas: escolher como entrar, informar os dados em passos curtos e confirmar o e-mail.
Em resumo
- O problema
- Uma empresa de fantasy game estava lançando um produto de apostas. A lista de espera precisava levar as pessoas pelo cadastro, pela verificação de identidade e pelas indicações, e dar um motivo para esperar.
- Minha parte
- Como Product Designer do time, de março a outubro de 2022, trabalhei em UX e UI, design de interação, testes de usabilidade, avaliação heurística e pesquisa para o fantasy game e o lançamento do produto de apostas.
- A decisão principal
- Mapear o lançamento em quatro etapas, cadastro, verificação de identidade, indicação e pontuação, antes de desenhar qualquer tela. Depois, pedir uma coisa por tela, com o erro e o motivo de cada exigência no próprio lugar.
- Meu papel
- Fluxos de produto e design de interface
- Status do projeto
- Design de interface · Acervo do Figma
Telas dos arquivos de design originais no Figma, com dados de exemplo.
Minha contribuição
Trabalhei no Rei do Pitaco como Product Designer de março a outubro de 2022, no jogo de fantasy e no lançamento de um novo produto de apostas. Na prática, fiz UX e UI design, design de interação, testes de usabilidade, avaliação heurística, pesquisa de UX e product discovery.
Aqui mostro a lista de espera do produto de apostas, do planejamento à área logada. A pesquisa com usuários por trás dela é outro case, protegido por código.
Mapear o lançamento antes de desenhar
O trabalho começou pela estrutura: um sitemap da lista de espera e um fluxo principal em quatro etapas. O cadastro traz a pessoa, o KYC confirma quem ela é, a indicação e o compartilhamento trazem outras pessoas, e a pontuação mostra onde ela está. Toda tela que veio depois precisava servir a uma dessas etapas.
Duas entradas, um passo de cada vez
A primeira tela separa duas situações: criar uma conta nova ou usar uma conta do Rei do Pitaco que já existe. Quem está voltando tem links próprios abaixo desses botões, um para entrar e outro para recuperar a senha.
Cada passo seguinte mantém a mesma estrutura: logo no topo, um título, os campos daquele passo e, embaixo, Voltar e Próximo em volta de três pontos de progresso. O passo do CPF mostra o erro de campo obrigatório ali mesmo, com uma nota abaixo explicando que o número não pode ser alterado mais tarde. Depois do último passo, o fluxo se resume a uma mensagem e duas ações: reenviar o e-mail ou fechar.
Uma lista de espera que explica o prêmio
A landing page anuncia o novo produto de apostas com uma frase, “O betting do Rei vem aí!”, e uma ação: deixar o e-mail e entrar na lista. Tudo o que vem abaixo responde por que vale a pena, a começar por mais de R$ 1 milhão em prêmios.
Faixas de prêmio, como funcionam os pontos e um FAQ curto vêm nessa ordem, para a página resolver a questão do dinheiro antes de pedir qualquer outra coisa.
Depois do cadastro, uma contagem regressiva
Lá dentro, a área logada mantém o lançamento em evidência: os dias restantes, uma escada de prêmios e o status de verificação da conta. O arquivo tem as versões verificada e não verificada, para quem parou no meio ver o que falta.
O cadastro em si pede uma coisa por tela, do e-mail ao nome e à data de nascimento, depois o CPF, com uma nota simples explicando por que esse número é necessário.
