Pagina pode ser acessada em List of Legends.
O site List of Legends foi elaborado com base nos dados fornecidos sobre os campeões do jogo League of Legends, buscando satisfazer as necessidades dos unsuários quanto ao acesso a esses dados.
Optamos por fazer um site que permitisse filtrar os campeões por função e por dificuldade e que apresentasse todas as estatísticas de cada campeão quando selecionado. Quando os filtros são executados é apresentada a quantidade e a porcentagem de campeões naquele filtro em relação ao total de campeões disponíveis no danco de dados.
As pesrsonas listadas abaixo e necessidades do usuário foram posteriormente validadas através de um formulário Google
Mimi - 22 - feminino
Joga outros jogos de computador e está começando no LOL agora, joga por diversão. Precisa conhecer os campeões e saber seus níveis de dificuldade. Procura por uma página fácil e intuitiva pra ter informação rápido.
Alvaro - 18 - Masculino
Conhece e joga há um tempo. Joga para se divertir mas ao mesmo tempo se preocupa com a sua evolução no jogo. Procura um site que possa ajudar a melhorar suas habilidades no jogo. Preferencias: Velocidade de ataque, velocidade de movimento, resistência mágica, ganho de mana por nível, alcance do ataque e dano crítico.
Com base nas informções coletadas, escrevemos as cinco histórias de usuário listadas a baixo e a partir delas foram definidas as tarefeas que seriam executadas a cada sprint:
- Eu como usuário preciso de um site onde posso ver todos os campeões do jogo para saber o que tem disponível.
- Eu como usuário preciso filtrar os campeões por nível de dificuldade para escolher os que se adequem ao meu nível como jogador.
- Eu como usuário preciso filtrar os campeões por função para escolher os que mais se adequam ao meu estilo de jogo.
- Eu como usuário preciso ter mais informações sobre os campeões para decidir estrategicamente com qual jogar e evoluir como jogador.
- Eu como usuário preciso filtrar os campeões por nome para encontrar um campeão específico facilmente.
A prototipação mobile foi feita no Marvel simulando o fluxo de navegação do usuário em nossa página. Simulação pode ser acessada no link List of Legends - Marvel
A prototipação desktop foi feita no Figma:
- Queda de porformance na busca por nome;
- Resolução baixa dos ícones de cada campeão;
- Alguns textos em inglês no banco de dados, fazendo necessário traduzir a página para ter leitura em apenas um idioma;
- Quantidade ideal de cards apresentados por linha na versão mobile.








