COLOR PIXEL PRESENTATION

Tecnologias e design multimédia

Vamos começar!

Ficheiros de impressão

10

11

Benchmarking

Implementação (website)

Conteúdos gráficos e multimédia

Conceito

Tipografia

Análise

Logotipos

Planeamento

Brainstorming

Introdução

index

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

Objetivos do projeto

Introdução

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.

Planeamento e análise

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

EPW

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

maispolimeros

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

eCycle

Benchmarking

10

Devido ao ponto, utilizar pixeis

Personagens imagem principal

Personagens de plástico

Cartas de jogo

.ECO, ou seja ecoponto ao contrário

Lixo espalhado na página inicial

Amarelo cor principal

História interátiva

Brainstorming

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

COnceito

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

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.

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

Logotipos

Outra utilizada para o texto: "Heebo"

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

tipografia

Carta PVC

Faz parte do acordeão da página inicial

Carta PE-HD

Faz parte do acordeão da página inicial

Carta PET

Faz parte do acordeão da página inicial

Carta ?????

Utilizada para fazer a experiência que acompanha o utilizador

Conteúdos gráficos

Caixote do lixo

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

Carta PE-HD

Faz parte do acordeão da página inicial

Carta PP

Faz parte do acordeão da página inicial

Carta PE-LD

Utilizada para fazer a experiência que acompanha o utilizador

Conteúdos gráficos

Botões

Copo com as densidades

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

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

Fundos da parte da fábrica

Conteúdos gráficos

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

Conteúdos gráficos

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!