projeto de criação do site "embu das Águas"
DESCRIPTION
Através de uma pesquisa minunciosa sobre as condições de saneamento na cidade de Embu das Artes, foi criado um site que pudesse levar informações sobre o assunto aos menos familiarizados com o problema da falta de saneamento não só na cidade de Embu das Artes, mas no país. Acesse o site no link: www.wix.com/embudasaguas/home.TRANSCRIPT
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”.