NEXT4 COMUNICAÇÃO DIGITAL 1
Índice Índice ------------------------------------- pg. 2 Introdução ------------------------------------- pg. 3 O Domínio ------------------------------------- pg. 3 Hospedagem do site ------------------------ pg. 4 Estrutura do site (menu) ----------------------- pg. 5 Conteúdo do site ------------------------------ pg. 6 Recursos presentes no site (módulos) ----- pg. 8 Layout / Design do site (parte visual) ------- pg. 9 Programação & Lógica ------------------------ pg. 10 Revisão & Publicação ------------------------ pg. 11 Administração do site ------------------------ pg. 12 O retorno do investimento ------------------ pg. 13 NEXT4 COMUNICAÇÃO DIGITAL 2
Introdução Neste E-book vamos abordar o passo-a-passo do que é necessário para que se possa contratar/desenvolver um site profissional para a sua empresa. Lembrando que é muito importante que você conheça algumas funcionalidades, terminologias e esteja familiarizado com as informações e tendências do mercado da internet. A não ser que você seja um profissional autônomo ou sem recursos, aconselhamos que procure uma agência ou empresa gabaritada, com experiência no ramo e que conte com profissionais qualificados para a prestação deste serviço, pois isso garante não apenas a qualidade do seu projeto, mas também uma maior segurança, além da certeza de que o serviço será desenvolvido e entregue com sucesso. O primeiro passo de um projeto de web é a definição e a escolha do endereço do site. O domínio O domínio é o nome do site. Ex.: www.suaempresa.com.br O domínio é exclusivo e garante a identidade do site e da sua empresa na internet. Para escolher o nome do seu domínio, você precisa certificar-se de sua disponibilidade. Não havendo nenhum outro site com o mesmo nome que você quer utilizar, então, você poderá registrar este domínio utilizando um CPF ou um CNPJ válido. No momento do registro do domínio, faz-se necessária uma taxa anual que varia de acordo com a terminação do domínio. Em média, essa taxa é de R$ 30/ano. Dica de Ouro: Antes de iniciar qualquer projeto de construção de sites, registre o seu domínio. Independente de qualquer coisa, garanta o seu domínio. Um bom nome será sempre um bom ponto de partida e a base para o sucesso do negócio. Uma vez registrado, ele será seu, a menos que você deixe de pagar a anuidade ou perca o direito a ele mediante ação judicial. Procure fazer o registro do domínio em empresas idôneas e certifique-se de que o domínio será registrado em seu nome (CPF) ou em nome da sua empresa (CNPJ). É muito comum empresas ou profissionais que desenvolvem sites, realizarem o registro em nome deles, causando todo tipo de problema para o cliente no futuro, podendo chegar até mesmo a perda do domínio ou a casos mais extremos. NEXT4 COMUNICAÇÃO DIGITAL 3
Hospedagem do site Hospedagem é o serviço que garante que o seu site permaneça disponível na Internet 24h por dia, 7 dias por semana, 365 dias por ano, sem descanso ou direito a férias. Em termos simples, os arquivos do site permanecerão em um supercomputador chamado Servidor. Esse Servidor permanece dentro de uma sala-cofre com conexões de energia e links de internet redundantes, a fim de garantir que todas as pessoas que acessem o seu domínio visualizem o site desejado. Hospedagem na Next4 Disponíveis em diversas tecnologias e nos melhores servidores, a Next4 oferece planos de hospedagem que variam em conformidade com as necessidades do nosso cliente. Atendemos micros, pequenas e médias empresas (até 500 funcionários). Disponibilizamos contas de 10 Gb a 600 Gb de espaço em disco e transferência ilimitada. Dica de ouro: O serviço de hospedagem é cada vez mais crítico para qualquer negócio. Para escolher um bom serviço, você precisa levar em consideração diversos fatores, como: estabilidade do servidor, qualidade do serviço de e-mail, atendimento do suporte (muito importante), painel de controle utilizado, tecnologia, versionamento de sistemas e disponibilidade de recursos. Caso você ainda não tenha um serviço de hospedagem, peça ajuda à agência que está desenvolvendo o seu projeto, pois ela poderá lhe indicar um bom fornecedor. Se a agência já oferece este serviço, entre em contato com no mínimo dois clientes para questionar sobre a qualidade do serviço, sendo essa uma das melhores formas de obter um feedback fiel. Nem sempre uma grande empresa de hospedagem é sinônimo de qualidade, conhecemos e lidamos com serviços destes terceiros há vários anos e podemos afirmar que algumas delas não oferecem um serviço satisfatório. NEXT4 COMUNICAÇÃO DIGITAL 4
Resumindo: Consulte quem já utiliza o serviço e certifique-se de que atenda a necessidade (de tecnologia) da agência que desenvolveu o projeto. Estrutura do site (menu) A estrutura do site começa pelo menu, sendo o primeiro passo para iniciar a construção do conteúdo do site. Devem ser listadas as páginas que você vai querer que o site possua: A) Ex.: Início Quem somos Serviços Produtos Clientes Contato, etc. B) Depois defina a quantidade de produtos, serviços e sub menus. C) Finalize a estrutura do Menu com o máximo de informações detalhadas a respeito da natureza do conteúdo que estas páginas irão receber. Veja nosso exemplo: Início Quem somos (A equipe, Nossos valores, História da empresa, Selos e filiações) Serviços (10) - Criação de sites (Texto + Imagem + Formulário de orçamento) - Criação de logotipos (Texto + Imagem + Botão comprar) - E-mail Marketing (Texto + Imagem + Botão comprar) - Links Patrocinados (Texto + Imagem + Formulário de orçamento) - Hospedagem de sites (Texto + Imagem + Botão comprar) - Registro de domínios (Texto + Imagem + Botão comprar + Botão pesquisar) - Redação web (Texto + Imagem + Formulário de orçamento) - Serviço de tradução (Texto + Imagem + Formulário de orçamento) - Gestão de conteúdo (Texto + Imagem + Formulário de orçamento) - Fotógrafo profissional (Texto + Imagem + Formulário de orçamento) Portfólio (Slide de imagens contendo os últimos trabalhos da agência) Clientes (Galeria de imagens com a relação dos principais clientes) Contato (Formulário de contato, Mapa de localização, Telefones e horário de funcionamento) Dica de ouro: De maneira geral, os menus são verticais ou horizontais. Para sites institucionais com pouco conteúdo, dê preferência aos menus horizontais situados no topo do site. Desta forma, você estará aproveitando melhor o uso do espaço e, consequentemente, melhorando a usabilidade e a experiência do usuário. Os menus verticais são mais apropriados para sites como blogs, comércio eletrônico, portais de conteúdo, enfim, são sites que possuem muitas categorias e subcategorias e, portanto, possuem a necessidade um menu extenso, com muitas categorias e subcategorias. Em casos específicos, pode haver a mistura entre os NEXT4 COMUNICAÇÃO DIGITAL 5
tipos de menu, o que pode vir a ser uma boa solução dependendo do tipo e do conteúdo do site. Conteúdo do site Elaborada e definida a estrutura do menu, vamos prosseguir para a elaboração do conteúdo. Nesta etapa a organização é fundamental e vai ajudar o trabalho do programador, do designer e do gerente do projeto. Armazene os textos do site em documentos Word e organize as imagens dentro de uma mesma pasta. Em relação às imagens, é importante que se atente à qualidade delas, como a resolução e o enquadramento, e ainda se deve conferir o formato do arquivo no momento de enviar. Os formatos são: JPG, GIF e PNG. Os textos, imagens, vídeos, planilhas, PDF s e todo material enviado é de responsabilidade do contratante e será solicitado pela agência desenvolvedora em algum momento durante o processo de criação. Dicas de ouro: Para facilitar o trabalho, nomeie os arquivos de texto para que uma pessoa leiga possa identificar o seu conteúdo facilmente. Ex.: pagina_quem_somos.docx Durante a redação dos textos dos serviços/produtos da sua empresa, procure utilizar as terminologias que o mercado (as pessoas) utilizam para encontrar e referenciar o seu serviço/produto nos sites de busca. Esta prática irá gerar pontos a seu favor em relação aos resultados de pesquisa no Google. Sobre as imagens, utilize a nomeação do arquivo em caixa baixa (letra minúscula), não utilize acentuação e espaços. Utilize nomes amigáveis que correspondam ao conteúdo da imagem, isso também irá gerar pontos a seu favor em relação aos resultados de pesquisa no Google. Ex. img_criacao_de_sites.jpg Muitas vezes, o material visual (imagens, ilustrações, ícones, banners) pode ser de difícil acesso ou escasso e, na maioria dos casos, não há um profissional capacitado na empresa para gerar, criar ou pesquisar esse tipo de material. A agência pode criar esse material ou você pode providenciar, confira algumas dicas abaixo. Para encontrar ícones utilize os seguintes sites: www.iconfinder.com e www.icondemon.com Para pesquisar utilize termos em inglês. NEXT4 COMUNICAÇÃO DIGITAL 6
Para encontrar imagens de qualidade, visite os seguintes bancos de imagens: pt.depositphotos.com www.istockphoto.com pt.dreamstime.com www.pixmac.com www.sxc.hu (Free - Gratuito) www.stockfreeimages.com/ (Free - Gratuito) A maioria dos sites acima são pagos, mas vale a pena o investimento, tendo em vista que o resultado será superior às imagens gratuitas disponíveis na internet. Dependendo do seu orçamento, você também pode contratar o serviço de um fotógrafo profissional para gerar material fotográfico, vídeos institucionais, apresentação da empresa, de produtos, para fins de suporte, ou onde a sua imaginação consiga chegar. O objetivo é ter o melhor material possível para gerar um impacto positivo no seu cliente potencial. Evite utilizar imagens da pesquisa do Google Imagens, utilize esse método apenas como último recurso. Você irá trabalhar com imagens que já estão em outros sites, provavelmente irá quebrar protocolos de Copyright e terá imagens de baixa qualidade na maioria dos casos. Em relação aos textos, destacamos que é de suma importância que os textos estejam muito bem escritos e que não apresentem qualquer tipo de erro. Selecione este material e envie para um redator ou jornalista para a revisão ortográfica e reescrita se necessário. Caso queira, contamos com profissionais capazes de desenvolver todos os textos que o seu site possa precisar. Lembre-se, a internet é muito dinâmica e veloz. Isso significa que o material escrito precisa ser curto, conciso e direto. Se o bloco de informação for muito grande, separe em parágrafos e insira títulos que mencione o conteúdo do parágrafo. Desta forma, o leitor pode fazer uma rápida leitura da sua página passando pelos títulos e ler o que lhe convir, diminuindo o risco de abandonar a sua página. Isso é o que acontece na prática de maneira geral, por isso, melhore a experiência do usuário, revise os textos do seu site quantas vezes forem necessárias até que atinja o ponto ideal. Uma boa experiência online significa pontos positivos no índice de confiança da sua empresa. NEXT4 COMUNICAÇÃO DIGITAL 7
Recursos presentes no site (módulos) Você pode escolher uma série de recursos para incluir em seu site. Antes de sair escolhendo os recursos aleatoriamente, pegue um papel, uma caneta, e monte um rápido planejamento: a) Qual é o meu objetivo? - Descreva o quê você deseja atingir/almeja com a criação do novo site. Exemplos: informativos com geração de leads (orçamentos), plataforma de suporte, venda de produtos B2C, geração de pedidos B2B, promocional temporário, plataforma de cadastro, plataforma de distribuição de conteúdo e gerar receita com publicidade, enfim, são muitas as possibilidades, sendo que o mais importante é que este objetivo esteja bem claro. b) Qual será o tipo do meu site? - Institucional, com caráter informativo; - Vendas de produtos ou serviços; - Hotsite; - Blog; - Plataforma de conteúdo; - Catálogo on-line; - Comércio eletrônico. c) Como os principais concorrentes estão posicionados na internet? - Quais são os sites dos concorrentes? - Quais elementos e funcionalidades que tenho interesse? Use os seus concorrentes como base, mas procure pensar fora da caixa para visualizar coisas e abordagens que os seus companheiros de mercado ainda não fazem. Neste ponto estamos falando de inovação ou adaptação de recursos que é o próximo tópico. d) Quais elementos que tenho interesse em sites de terceiros? - É importante ter referências externas (outros sites) no momento de planejar o seu próprio projeto. - Os elementos podem ser funcionalidades e elementos visuais (design e layout). Exemplos de funcionalidades: galerias de fotos, catálogo de produtos, formulários de orçamento, agenda de eventos, acesso a conteúdo restrito, captação de e-mail, trabalhe conosco, área de download, tickets de suporte, sistemas de buscas avançadas com filtros, meios de pagamento (e-commerce), formulário de contato, versão para celular, site responsivo, banners dinâmicos, organização em abas, enfim, há uma infinidade de recursos. NEXT4 COMUNICAÇÃO DIGITAL 8
Layout / Design do site (parte visual) Após a definição do conteúdo das páginas e os recursos do site, chegamos à etapa em que será definida a melhor forma de demonstrar tudo isso ao seu cliente-consumidor. O layout compreende a composição da parte visual e estrutural. Em termos simples, podemos chamar de esqueleto do site. Esse esqueleto possui um padrão visual, um modelo para todas as páginas, já o conteúdo (textos, imagens e módulos) irão preencher o esqueleto e dar a forma final que conhecemos quando visitamos um site na internet. A maneira mais prática para orientar o gerente do seu projeto quanto ao layout desejado (parte visual) é informando referências com links de outros sites. Na maioria dos casos, o cliente já possui uma ideia do que ele deseja. Dica de ouro: Pesquise vários sites antes de definir o seu layout e tenha cuidado com opiniões de pessoas leigas, porque o layout é muito mais do que o gosto pessoal, envolvendo comunicação, contraste de cores, usabilidade, acessibilidade, responsabilidade (quando o conteúdo se adequa ao tamanho da tela do dispositivo), tecnologias adequadas (ex.: não use Flash) e, principalmente, propósito (quais os objetivos que quero atingir com o meu site). Tudo no site deve seguir a lógica do propósito, evite amadorismos como: coloca isso porque é bonitinho, quero meu site com música, com tela de apresentação, animação em Flash, entre outros recursos detestáveis dentro das boas práticas da criação de sites. Oriente o gerente quanto à predominância das cores, se você deseja um site claro, escuro, visualmente limpo, com aparência tecnológica, artístico, formato de portal, etc. Lembre-se: Quando um layout é desenvolvido por um especialista (designer) será com base nas informações fornecidas por você durante o preenchimento do orçamento on-line. Por isso, quanto mais informações você fornecer, melhor será o resultado. NEXT4 COMUNICAÇÃO DIGITAL 9
Programação & Lógica Após a definição do layout, será iniciada a programação do site. É a parte responsável pela lógica de funcionamento, da comunicação interna e externa dos recursos e dos módulos designados no projeto. Até a etapa da definição do layout podemos dizer que o contratante é coautor no desenvolvimento do site, pois influencia diretamente no resultado. Na parte da programação (salvo exceções), o projeto ocorre de maneira fluída pelo programador da agência com pouca ou nenhuma necessidade de intervenção por parte do contratante. Caso seja um projeto de alta complexidade, o cliente precisa desenvolver o fluxograma da lógica de funcionamento do site. Exemplificando como as telas devem funcionar, quais as ações ocorrem ao clicar em determinado botão, quais variáveis estão relacionadas, entre outros detalhes vitais para a construção do projeto. Podem-se utilizar ferramentas gráficas como Photoshop, PowerPoint, CorelDraw, Fireworks, entre outros, para a criação deste fluxograma. Vai depender obviamente da habilidade do contratante. Existem ferramentas profissionais para a criação de Wireframes, aqui vão algumas dicas: Smartdraw Axure Dica de ouro: Em relação à plataforma de desenvolvimento, o mercado oferece dezenas de opções, mas três delas são realmente significativas: PHP, ASP.NET e JAVA. A Next4 trabalha com a plataforma PHP e MySQL, por quê ao longo dos anos julgou ser o melhor cenário a seguir. Iniciamos os primeiros anos da empresa com a plataforma ASP da Microsoft, a seguir, migramos para um ambiente misto (Linux e Windows), para então migrar definitivamente para um ambiente puro Linux. Existem diversas outras linguagens disponíveis no mercado e sem dúvida existem excelentes profissionais em cada uma delas. NEXT4 COMUNICAÇÃO DIGITAL 10
Recomendamos a utilização de linguagens de programação PHP e plataformas OpenSource por terem uma vasta comunidade de profissionais habilitados e pela facilidade de encontrá-los. Nenhuma plataforma proprietária é capaz de superar a escala colaborativa do OpenSource e nem a riqueza de recursos que oferece. Revisão & Publicação Após a finalização do site, o contratante fará as revisões necessárias. A quantidade de revisões e o volume de ações podem variar muito dependendo das regras acertadas com a agência contratada. As revisões podem ser de conteúdo ou de estrutura. Na Next4, a primeira (conteúdo), o contratante tem direito a até duas revisões contendo "n" tarefas. As alterações de estrutura quando consideradas "refação" são execuções extras e, portanto, cobradas à parte (por hora de trabalho). Alterações de estruturas concluídas são muito custosas para qualquer profissional, imagine você construir uma casa e depois ter de demolir porque o cliente decidiu que não gostou. Essa relação é complicada e muito frequente, principalmente quando o cliente não sabe o que quer ou quando o profissional/agência não tem habilidade suficiente para conduzir a construção do projeto. Geralmente, o problema está na falta de comunicação, de posicionamento da própria agência em relação ao projeto do cliente. "A criação de um site está muito mais atrelado a relacionamentos interpessoais e gestão de ideias do que propriamente a códigos de programação". Agências e profissionais sérios farão o projeto do site em etapas e solicitarão a aprovação do contratante antes de iniciar cada etapa. Seguindo esta lógica, e passada a revisão do cliente, a agência fará a revisão final: Compatibilidade de navegadores, testes em dispositivos móveis, checagem de links e estrutura de navegação, validação w3c, etc. O site então será homologado e pronto para ser publicado na internet, na empresa de hospedagem de preferência do cliente. NEXT4 COMUNICAÇÃO DIGITAL 11
Administração do site A Next4 trabalha com a produção de sites administráveis e oferece um treinamento de aproximadamente uma hora e meia, logo após a publicação do site na internet. Esse treinamento é feito na agência (quintas e sextas) ou remotamente via Skype, com compartilhamento de tela. Realizar a administração do site é um processo simples, porém requer alguns conhecimentos e habilidades por parte do encarregado. Para um comparativo, uma pessoa com conhecimentos em Word, Excel e redes sociais como Facebook estará apto para receber o treinamento. O grau de dificuldade é baixo, no entanto, existem muitos recursos, o que pode levar certo tempo até que a pessoa fique plena e confiante. Você pode contar com o nosso Suporte Premium (pago), onde nossos profissionais estarão disponíveis para lhe auxiliar em qualquer dúvida e resolver qualquer problema. Dica de ouro: Se a pessoa encarregada da manutenção do site tiver conhecimento no software Photoshop (ou similar), será um grande diferencial. O conteúdo tipográfico se ajusta ao layout facilmente, mas as imagens e ilustrações não. Por isso a importância de possuir imagens nos tamanhos, resoluções e dimensões corretas. Para fazer estes ajustes, um software de edição de imagens como o Photoshop se fará necessário. Conhecimento sobre FTP e gerenciamento de arquivos, cliente/servidor será uma segunda vantagem, mas não obrigatório. NEXT4 COMUNICAÇÃO DIGITAL 12
O retorno do investimento O site deve ser visualizado como um projeto, isso significa que ele é formado por várias partes, requer um planejamento prévio, e pode ser considerado como um investimento. Como tal, deve-se esperar um retorno. Salvo raras exceções, todo site, assim que publicado na internet, deve receber um "pacote de marketing" com o intuito de promovê-lo e divulgá-lo, a fim de que seja visto por seus potenciais clientes. Caso contrário, pouca utilidade terá o site, será apenas um cartão de visitas on-line, acessado por aqueles que já são clientes. Um website de sucesso necessita de tráfego (visitação de usuários não-clientes) e, principalmente, de pessoas interessadas no seu negócio. No momento de planejar o seu investimento, tenha em mente o seguinte cenário: Valor do site + orçamento para campanha de marketing on-line (proporção de 1:1). Se você investiu 10 mil reais para construir o site, invista mais 10 mil na campanha de marketing por um período mínimo de seis meses. Não adianta lançar o site e deixá-lo às moscas. Para algumas pessoas este raciocínio pode ser lógico e coerente, mas a realidade é bem diferente na prática. Cerca de 50% dos nossos clientes acabam fazendo campanhas de marketing após o lançamento do site e a outra metade diz aguardar para realizá-la em um próximo momento. Da metade que inicia uma campanha de marketing on-line, 80% continua e renova o pacote para o próximo período. A conta é simples, para cada real gasto em publicidade, ele deve retornar em volume de negócios superior ao total investido. Com o site no ar e as campanhas de marketing digital, você vai constatar como a internet pode ser um excelente canal de prospecção de novos clientes, não somente na questão de vendas de produto ou serviço, mas também no quesito de relacionamento e fidelização. A Next4 é uma opção para inserir a sua empresa com sucesso no ambiente virtual. Somos profissionais, estamos no mercado desde 2005 e já atendemos a mais de 320 clientes. Tenha a certeza de que você obterá um resultado satisfatório. Entre em contato com o nosso departamento comercial e tire as suas dúvidas: Acesse nosso site: www.next4.com.br Blog: www.next4.com.br/blog Fale conosco: contato@next4.com.br / comercial@next4.com.br Telefones: (11) 2306-3031 (11) 3451-6349 Para reprodução ou distribuição deste material, favor entrar em contato com a Next4. NEXT4 COMUNICAÇÃO DIGITAL 13