COLOR PIXEL PRESENTATION

Tecnologias e design multimédia

Vamos começar!

index

Introdução

Brainstorming

Conteúdos gráficos e multimédia

Planeamento

Conceito

Implementação (website)

10

Análise

Logotipos

Benchmarking

Ficheiros de impressão

11

Tipografia

Introdução

Objetivos do projeto

-Criação de uma plataforma digital-Não ser algo “aborrecido” -Melhorar a imagem digital

Planeamento e análise

Para nos ser de mais fácil organização e planeamento decidimos utilizar a plataforma "Trello", onde organizamos por meio de cartões e etiquetas, aquilo que já está feito ou entregue e até mesmo definir o seu nível de urgência.

Benchmarking

EPW

eCycle

maispolimeros

Pontos positivos:-Boa apresentação; -Interativo; Pontos negativos:-Pouca criatividade;-Pouco intuitivo;-Pouca interação;

Pontos positivos:-Fácil leitura; Pontos negativos:-Poucas interações; -Muito texto;

Pontos positivos:-Fácil leitura; -Intuitivo; Pontos negativos:-Pouca criatividade;-Muito simples;-Sem responsividade;-Pouca interação

Brainstorming

História interátiva

Cartas de jogo

Personagens de plástico

Lixo espalhado na página inicial

Personagens imagem principal

.ECO, ou seja ecoponto ao contrário

10

Devido ao ponto, utilizar pixeis

Amarelo cor principal

COnceito

O conceito do projeto Ponto Eco passa por utilizar praias como forma de simular, digitalmente, o processo de separação de plásticos, o objetivo é, não só educar, como também despertar um sentimento de urgência sobre a importância de manter as praias limpas e de realizar o descarte e reciclagem adequados

Logotipos

Atualmente, os jovens adultos têm por hábito jogar videojogos. Estes, inicialmente, eram feitos a partir de pixels, como tal, o grupo apoderou-se desse facto e transformou a imagem deste projeto, numa imagem jovem (pixelizada) chegando, assim ao um público mais abrangente. De forma a fazer coincidir com nome do nosso projeto e com todo o conceito em geral, decidimos aplicar um logotipo com formas mais quadradas ou seja de forma mais pixelizada, usamos uma fonte mais simples porque iria ficar bastante detalhado se fosse um fonte mais complexa e tambem não iria fazer o efeito que nós pretendiamos que era todos os elementos do logotipo formarem uma espécie de garrafa. É possivel observar este logotipo da página inicial do website.

Logotipos

Decidimos fazer 3 versões do mesmo logotipo para coincidir com os fundos de cada parte do website. Ou seja o logotipo verde está inserido na parte da fábrica que tem por base cores de tom esverdeado

Já a versão azul está na parte da experiência, visto que nós utilizamos o recurso da água do mar para praticar a mesma e assim exemplificar a mesma por meio uma praia.

tipografia

Utilizamos 2 tipos de fonte: Uma para usada para os titulos: "DePixel"

Outra utilizada para o texto: "Heebo"

Conteúdos gráficos

Carta PVC

Carta PE-HD

Carta ?????

Carta PET

Faz parte do acordeão da página inicial

Utilizada para fazer a experiência que acompanha o utilizador

Faz parte do acordeão da página inicial

Faz parte do acordeão da página inicial

Conteúdos gráficos

Caixote do lixo

Carta PE-HD

Carta PE-LD

Carta PP

Utilizada para fazer a experiência que acompanha o utilizador

Faz parte do acordeão da página inicial

Local para onde todo o lixo espalhado na página inicial vai

Faz parte do acordeão da página inicial

Conteúdos gráficos

Copo com as densidades

Botões

Utilizada para dar a entender que embora a experiência se passe no ambiente de uma praia, ela está inserida dentro de um copo e não dando a ideia que estamos a poluir os oceanos

Conteúdos gráficos

Fundo página inicial

Conteúdos gráficos

Fundo de sequência da experiência

Fundo animado da parte inicial da experiência

Conteúdos gráficos

Fundos da parte da fábrica

O mesmo é divido em 3 partes para separar as informações desta página

Conteúdos gráficos

GIF DO PROCESSO DE RECICLAGEM DO PLÁSTICO EM FÁBRICA

Implementação (website)

Implementação (website)

Implementação (website)

Implementação (website)

Implementação (website)

Implementação (website)

Implementação (website)

Implementação (website) - versão desktop

Implementação (website)

Implementação (website)- versão mobile

Implementação (website)- versão mobile

Implementação (website)- versão mobile

Implementação (website)- versão mobile

Ficheiros de impressão

obrigado!

Got an idea?

Use this space to add awesome interactivity. Include text, images, videos, tables, PDFs... even interactive questions! Premium tip: Get information on how your audience interacts with your creation:

• Visit the Analytics settings;
• Activate user tracking;
• Let the communication flow!

Got an idea?

Use this space to add awesome interactivity. Include text, images, videos, tables, PDFs... even interactive questions! Premium tip: Get information on how your audience interacts with your creation:

• Visit the Analytics settings;
• Activate user tracking;
• Let the communication flow!

Got an idea?

Use this space to add awesome interactivity. Include text, images, videos, tables, PDFs... even interactive questions! Premium tip: Get information on how your audience interacts with your creation:

• Visit the Analytics settings;
• Activate user tracking;
• Let the communication flow!