# data[].attributes.body
Nas primeiras aulas pesquisamos e escrevemos sobre o conceito de Design, e como ocorre sua aplicação no meio digital. Estudando além de sua definição, o seu processo histórico.

# data[].attributes.body
Para acrescentar no estudo teórico de Design, fomos apresentados a escola Bauhaus, muito importante para o desenvolvimento do Design funcional que conhecemos atualmente.

# data[].attributes.body
Definição dos princípios do projeto, ponto inicial para o Briefing do projeto.

# data[].attributes.body
Estudamos inicialmente a ferramenta curva bézier, criada a partir da divisão de uma semirreta e calculada por fórmulas, necessita de um início e fim e é extremamente importante para o desenvolvimento de imagens. Para acompanhar o conteúdo identificamos as diferenças entre RGB (Vermelho, verde e azul) e CMYK (Ciano, magenta, amarelo e preto). A partir deste estudo criei um folder promovendo um show fictício.

# data[].attributes.body
Utilizamos a técnica de colocar uma imagem (não vetorizada) no fundo, formando novamente a imagem, porém desta vez vetorizada. Isso carrega diversos benefícios, pois conseguimos ter um maior controle dos elementos que compõem a figura.

# data[].attributes.body
O estudo de um Layout começou após esses conceitos iniciais, aqui utilizei o próprio mascote vetorizado feito na atividade anterior. O intuito era fazer no CorelDraw uma composição para a web.

# data[].attributes.body
Um estudo de Design de um site já estruturado. Foi importante para conseguir reconhecer os elementos de um layout e suas disposições. Criando um caminho para o projeto de prototipação.

# data[].attributes.headline
Wireframe Baixa Fidelidade - Primeira versão

# data[].attributes.subject
Wireframe Baixa Fidelidade - Primeira versão

# data[].attributes.body
Um rascunho feito no papel, para idealizarmos como o site funcionaria e conseguirmos visualizar o projeto.

# data[].attributes.body
O projeto foi colocado no site Canva, portanto foi possível realizar mais ajustes e chegar a uma ideia mais concreta para o nosso site.

# data[].attributes.body
Definição de eventos e ações ocasionados por a interação do usuário com alguns elementos. Permitiu a prototipação interativa do site.

# data[].attributes.headline
Wireframe de Alta Fidelidade - Primeira Versão

# data[].attributes.subject
Wireframe de Alta Fidelidade - Primeira Versão

# data[].attributes.body
Estruturação do layout no Figma, onde temos as funções ativas do site, visualização de navegador do site e constatar a ideia do projeto de forma objetiva.

# data[].attributes.body
Design Thinking, planejamento de mudanças na versão apresentada do site. Isto permitiu que melhorássemos o projeto, percebemos as pendências e desejos de nosso público, além de ter definido o caminho a seguir para obter uma nova versão.

# data[].attributes.headline
Wireframe Alta Fidelidade - Versão apresentada

# data[].attributes.subject
Wireframe Alta Fidelidade - Versão apresentada

# data[].attributes.body
Estruturação da nova versão, priorizando o estilo neutro e a divulgação das informações.

# data[].attributes.body
Efetuei um vídeo que demonstra uma parte do processo de prototipação desenvolvido em nosso site. Seu propósito era divulgar nosso projeto durante o evento da Feira Tecnológica e introduzir o público para os conceitos que estudamos.

# data[].attributes.body
Versão em documento do relatório pessoal criado na tarefa avaliativa que abordava o processo do projeto efetuado para a Feira Tecnológica.