Projeto de criação de interdisciplinar para universidade Anhembi Morumbi.

2. Energia renovável é um assunto que poucas pessoas
conhecem, embora não seja uma descoberta tão
recente. O presente trabalho apresenta e discute
sobre o uso da energia solar em utilitários mobile,
utilitário esse que está presente no dia-a-dia das
pessoas, porém ninguém possui noção do seu
impacto no meio ambiente.

3. Caio Alves Cardoso RA 08101717
Caio Cesar Correa RA 08106895
Murilo Alexander V. Balthazar RA 08105167
Rafael Seiji Nagai RA 08101986
Renato Felix dos Santos RA 08100575
Renato Pimentel Jaquier RA 08109793
Rodrigo Kanashiro Metorima RA 08112427
www.recriar.caiocardoso.com

4. Energia Renovável:
Utilitário Mobile movido a Energia Solar.

5. Estudo da assinatura do canal
Recriar foi o nome escolhido para a assinatura de nosso canal.
Simbologia Prefixo RE
A marca do canal é composta por uma flecha que é Recriar é uma palavra formada pelo prefixo Re, que
reproduzida em formato circular, demonstrando o transmite a ideia de começar de novo, de trabalhar em
objetivo de renovação constante, ciclo, conectividade, cima de algo já existente e altera-lo. Esse prefixo faz parte
transformação, sequencialidade e do infinito, pois é um de nossa identidade como canal, todos os programas do
símbolo baseado na imagem do Ouroboros, que é o canal terão esse prefixo no nome, pois seu significado é
símbolo do infinito. algo que defendemos.
Formato circular Significado do nome
O formato circular foi escolhido para o canal e para todos Recriar, segundo o dicionário Michaelis: (re+criar) vtd
os programas por uma escolha nossa, que utiliza o circulo Tornar a criar; restabelecer foi escolhido por nos remeter
como forma principal, por demonstrar uma forma infinita, ao ato de utilizar algo já existente para criar alguma
que relacionamos ao canal que tem como objetivo coisa nova, e mais eficiente. Como nosso canal trata de
mostrar em diversos programas, o que podemos fazer temas sustentáveis e da preocupação com o futuro do
para melhorar o mundo. planeta, com esse nome identificamos nossa essência.

6. Estudo da Assinatura do Programa
Repasse é o nome deste programa que trata sobre a utilização da energia solar
em aparelhos mobiles e como o design deste tipo de aparelho é visto em São Paulo.
Significado do nome
Repasse significa ato ou efeito de repassar, ou seja, é o
ato de transmitir uma informação ou conteúdo para
outra pessoa, e receber de volta uma resposta. Escolhe-
mos este nome, pois ele transmite nossa ideia de a partir
de uma informação transmitida por nós, os indivíduos
que a recebem, processam a informação e a repassam
para outras pessoas, transmitindo o conteúdo do
programa.
Simbologia
O símbolo do nosso canal segue nossa tendência de
formato circular, junto ao significado do nosso nome,
representando o ato de transmitir uma informação e
receber algo de volta, ação e reação.

7. Storyboard da Vinheta
01 02
03 04
05 06
07 08

8. Projeto de informação
Loading do website Pular introdução Menu
Outros vídeos Interação > Botões Interação > Objetos Interação > Botões no vídeo
Marketing > Orkut Marketing > E-mail Interação > Enquetes Conectividade > Twitter

9. Projeto de interface
Escolha do vídeo a ser assistido
Página de execução dos vídeos Página de conectividade com twitter
Escolha do programa

10. Projeto de navegação
Home
do canal
Nível 01 - Canal Recriar
Nível 02 - Introdução ao programa
Vídeo de
Introdução Nível 03 - Home Programa Repasse
Nível 04 - Blocos e páginas Programa Repasse
Escolha
um vídeo
Espalhe BLOCO BLOCO BLOCO BLOCO BLOCO BLOCO BLOCO Envie a
essa idéia 01 02 03 04 05 06 07 um amigo

11. Projeto de interação
Ao desenvolver o nosso projeto, pensamos em diversas
formas de interações, buscando chegar a um conceito
geral que estivesse relacionado ao nosso projeto e ao
nosso público alvo. Com esse objetivo, as interações
aplicadas no site, funcionam através de cliques em botões
que levam de página em página.
Os vídeos funcionam através de cliques sobre o filme, que
começam e pausam o conteúdo.
A interação para retorno a página do canal e para escolha
de outros vídeos, funciona através de cliques e através da
passagem do mouse sobre a barra, que a faz subir,
mostrando o seu conteúdo.
Outra interação presente no site é através de uma
webcam, onde em uma área especifica, o usuário pode
interagir com alguns comandos do site, através da
câmera, clicando em botões através de sua mão, indo
assim para outras páginas.

12. Projeto de som
Os elementos sonoros se apresentam em formato .mp3 e No decorrer do programa será possível ouvir os sons dos
.mid. Será possível ouvi-los nas vinhetas, no decorrer dos ícones que aparecerão ao longo dos vídeos (sons de
programas e em alguns elementos da IPTV. internet padrão, como cliques e outros) e nas trilhas
sonoras no decorrer do programa que serão baseadas em
Na vinheta do canal Recriar o projeto de som será musicas instrumentais criando climas e dando uma
baseado em futurismo. Pretendemos criar uma atmosfera dinâmica maior ao programa.
high-tech, mostrando algo moderno e com enfâse em
sons eletrônicos, mas o mesmo tempo algo que não seja Na IPTV os sons também serão padrão de internet
muito poluído sonoricamente mantendo a seriedade e o procurando sempre chamar a atenção do telespectador
aspecto "clean" do canal. para algo importante, ou para alguma opção que ele
possa escolher no decorrer do vídeo, como box de
Já na vinheta do canal Repasse optamos por um projeto enquete, interação com o twitter e outros.
de som com elementos orgânicos, vidros quebrando e
objetos se despedaçando, porém trabalhando esses
elementos com coerência para que não haja conflitos
sonoros, fazendo com que o telespectador distingua o
som com clareza e entenda a proposta do programa.

13. Roteiro Hipermidiático
BLOCO BLOCO
Nosso website foi desenvolvido de uma maneira 07 06
que interligam todas as páginas, salvo
pela página do vídeo de introdução,
que só pode ser acessada através
Envie a BLOCO
da home do canal.
um amigo 05
Home do Vídeo de Escolha BLOCO
canal Introdução um vídeo 04
Espalhe BLOCO
essa idéia 03
BLOCO BLOCO
01 02

14. Iconografia
Fig.01 - Ilustração de uma “fazenda” de painéis solares.
Inspiração de cores para criação da identidade do canal.
Fonte: http://www.portaec.net/library/energy/solar_power2.jpg
Fig.02 - Ouroboros símbolo do infinito representada
pelodragão/serpente mordendo a própria cauda.
Inspiração para criação do logotipo do canal.
Fonte: http://jc3.uol.com.br
Fig.03 - Foto de uma placa fotovoltaica
sendo comercializada no Mercado livre.
Inspiração para criação dos layouts do website.
Fonte: http://ibiubi.com.br

15. Iconografia
Fig.04,05 e 06 - Modelos de celulares que podem ser carregados por energia solar.
Inspiração para criação dos layouts do site, exibição central dos vídeos.
Fonte: http://samsung.com.br

16. Iconografia
Fig.08 e 09 - Imagens espaciais da Terra sendo iluminada pelo sol
Inspiração na escolha das cores da paleta de cores do programa.
Fonte: http://www.manyfreewallpapers.com
Fig.10 - Infográfico mostrando uma placa fotovoltaica por dentro
Inspiração na escolha das cores da paleta de cores do programa.
Fonte: http://alvaro.lima.vieira.50megs.com/photo4.html

17. Paleta de cores e tipografia
Canal Recriar
O logotipo do canal Recriar, foi criado segundo a ideia de
renovação constante, demonstrada na simbologia, em
formato de circulo que se conecta.
As cores do canal foram escolhidas por serem cores neutras
e limpas. Baseada nas imagens que temos de um mundo
mais limpo (Figuras 08 e 09) , o azul e cinza comunicam-se
bem, e passam a ideia de sutileza e clareza que buscamos
passam com a identidade do canal. A cor amarela foi
escolhida por se destacar entre as outras, apesar de se
comunicar bem com as outras cores.
A tipografia escolhida para o canal é a tipografia que
League Gothic
caracteriza toda a comunicação do canal e de seus
programas, uma tipografia clara e de fácil leitura em
diversas mídias, que é a necessidade de nossa
comunicação.
A tipografia utilizada se chama League Gothic e pode ser ABCDE FGHIJKLMNOPQRSTUVWYXZ
vista ao lado, ou no endereço:
www.theleagueofmoveabletype.com/fonts/7-league-gothic abcdefghijklmnopqrstuvwyxz
0123456789

18. Paleta de cores e tipografia
Programa Repasse
O programa Repasse tem como simbologia um formato
circular cortado em dois lados, demonstrando o ato de
ação e reação, provocado na passagem de nossos
conceitos e informações.
O logotipo do programa é formado por estas cores,
segundo a estrutura de uma placa coletora de energia
solar, conforme consta em nossa iconografia.
A tipografia escolhida para o programa é mais fina e
geométrica, pois a definição dos temas discutidos e, a
nossa forma de abordagem ao público remete a um
assunto sério, abordado de forma descontraída. E na
escolha da tipografia, sentimos que a mesma transmite
essa ideia. Desenhada a mão, é uma tipografia séria e com
um kerning médio. Para uso nos textos e nas partes do site com grandes
parágrafos, utilizamos a família tipografica
Vista Sans Alt Italic e Vista Sans Alt Reg Italic.
Vista Sans Alt Italic Vista Sans Alt Italic
ABCDE FGHIJKLMNOPQRSTUVWYXZ ABCDE FGHIJKLMNOPQRSTUVWYXZ
abcdefghijklmnopqrstuvwyxz abcdefghijklmnopqrstuvwyxz
0123456789 0123456789

19. Processos e Linguagens Tecnológicas utilizadas
Começamos nosso processo de criação do trabalho na Tudo pronto, começamos a desenvolver a criação das
definição dos nossos objetos de estudo e em como o tema peças finais, com as gravações dos vídeos e edição no
seria tratado. Juntamos todas as informações e ideias After Effects, Premiere e Final Cut e edição dos sons no
utilizando o programa Word. Com todas as informações Sound Forge, além da produção do website, utilizando
coletadas, iniciamos nosso gerenciamento do projeto no Action Script 2.0 e 3.0, HTML e CSS, nos programas
MS Project, onde definimos todas as datas de entrega, Dreanweaver, Flash e um novo programa Adobe, o Flash
para estar sempre em dia com o trabalho. Catalyst, que facilitou nossas criações.
Definidas as datas e as ideias, começamos a produção do Desenvolvidas as peças, criamos a apresentação para a
trabalho, criando a estrutura do programa com o auxilio banca utilizando o Power Point e finalizamos o trabalho.
do programa Celtic e a nossa identidade, utilizando o
Photoshop, o Illustrator e o Corel Draw para imagem
gráfica e os programas para produção da vinheta, After
Effects, Premiere e Final Cut.
Com a identidade definida, desenvolvemos um caminho
para nossas gravações, utilizando um programa chamado
CMAPS, especifico para esse tipo de trabalho.

20. Perfil do Público Alvo do Programa
De acordo com a revista Proxxima (edições de Tendo em vista que a classe B e C são consumidores
novembro/dezembro de 2009 e março de 2010), só no dominantes no mercado mobile, e que a web é um grande
Brasil existem 170 milhões de aparelhos celulares (88,3 potencial em crescimento, decidimos então que nosso
para cada 100 habitantes). Sendo que 20 milhões de foco seriam jovens dessas classes, na faixa etária de 13 a
brasileiros navegam no celular. E os smartphones foram 20 anos. Uma vez que os jovens entendem facilmente
os produtos mais vendidos em 2009. De acordo com a novas tecnologias, e acabam por influenciar na hora de
revista Info (edição de janeiro de 2010), 59% da classe C alguma outra pessoa mais experiente a comprar um
possuem um aparelho celular, ainda que sem condições, a aparelho.
preferência é de um bom celular a uma boa alimentação.
De acordo com a Info (janeiro 2010), dados de um estudo
da consultoria Infonetics Research apontam que até o
final do ano haverá 5,2 bilhões de usuários de telefones
celulares em todo planeta. A população mundial chega a
quase 7 bilhões de pessoas.
E dados do IBGE (Instituto Brasileiro de Geografia e
Estatística) divulgados no fim de 2009 mostram que o
acesso vem crescendo de forma acelerada no Brasil. No
fim de 2008, a internet foi navegada por 56 milhões de
brasileiros (35%) – um aumento de 75,3% em relação a
2005, quando pouco mais de 20% da população usavam a
web.