Portfólio - Rebeca Mendes by REBECA DE MOURA MENDES

Folder - Show

rebecamendes3_ — 2023-11-30 11:19:23 UTC

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.

Olimpíadas - Mascote

rebecamendes3_ — 2023-11-30 11:29:12 UTC

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.

Wireframe de Baixa fidelidade - Canva

rebecamendes3_ — 2023-11-30 11:33:18 UTC

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.

Wireframe Baixa Fidelidade - Primeira versão

rebecamendes3_ — 2023-11-30 11:47:58 UTC

Um rascunho feito no papel, para idealizarmos como o site funcionaria e conseguirmos visualizar o projeto.

Olimpíadas - Site

rebecamendes3_ — 2023-11-30 11:56:19 UTC

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.

Wireframe de Alta Fidelidade - Primeira Versão

rebecamendes3_ — 2023-11-30 12:06:56 UTC

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.

Wireframe Alta Fidelidade - Versão apresentada

rebecamendes3_ — 2023-11-30 16:07:53 UTC

Estruturação da nova versão, priorizando o estilo neutro e a divulgação das informações.

Pesquisa - Design Digital

rebecamendes3_ — 2023-11-30 16:15:01 UTC

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.

Pesquisa - Escola Bauhaus

rebecamendes3_ — 2023-11-30 16:15:37 UTC

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

Análise do Site Hubble

rebecamendes3_ — 2023-11-30 16:16:00 UTC

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.

Briefing do Projeto

rebecamendes3_ — 2023-11-30 16:26:14 UTC

Definição dos princípios do projeto, ponto inicial para o Briefing do projeto.

Relatório - Design Thinking

rebecamendes3_ — 2023-11-30 16:28:51 UTC

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.

Processo de Prototipação

rebecamendes3_ — 2023-11-30 16:33:47 UTC

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.

Relatório

rebecamendes3_ — 2023-11-30 16:36:27 UTC

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

PaperDesign

rebecamendes3_ — 2023-11-30 18:05:44 UTC

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.