Download - Projeto de criação do site "Embu das Águas"
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
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.
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”.