Utopia Verde

Projeto deCriação

1

Sumário

Trabalho desenvolvido pelos alunos de Produção Editorial do 3º Semestre da

Universidade Anhembi Morumbi.

2

Sum

ár

io

1. Apresentação do Grupo

2. Apresentação da Empresa

3. Apresentação do Blog

4. Conclusão

2.1. Logotipo e Nome2.2. Site da editora

3.2. Projeto do Blog

3

457

14

315

3

ApreSentAção

do Grupo

DesignerLucas Dutra - 21 Anos

Estudante do segundo ano de produção editorial na Universidade Anhembi Morumbi, ilustrador amador, estágiário na editora Edgard Blücher e editor para ONG Historiarte.

PesquisadorGuilherme Rezende - 25 Anos

Estudante do segundo ano de produção editorial na Universidade Anhembi Morumbi, músico amador, faz trabalhos freelancer na área gráfica e de pesquisa.

Editor/RevisorDaniel Go - 21 Anos

Estudante do segundo ano de produção editorial na Universidade Anhembi Morumbi, músico amador, faz trabalhos freelancer na área gráfica e de pesquisa.

3

4

ApreSentAção

dA empreSA

A Editora Mundo Vivo, é uma empresa pequena voltada para a edição de produtos “verdes”, trabalhan-do principalmente com ONGs e campanhas de empre-sas privadas em prol da natureza, o blog Utopia Verde seria seu primeiro projeto próprio, e ela teria como marca, a utilização de tons de verdes, e textura de papel reciclado que estariam presentes em todos seus projetos.

MISSÃOA Editora Mundo Vivo foi criada com a ideia de se trabalhar com cultura e tecnologia de forma acessível e interessante,

focando-se em sustentabilidade e inovação visando melhorar a qalidade de vida e educar o público.

VALORESCriatividade, pioneirismo, sustentabilidade e preocupação

com o futuro.

PRINCÍPIOSHonestidade, respeito para com o cliente e credibilidade.

Logotipo e Nome

5

Logotipo e Nome

O nome Mundo Vivo busca trazer uma imagem de globalização e natureza a editora, isso se combina com o logo, um globo azul, estilizado, nas cores preto e azul degradê, ao lado de uma tipografia simples não serifada utilizando da fonte Street-Plain, que é moderna e da uma impressão de tecnologia, sem ser fria ou intimidante.

6

Exemplos de Aplicação de Marca

diArio de ViAGem

Tel. (XX) XXXX-XXXXFax. XXXX-XXXXE-mail- xxxxxx@xxx.com.br

7

Exemplos de Aplicação de Marca

8

Website da Empresa Mapa do Site

O site da editora é pequeno e distribuído em apenas 5 paginas, com os links para elas na barra inferior do site, as paginas são diretas no que querem dizer, e instintivas, buscamos evitar barras de rolagem e manter o site fluido como um todo, mostrando apenas o necessário, como somos uma empresa pequena, achamos importante não exagerarmos no design do site e fazer nosso conteúdo falar pela nossa qualidade.

Layout

9

Website da Empresa Mapa do Site

10

Paleta de Cores

É uma cor fortemente associada a tecnologia, e também transmite paz e seriedade, é fácil de se distinguir de outras cores, mesmo quando em tons claros o que per-mitiria uma transição suave entre barras e outros elementos gráficos do website.

AZUL

VERDE É uma cor comumente associada a natureza e por isso deverá ser utilizada com freqüência no projeto, trans-mite a idéia de saúde, outro ponto importante que buscare-mos abordar indiretamente, a cor verde também tem uma força mais chamativa e serve para dar um destaque maior quando for necessário.

11

Paleta de Cores

CINZA O grafite no site da editora é usado principalmente em seus tons mais claros, e está associado ao ar e ao vento, é como se existisse uma nuvem com as informações, uma barra quase etérea onde as informações se destacam, isso por que o cinza e o branco tem essa característica da paz, além de limpeza e simplicidade, e mantém o leitor do blog ciente da seriedade do blog, e de sua postura.

VERMELHA Utilizado apenas para marcar os links já lidos no site da editora, ela foi escolhida devido a sua facilidade para destaque, e por ser extremamente fácil de se distinguir do branco e azul usados em links não clicados.

12

Tipografia

Utilizamos de uma tipografia não serifada para os tí-tulos usando da fonte Street-Plain para títulos devido a suas curvas modernas e claras, não sendo tão duras quanto a maioria das fontes sem serifa, dando uma idéia de conforto e paz.

A Geosans light foi utilizada para detalhes menores como citações, datas e links, devido a sua aparência fina e pouco obstrutiva, porém clara e moderna.

Ainda mantendo a visão moderna, usaremos a Arial comum para o corpo do texto, devido a suas formas simples e agradáveis mesmo em textos mais extensos, e por ser uma tipografia com a qual o leitor já está familiarizado, por-tanto ele não precisará se acostumar com uma nova carac-terística de leitura.

Websites Similares

Público Alvo

13

Tipografia Websites Similares

Utilizamos como fonte de inspiração sites de outras editoras, destacando-se o site do Grupo Abril (http://www.grupoabril.com.br/) que é simples e direto, sendo um estilo ideal para um site com pouco conteúdo.

A empresa e seu site foram feitos para lidar com pro-fessores e editores interessados em nos contatar para ser-viços, isso explica o conteúdo mínimo presente no site, não é esperado que os visitantes dos blogs ou consumidores de nossos produtos venham até a pagina, e sim que ele seja procurado apenas por pessoas interessadas em contratar nossos serviços.

Público Alvo

14

ApreSentAção

do BloG

O blog Utopia Verde é um blog sobre novas tec-nologias, designs, arquitetura e qualquer outro tipo de inovação voltada a sustentabilidade e a vida mais verde, de plantação hidropônica e novas dietas, a pai-néis solares mais eficientes lâmpadas mais econômi-cas, sendo nosso foco principal no segundo grupo, tecnologias verdes, isso é associado ao tema original do trabalho, controle de poluição, é de nossa visão que novas tecnologias que reduzam emissões, estimulem o consumo consciente e reciclem de forma criativa e in-teligente, invariavelmente virão a ajudar no controle de poluição.

Mas, ainda mais importante que apontar a novi-dades, achamos fundamental estudar a viabilidade delas em escala global e local, por que achamos que se uma tecnologia interessante consegue convencer metade do globo a consumir menos papel, isso terá um efeito muito maior que uma empresa utilizando um acido menos cáustico, visto que o importante não é mudar uma parte de um problema, e mudar a visão das pessoas, ou quando isso falhar, apresentar uma alternativa não apenas melhor para o mundo, mas mais interessante ao consumidor também.

Projeto do Blog

15

Projeto do Blog

Baseado em nossas pesquisas em diversos websites sobre assuntos similares, escolhemos um tema rico em figuras e com uma aparência fácil de se remeter a jornais e revistas, com pequenas fotos associadas a postagens ricas em imagens, com textos consistindo de uma pequena aber-tura, e mesmo o texto final sendo condensado e apontando a diversas fontes.

Essa fuga do minimalismo tão popular ultimamente é completamente proposital, vemos a necessidade não tanto de explicar, mas sim de estimular a curiosidade do leitor para que ele, munido de links diversos, possa obter uma boa dose de conhecimento a respeito do assunto.

Layout

16

Mapa do Blog Paleta de Cores

17

Mapa do Blog Paleta de Cores

O azul uma cor comumente ligada a tecnologia e futuro, será no blog principalmente nos links, devido a famil-iaridade do público com essa função da cor azul, mas ele também será fortemente colocado nas imagens postadas, o objetivo disso vai ser reforçar a idéia de selva, um Oasis verdejante no meio da confusão de cores e conteúdos da internet,assim sendo, é natural que esse Oasis tenha gotas de água e de orvalho..

AZUL

VERDE Cor mais utilizada no blog, é o ponto central da peça, o verde é uma cor comumente associada a natureza e por isso deverá ser utilizada com freqüência no projeto, trans-mite a idéia de saúde, outro ponto importante que buscare-mos abordar indiretamente, a cor verde vai tentar permear o blog, seja nas imagens principais quanto nos fundos e cabeçalhos, dando uma unidade, e causando um impacto no visitante, dando uma sensação florestal ao blog, em contraposição ao futurismo presente na maioria das posta-gens e das imagens.

18

ARIAL TAHOMA VERDANA arial tahoma verdana

Tipografia

Devido a limitações no tema escolhido para o blog, não pudemos selecionar fontes especificas, porém, essas são as fontes utilizadas pelo tema, elas se encaixam com a proposta moderna do site, voltada para noticias rápidas e informações sempre surgindo, assim sendo, não precisam ser serifadas ou muito elaboradas, o ponto aqui sendo a velocidade de leitura e o conforto.

CINZA Mais uma cor associada a tecnologia e ao futuro, é uma cor com a qual o visitante já está habituado e será uti-lizada entre tons de azul e verde assim fechando o ciclo de Água (azul) Terra (verde) e Ar (Cinza claro) deixando o site extremamente ligado ao conceito de natureza e gerando uma transição sutil entre os vários elementos.

Websites Similares

19

Tipografia

Websites Similares

O website Gizmodo (www.gizmodo.com) é globalmente conhecido por tratar de tecnologias diversas, de e-books a sites interessantes, ele é tão grande que gerou versões em vários países, todas relacionadas ao site original, mas ainda assim de certa forma independentes, porém o Gizmodo tem um forte perfil comercial e freqüentemente só lida com coisas altamente popu-lares na mídia e faz propaganda e analises de produtos novos, isso tem uma visão diferente da que o nosso site pretende abor-dar. Ainda assim muito pode ser abstraído do design do site, ele usa cores simples e modernas como preto, azul e branco. Usa imagens grandes e coloridas com textos pequenos, para o artigo na integra links devem ser clicados, assim o site é com-pacto, mas cheio de conteúdo, dessa forma ele passa uma imagem de futuro e dinamismo freqüentemente associada a tec-nologia em geral, e são características recorrentes em sites que lidam com noticias tão rápidas quanto as tecnológicas.

20

Outro site similar a nossa idéia é o Treehugger ( www.treehugger.com ), com uma proposta ainda mais similar a do nosso projeto, esse website se foca em tudo relacionado ao verde, de novas dietas, projetos caseiros, entrevistas e, é claro, tecnologias alternativas, como característica interessante, ele não só apresenta a possibilidade de comentar nos posts, mas possui um fórum do próprio site, além de ferramentas de intera-tividade como quizzes, jogos e pesquisas de opinião, fazendo o site mais que um local de noticias, um local de convivência virtual. Seu design é similar ao do Gizmodo em sua visão direta e cores básicas, porém como o foco aqui é o verde e não a tec-nologia. Usa uma paleta de cores que varia do verde escuro ao verde acinzentado, com toques em cores terrosas, o site em si tem uma aparência de material reciclado, devido a sua caracter-ística como agregador de noticias de várias áreas, ele tem uma interface mais cheia, mas igualmente seguindo o esquema de uma grande imagem e um pequeno texto seguido de um “Leia Mais”, ele ainda é rico em propagandas, mas obviamente, volta-das a área de preservação e natureza.

21

Por último vemos o site WebEcoist ( www.webecoist.com), que atrela a visão de tecnologia e verde, porém o site tem como principal característica, listas, e uma visão otimista a res-peito das tecnologias, você não veria um comentário a respeito das possibilidades e riscos de uma nova tecnologia, você veria uma lista de “10 casas incríveis para se viver em alto mar” ou a amostra de uma tecnologia, conforme o criador da tecnologia exibiu ela, sempre tentando ver o melhor da tecnologia. Esse website tem como similaridade a paleta de cores igualmente simples, preto, azul e branco com detalhes em verde, igual aos outros sites ele se foca em atrair o leitor com imagens, tendo ainda menos texto que os concorrentes na pagina inicial, e tendo pouco texto e muitas imagens mesmo dentro das noticias, diferente dos outros por outro lado, a maioria das fotos da pagina inicial tende a se concentrar em cores verdes e tons suaves de branco e cinza, é um site extremamente atraente ao visitante, ainda que no fim das contas não possua um conteúdo tão pro-fundo.

22

Idade: Jovens de 16 a 35 anos

Estado Civil: Irrelevante

Sexo: Leitores de ambos os sexos

Classe social: Classes A e B

Ocupação: Todo tipo de ocupação desde que interessa-dos em um mundo mais verde

Aspectos Geográficos: Grandes capitais do Sudestes e Sul

Personalidade: Pessoas visionárias, curiosas e ligadas nos problemas do mundo

Atitude e comportamento: Pessoas interessadas em novas tecnologias e em sustentabilidade, bem como inter-essadas numa vida mais saudável e formas diferentes e criativas de se atacar os problemas do mundo moderno.

Estilo de vida: Pessoas que caminham pela manhã, pessoas que freqüentam blogs de noticias, pessoas que colecionam gadgets, vegetarianos e vegans, pessoas que reciclam, gostam de fazer trabalhos manuais, participam de protestos e amam animais.

Público Alvo

23

Público Alvo ConCluSão

24

AGrAdeCimentoS

Projeto de Criação

Explorando o mundo de possibilidades existentes nas novas tecnologias que

surgem diariamente, o Blog “Utopia Verde” e a “Editora Mundo vivo” esperam poder

ampliar os horizontes de seu público alvo, de forma acessível e interessante, mostrando produtos, projetos e idéias inovadoras para

se levar uma vida mais sustentável.