Mockups

Abaixo vamos apresentar alguns dos mockups de alta fidelidade desenvolvidos na ferramenta de prototipagem figma. Para ver todos os Mockups criados, entre no figma do projeto.

Telas do site Excedentes

Tela de Login

Figma

Link para o figma do projeto , onde contêm os mockups de baixa fidelidade (LowFi) e o de alta fidelidade (Design final). Foi utilizado também o Chackra UI para a biblioteca de componentes e ícones.

Detalhes do Design

Os detalhes do design como esquema de cores, tipografia, logo, etc. Foi definido pelos stakeholders.

Logo e Slogan

"Alimentando a Sustentabilidade"

Paleta de cores

Tipografia