Introdução

A construção do protótipo de alta fidelidade auxilia a equipe de desenvolvimento a encontrar um nível de detalhes abrangentes, extrair funcionalidades, testar usabilidade, e também fornece uma base para o gerenciamento do projeto pois com o protótipo é possível realizar estimativas de quanto tempo será necessário desempenhar em cada funcionalidade.

Metodologia

Iniciamos o projeto através dos levantamentos iniciais da equipe, após discussões a ferramenta Figma foi selecionada para produzir o protótipo de alta fidelidade.

Observar a estrutura do AHT para a proposição das ações no protótipo.

Protótipo de alta fidelidade

Versão 1.0

Tela Header + Nav

Imagem do WhatsApp de 2025-05-28 à(s) 22 26 13_77e0564c

Tela jogos em destaque

Imagem do WhatsApp de 2025-05-28 à(s) 22 26 35_cfe90231

Tela organizador na home

Imagem do WhatsApp de 2025-05-28 à(s) 22 27 14_a4ffce9d

Tela proximos jogos na home

Imagem do WhatsApp de 2025-05-28 à(s) 22 27 30_168418a3

Imagem do WhatsApp de 2025-05-28 à(s) 22 27 46_5b27efcd

Tela aba organizadores

Imagem do WhatsApp de 2025-05-28 à(s) 22 28 27_05163500

Tela aba organizadores pt 2

Imagem do WhatsApp de 2025-05-28 à(s) 22 28 53_a132c99c

Tela banner organizadores

Imagem do WhatsApp de 2025-05-28 à(s) 22 27 14_a4ffce9d

Tela FAQ

Imagem do WhatsApp de 2025-05-28 à(s) 22 29 23_c68079c4

Tela aba meus ingressos

Imagem do WhatsApp de 2025-05-28 à(s) 22 29 46_243f37ce

Tela Login

Tela Cadastro

Tela Esqueci minha senha

Tela Carrinho

Tela Pagamento

Conclusão

A partir da elaboração do protótipo foi possível ter uma noção inicial da interface do usuário, definindo fluxo, paleta de cores, botões, app bars e diversas outras funcionalidades

Referências

Ferramenta Figma. Disponível em https://www.figma.com

Autor(es)

Data Versão Descrição Autor(es)
28/05/25 1.0 Criação do documento Joao Vitor Rodrigues, Bernardo Cichelli, Arthur Riess, Caique Rechuan, Felipe Maia
28/05/25 1.1 Adicionado as imagens do protótipo Joao Vitor Rodrigues
28/05/25 1.2 Adicionado conclusão e referências Joao Vitor Rodrigues