Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

[Projeto] Checkpoint UI Design Nível 1 - Feedback sobre meu primeiro protótipo navegável no Figma

Olá, pessoal!

Concluí o projeto do Checkpoint UI Design - Nível 1 e gostaria de receber um feedback antes de seguir para o próximo módulo.

Desenvolvi um aplicativo fictício de delivery chamado QuickBite, aplicando os conceitos apresentados nas aulas, como Auto Layout, componentes, variantes, identidade visual e prototipação no Figma.

O fluxo do aplicativo está navegável e inclui as etapas de cadastro, navegação entre categorias, seleção de produtos, resumo do pedido, pagamento e confirmação.

Ainda sei que há pontos para evoluir, como ampliar o Design System e adicionar mais estados e microinterações, mas acredito que consegui aplicar os principais conceitos deste módulo.

Gostaria de saber a opinião de vocês sobre:

O fluxo está coerente?
A interface está consistente?
Há algum ponto importante que eu deveria melhorar antes de considerar o projeto concluído?

Desde já, agradeço pelo feedback!!

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

https://www.figma.com/proto/r2IapnvybjjRypX4Hj8jdb/Projeto_QuickBite_WILLIAN?node-id=104-581&t=ZEfyYlfsTAly69FX-1

1 resposta

Oii, Willian!

Parabéns por concluir o Checkpoint UI Design Nível 1. Colocar um projeto completo de pé, passando por todas as etapas, desde o cadastro até a confirmação do pedido, demonstra muita dedicação.

O uso da identidade visual com tons quentes (laranja e amarelo) faz bastante sentido para o segmento de delivery, pois desperta o apetite e traz uma sensação de dinamismo. As ilustrações no topo das telas iniciais e o uso de imagens de boa qualidade também enriquecem o visual.

Para te apoiar na evolução antes de avançar para o próximo módulo, analisei a interface com base nos pontos que você trouxe. Seguem algumas observações para deixar o seu projeto ainda melhor:


1. Coerência do Fluxo e Navegação

O fluxo principal está completo e faz sentido lógico. Porém, vale a pena olhar com atenção para a barra de navegação inferior (nav bar):

  • Feedback visual (Estado Ativo): É uma boa prática destacar visualmente qual aba o usuário está navegando no momento (mudando a cor do ícone ou adicionando um pequeno indicador), ajudando na orientação espacial dentro do app.

2. Próximos Passos Recomendados

Antes de considerar esta etapa 100% concluída, sugiro pequenos refinamentos:

  • Dê uma passada geral revisando os paddings (espaçamentos internos) de seus botões e cards via Auto Layout para garantir que todos sigam uma mesma grade (por exemplo, múltiplos de 4 ou 8px).
  • Teste a leitura do aplicativo simulando o uso em uma tela de celular real (através do Figma Mirror), pois isso ajuda muito a perceber se o tamanho das fontes dos textos de apoio e preços está confortável para os olhos.

O trabalho está muito bem encaminhado e demonstra que você absorveu os fundamentos de estrutura e componentes do Figma.

Como você enxerga a aplicação dessas melhorias na organização dos seus componentes atuais?

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!