Skip to content

Figma

Definindo a Identidade Visual do Projeto:

Iniciamos nossa jornada no frontend estabelecendo a identidade visual do nosso site. Isso envolveu decisões fundamentais, como a seleção da paleta de cores, a escolha da logo e o nome do projeto.

Logo do Projeto

Desenvolvimento do Style-Guide para Padronização:

Em seguida, criamos um Style-Guide detalhado. Este guia teve como objetivo central facilitar o processo de prototipação, garantindo consistência visual e de estilo em todas as etapas do desenvolvimento. Com elementos como tipografia, ícones, espaçamentos e componentes definidos de antemão, ganhamos eficiência e coesão em nosso trabalho.

Style Guide

Estruturação da Interface com Base na História de Usuário:

Utilizando a história de usuário elaborada pelo grupo como referência, concebemos uma estrutura inicial para nosso projeto. Este passo foi essencial para mapear as funcionalidades essenciais e determinar o escopo do trabalho. Ao discernir o que deveria ou não estar presente em nossa aplicação, conseguimos direcionar nossos esforços de forma mais precisa.

Estrutura Site

Prototipação da Tela Inicial:

Com as bases sólidas estabelecidas, criamos o modelo final da nossa página principal.

Home Page

📁 Histórico de versão

Versão Data Descrição Autor
1.0 24/04/2024 Crição da documentação do Figma Isaac Batista
1.1 25/04/2024 Adicionando emojis nos tópicos Isaac Batista
1.2 26/04/2024 Atualização com a nova Home Manuella Valadares