TRABALHO – PROJETAR SITE NO FIGMA

Projetar no figma um site a sua escolha.

Colocar no Figma:

1- Um mapa do site (textual do tipo menu)

2- Reproduzir uma página do site em tamanho grande para computador: descreve-la em

detalhes, adicionando informações gerais do site de maneira similar ao trabalho anterior. O objetivo
é entendermos o padrão do site através desta parte do trabalho. Assim, nesta página do projeto deve-
se:

• Reproduzir a tela em tamanho grande.

• Desenhar a estrutura da tela em tamanho pequeno e grande (número de colunas e
localização de suas partes: cabeçalho, rodapé, menu, principal, aside, seções…)
• Descrever separadamente as fontes utilizadas (tipos, alinhamento, tamanho das colunas de
texto, variações de tamanhos, espessura e/ou cores)
• Descrever separadamente as cores utilizadas (fundo, contraste, destaque, auxiliar e suas
variações se houverem).
• O tipo do site é fixo: ele é um site pequeno, estático e todas as páginas devem estar no
projeto.

3- Projete um site para celular completo

Para estas páginas você só precisa projetar a tela em tamanho pequeno (Para celular). Escolha no
figma um tipo de celular como frame e projete todas as páginas neste tipo de frame.
Coloque acima de cada tela o nome da página (Página de contato, login,…). Todas páginas devem
seguir o padrão do site. Informe 4 UI-Paterns que serão utilizados nas páginas. Deve estar bem
clara a localização e a descrição destes patterns). O site deve ter pelo menos 5 páginas sendo que
destas:
- Uma página deve ter vários textos e títulos/sub-títulos.
- Em algum ponto deve aparecer uma lista de figuras com descrições (lista de fotos ou produtos
com descrições)
- Em algum ponto deve aparecer um formulário com mais de 6 campos, .
- Em algum ponto deve aparecer uma tabela, um vídeo e um banner.
- Páginas padrão com cabeçalho, rodapé, menu e parte principal (pelo menos)
- Projetar uma navegação adequada ao site

4- Construir um protótipo operacional no figma

Construir um protótipo operacional no figma. O protótipo deve simular a aparência e navegação do

site em um celular.