Vota

Votação ao vivo para torcedores de futebol

O Vota quer que os torcedores, e não um único dono, votem nas decisões que comandam o seu clube. A CodeLeap conduziu o design do produto — um briefing para definir a direção, as telas e os fluxos do app no Figma e uma rodada de testes com usuários para refiná-los.

A CodeLeap desenhou toda a experiência do torcedor e a entregou como um protótipo interativo, cobrindo as janelas de votação cronometradas que abrem durante a partida, as escolhas de jogadores e de táticas em que os torcedores votam e os pontos FanXP e rankings que transformam um palpite certo em prestígio entre os outros torcedores. Isso deu ao fundador algo concreto o bastante para validar o conceito e apresentá-lo a investidores sem antes se comprometer com o desenvolvimento.

O Vota é um aplicativo mobile que permite aos torcedores de futebol votar nas decisões que o técnico precisa tomar enquanto a partida está de fato acontecendo, incluindo substituições, formação, funções na formação e tática. Os torcedores não apostam dinheiro; eles ganham pontos, chamados FanXP, quando acertam o que o time realmente faz, e esses pontos os colocam em rankings contra outros torcedores. O fundador procurou a CodeLeap para transformar o conceito em um produto desenhado e interativo, para que pudesse validar a ideia e demonstrá-la aos parceiros de investimento que apoiam o app.

Funcionalidades do produto

Sessões de votação ao vivo

A votação abre em janelas cronometradas durante a partida, definidas pelo operador do jogo com um horário de início e uma duração que pode ser de apenas noventa segundos. Quando há várias sessões na fila, elas aparecem uma de cada vez, em ordem, porque um torcedor assistindo a um jogo ao vivo não tem atenção sobrando para decidir qual enquete responder primeiro.
Votação em decisões reais da partida

Os torcedores votam em tática e formação a partir de opções fixas, e em substituições e funções na formação escolhendo jogadores reais — quem sai e quem entra, ou qual jogador deve ocupar uma determinada função. Desenhar uma interação de escolha de jogadores que pudesse ser concluída em segundos foi a metade mais difícil do trabalho, já que ela carrega muito mais informação do que uma enquete simples.
Resultados e estatísticas de votação

Quando uma janela de votação fecha, os torcedores veem como os votos se dividiram, com a porcentagem de cada opção e, nas votações por função, o jogador vencedor e a parcela que o escolheu. Mostrar essa divisão é o que torna o recurso social, porque o torcedor quer saber se a torcida concordou com ele.
Pontos FanXP e rankings

Palpites certos rendem FanXP, que alimenta um ranking geral e um ranking separado para cada partida, com a posição do próprio torcedor em destaque no topo dos dois. Os torcedores podem navegar entre as partidas para ver como se saíram, o que dá ao app um motivo para ser aberto fora dos dias de jogo.
Notificações em dia de jogo

Os torcedores são notificados quando uma sessão de votação abre, e tocar na notificação os leva direto à tela de votação. Com uma janela de noventa segundos, uma notificação que cai a um passo da votação é uma notificação que chega tarde demais.
Temas claro e escuro

A interface foi desenhada por completo nos temas claro e escuro, com estilo consistente entre eles. Desenhar os dois de verdade, em vez de derivar um do outro, dobra a superfície de design — e isso importa para um app que as pessoas abrem no estádio ou no sofá à noite.

Desafio

A restrição que molda tudo aqui é a janela de noventa segundos. O torcedor está assistindo a uma partida ao vivo, com a atenção no campo, e o app precisa apresentar uma decisão, receber a resposta e confirmá-la antes que o jogo siga em frente. Isso descarta qualquer coisa em camadas ou exploratória e coloca todo o peso do design na rapidez com que uma tela pode ser lida e respondida.

O conteúdo das votações tornava isso ainda mais difícil. Escolher uma formação é uma seleção simples, mas escolher qual jogador sai e qual entra, ou atribuir um jogador a uma função na formação, exige apresentar um elenco e receber duas respostas relacionadas na mesma janela curta. O protótipo também tinha uma função além do design: o fundador precisava validar o conceito com torcedores e apresentá-lo a parceiros de investimento, então ele tinha de parecer um produto pronto, e não um conjunto de telas.

Solução

A CodeLeap desenhou a experiência do torcedor de ponta a ponta e a entregou como um protótipo interativo no Figma cobrindo a jornada completa, da abertura de uma sessão de votação durante a partida até o ranking em que o torcedor chega depois. O design foi desenvolvido de forma iterativa, ao longo de várias rodadas de feedback com o fundador, com cada tela resolvida em um nível que permite a uma equipe de desenvolvimento construir diretamente a partir dela.

O protótipo cumpriu o que o fundador precisava. Ele validou o conceito e deu ao fundador algo concreto para demonstrar aos parceiros de investimento do app, e a expectativa é que o app entre em desenvolvimento no próximo ano. A participação da CodeLeap até agora foi o design de UX e o protótipo, e não o desenvolvimento.

Stack tecnológica

O projeto foi entregue como um trabalho de design e prototipagem.

Design

Figma — conjunto completo de telas de UI nos temas claro e escuro e um protótipo interativo de toda a jornada do torcedor
Escopo

Apenas design de UX e protótipo; o desenvolvimento completo foi orçado separadamente e ainda não foi realizado