PROJETO DE CRIAÇÃO

Projeto Interdisciplinar de Produção Editorial em Hipermídia

Orientadores:Paulo Alexandre Cordeiro de Vasconcelos

Ricardo Penna Silveira Senise

Tema:Saneamento Básico

Aritana Roberto Queiros de AndradeGabriela Rocha Ribeiro

Karine dos Santos BarbosaMarcella Doratioto

Natashia Midori KitamuraVanessa Sayuri Fugimoto

Produção Editorial3º semestre

2011

A EMPRESA

O nome “Interativa” remete à interatividade que o mundo virtual proporciona a seus usuários, uma vez que nossos serviços estão profundamente relacionados com a Internet. Comologo,optamospelosímbolodoinfinito(ooitodeitado),remetendoàsinfinitaspossibilidadesque o futuro reserva. O símbolo também é todo entrelaçado, demonstrando a conectividade em larga escala.

Para cor, optamos por tons de verde que dessem um aspecto tridimensional ao logo, também por serumacorqueremeteaofuturo(esperança,sustentabilidadeetc.).

A tipografiausadaésemserifaecommaiorespaçamentoentreoscaracteresparadarmaiorvisibilidade.Onomedatipografiausadaé“MSMincho”.

Acesse o site:www.wix.com/interativapro/home

APLICAÇÃO DA MARCA

Camiseta.

Envelope.

Caixa.

MISSÃOPromover o fortalecimento da mar-ca de nossos clientes, através do desenvolvimento de websites, re-gistro de domínio e hospedagem,utilizando estratégias de comuni-cação originais e criativas.

VISÃODesenvolver soluções inovadoras e serviços de qualidade para garantir a satisfação do cliente e resultados favoráveis, conquistando o respei-to e confiança pela dedicação ecompetência.

VALORESCredibilidadeCompromissoRespeitoÉticaInovaçãoExcelência

SERVIÇOS

Criação e Desenvolvimento de Sites Sites,hotsiteseportais. Campanhas Online

Comunicação global de sua marca através de campanhasdesenvolvidas por profissionaisfocados em mídia online: divul-gação e fidelização de marcasem sites, ferramentas intera-tivas, mídias sociais (Twitter,Orkut,MySpace,Youtube,etc),além de banners, email marke-ting, etc.

Conteúdo Online

Produção de textos e outros conteúdos adequados às técni-casecaracterísticasespecíficasda internet, com profissionaisdedicados exclusivamente a esta função.

Mídias Sociais

Oferecemos consultoria e gestão em ações em mídias so-ciais. Oferecemos os serviços de análise de presença (diagnósti-co), responsável por identificaronde e como sua empresa e concorrentes estão posiciona-dos nas redes sociais. Planeja-mento digital para Canais, tipos de conteúdo, dinâmicas de re-lacionamento e ações criativas. Personalização dos canais. Cura-doria de conteúdo. Produção de conteúdo / conteúdo multimídia.

Podcast e Videocast

Planejamento e produção de apresentações de áudio e vídeo para distribuição via internet.

O PRODUTO

O nome escolhido para osite foi “Embu das Águas”. Uma vez que o site trata do sanea-mento da cidade de Embu, e essaépopularmenteconhecidacomo Embu das Artes, resolve-mos fazer um trocadilho parao nome do site, aumentando sua popularidade. Já que sa-neamento está profundamente relacionado à água, tanto no abastecimento como no trata-mento, acreditamos ser ade-quado relacionar a cidade à água para o nome do site.

Quanto ao logo, nos inspi-ramos na figura de um ralo depia, no momento em que água está escorrendo. Representamos essa imagem em nossa marca, dando um aspecto mais limpo, simples e moderno. Utilizamos coresquentes(laranjaeamare-lo)ecoresfrias(azulpetróleoeazulclaro)emgradienteparadarsensação de movimento circular à imagem.

Acesse o site:www.wix.com/embudasaguas/home

PÚBLICO-ALVO

DEFINIÇÃO Pessoas adultas, in-conscientes ou não da gravidade do problema do saneamento básico, resi-dentes em Embu e em ci-dades que se encontram emsituaçãosemelhante.

IDADE 20 a 30 anos.

CLASSE SOCIAL B e C.

ASPECTOSGEOGRÁFICOS Principalmente ha-bitantes de Embu. Mastambém, cidadãos bra-sileiros de qualquer cidade emsituaçãosemelhante.

PALETA DE CORES

Para a paleta de cores do site, optamos por contrastar uma cor quente (laranja) comcores frias (azul-petróleo, azul--claro e verde). O laranja seráutilizado para dar maior desta-que à página que trata espe-cificamente da pesquisa sobrea cidade de Embu das Artes, por exemplo.

Escolhemos dois tons deazuis e o verde pois são cores que estão constantemente asso-ciadas aos temas: saneamento, água, saúde e meio ambiente.

R 244%G 150%B 30%

R 0%G 160%B 192%

R 142%G 192%B 68%

R 116%G 203%B 239%

TIPOGRAFIA

Escolhemos uma tipografiasem serifa, com a qual os inter-nautas já estão familiarizados, além de dar maior destaque. Uma vez que o objetivo do site é levar informações em textos curtos e rápidos, dispensamos o tipocomserifa(quecansame-nos a vista quando usado em textoslongos).

Todoositeéfeitoem“Taho-ma”,quevariaquantotamanho.Para título, 40 pt; para subtítulo, 30 pt; para texto, 14 pt e para subtexto, 18 pt.

Rodapédapáginainicial:subtítuloem30ptetextoem14pte18pt,todosem“Tahoma”.

“Box”comtextointrodutóriodapágina“SaúdeeSociedade”,comtítulode40 pt, subtítulo de 30 pt e texto de 14 pt.

MAPA DO SITE

LAYOUT

Escolhemos um modelofuncional, que facilite o ma-nuseio do visitante dentro do site. Logo na página principal, buscamos dar destaque às principais notícias, direcionan-do o internauta para as pági-nas internas do site, sem que elepreciseexplorá-losozinho.

O plano de fundo do layoutécompostoporbran-co e um leve gradiente de cinza no topo e no rodapé, procurando dar um aspecto mais “clean” e moderno a um

tema que é bastante denso.

Quanto à disposição das páginas internas, fizemos uma box colorida com texto em branco no topo da página con-tendo um texto introdutóriodaquele tema e abaixo outros curtos textos sobre assuntos relacionados com um botão de “Leia Mais”, que direcio-na o visitante para a subpá-gina que trata daquele tema. Trabalhamoscomamídiaau-diovisual através de entrevistas

disponíveis em vídeo, áudio e texto, pensando nos deficien-tes visuais e auditivos. A ga-leria de fotos será elaborada emFlash,naformadeslides.

Quanto à interativida-de, trabalhamos com altera-ção de cores, por exemplo, na barra do menu do site. A cor original é preto e quan-do clica-se no link, fica azul.

Abaixo podemos ver o topo de uma página interna e ao lado a página incial do site.

Topodapáginainterna“Saneamento”dosite“EmbudasÁguas”.

Página inicial do site “Embu das Águas”.