NEXT4 COMUNICAO DIGITAL 1

NEXT4 COMUNICAO DIGITAL 2

ndice



ndice ------------------------------------- pg. 2

Introduo ------------------------------------- pg. 3

O Domnio ------------------------------------- pg. 3

Hospedagem do site ------------------------ pg. 4

Estrutura do site (menu) ----------------------- pg. 5

Contedo do site ------------------------------ pg. 6

Recursos presentes no site (mdulos) ----- pg. 8

Layout / Design do site (parte visual) ------- pg. 9

Programao & Lgica ------------------------ pg. 10

Reviso & Publicao ------------------------ pg. 11

Administrao do site ------------------------ pg. 12

O retorno do investimento ------------------ pg. 13




NEXT4 COMUNICAO DIGITAL 3


Introduo

Neste E-book vamos abordar o passo-a-passo do que necessrio para que se possa contratar/desenvolver
um site profissional para a sua empresa. Lembrando que muito importante que voc conhea algumas
funcionalidades, terminologias e esteja familiarizado com as informaes e tendncias do mercado da
internet.
A no ser que voc seja um profissional autnomo ou sem recursos, aconselhamos que procure uma
agncia ou empresa gabaritada, com experincia no ramo e que conte com profissionais qualificados para a
prestao deste servio, pois isso garante no apenas a qualidade do seu projeto, mas tambm uma maior
segurana, alm da certeza de que o servio ser desenvolvido e entregue com sucesso.

O primeiro passo de um projeto de web a definio e a escolha do endereo do site.

O domnio
O domnio o nome do site. Ex.: www.suaempresa.com.br
O domnio exclusivo e garante a identidade do site e da sua empresa na internet.
Para escolher o nome do seu domnio, voc precisa certificar-se de sua disponibilidade. No havendo
nenhum outro site com o mesmo nome que voc quer utilizar, ento, voc poder registrar este domnio
utilizando um CPF ou um CNPJ vlido.

No momento do registro do
domnio, faz-se necessria
uma taxa anual que varia de
acordo com a terminao do
domnio. Em mdia, essa
taxa de R$ 30/ano.
Dica de Ouro:
Antes de iniciar qualquer
projeto de construo de
sites, registre o seu domnio.

Independente de qualquer coisa, garanta o seu domnio. Um bom nome ser sempre um bom ponto de
partida e a base para o sucesso do negcio. Uma vez registrado, ele ser seu, a menos que voc deixe de
pagar a anuidade ou perca o direito a ele mediante ao judicial.

Procure fazer o registro do domnio em empresas idneas e certifique-se de que o domnio 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 domnio ou a casos mais extremos.



NEXT4 COMUNICAO DIGITAL 4


Hospedagem do site

Hospedagem o servio que garante que o seu site permanea disponvel na Internet 24h por dia, 7 dias
por semana, 365 dias por ano, sem descanso ou direito a frias.

Em termos simples, os arquivos do site permanecero em um supercomputador chamado Servidor. Esse
Servidor permanece dentro de uma sala-cofre com conexes de energia e links de internet redundantes, a
fim de garantir que todas as pessoas que acessem o seu domnio visualizem o site desejado.




Hospedagem na Next4
Disponveis 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 mdias
empresas (at 500 funcionrios). Disponibilizamos contas de 10 Gb a 600 Gb de espao em disco e
transferncia ilimitada.

Dica de ouro:
O servio de hospedagem cada vez mais crtico para qualquer negcio. Para escolher um bom servio,
voc precisa levar em considerao diversos fatores, como: estabilidade do servidor, qualidade do servio
de e-mail, atendimento do suporte (muito importante), painel de controle utilizado, tecnologia,
versionamento de sistemas e disponibilidade de recursos.

Caso voc ainda no tenha um servio de hospedagem, pea ajuda agncia que est desenvolvendo o seu
projeto, pois ela poder lhe indicar um bom fornecedor. Se a agncia j oferece este servio, entre em
contato com no mnimo dois clientes para questionar sobre a qualidade do servio, sendo essa uma das
melhores formas de obter um feedback fiel.

Nem sempre uma grande empresa de hospedagem sinnimo de qualidade, conhecemos e lidamos com
servios destes terceiros h vrios anos e podemos afirmar que algumas delas no oferecem um servio
satisfatrio.


NEXT4 COMUNICAO DIGITAL 5

Resumindo: Consulte quem j utiliza o servio e certifique-se de que atenda a necessidade (de tecnologia)
da agncia que desenvolveu o projeto.

Estrutura do site (menu)

A estrutura do site comea pelo menu, sendo o primeiro passo para iniciar a construo do contedo do
site. Devem ser listadas as pginas que voc vai querer que o site possua:

A) Ex.: Incio Quem somos Servios Produtos Clientes Contato, etc.

B) Depois defina a quantidade de
produtos, servios e sub menus.

C) Finalize a estrutura do Menu com
o mximo de informaes
detalhadas a respeito da natureza
do contedo que estas pginas iro
receber.

Veja nosso exemplo:

Incio
Quem somos (A equipe, Nossos valores, Histria da empresa, Selos e filiaes)

Servios (10)
- Criao de sites (Texto + Imagem + Formulrio de oramento)
- Criao de logotipos (Texto + Imagem + Boto comprar)
- E-mail Marketing (Texto + Imagem + Boto comprar)
- Links Patrocinados (Texto + Imagem + Formulrio de oramento)
- Hospedagem de sites (Texto + Imagem + Boto comprar)
- Registro de domnios (Texto + Imagem + Boto comprar + Boto pesquisar)
- Redao web (Texto + Imagem + Formulrio de oramento)
- Servio de traduo (Texto + Imagem + Formulrio de oramento)
- Gesto de contedo (Texto + Imagem + Formulrio de oramento)
- Fotgrafo profissional (Texto + Imagem + Formulrio de oramento)

Portflio (Slide de imagens contendo os ltimos trabalhos da agncia)

Clientes (Galeria de imagens com a relao dos principais clientes)

Contato (Formulrio de contato, Mapa de localizao, Telefones e horrio de funcionamento)

Dica de ouro:
De maneira geral, os menus so verticais ou horizontais. Para sites institucionais com pouco contedo, d
preferncia aos menus horizontais situados no topo do site. Desta forma, voc estar aproveitando melhor
o uso do espao e, consequentemente, melhorando a usabilidade e a experincia do usurio.

Os menus verticais so mais apropriados para sites como blogs, comrcio eletrnico, portais de contedo,
enfim, so sites que possuem muitas categorias e subcategorias e, portanto, possuem a necessidade um
menu extenso, com muitas categorias e subcategorias. Em casos especficos, pode haver a mistura entre os

NEXT4 COMUNICAO DIGITAL 6

tipos de menu, o que pode vir a ser uma boa soluo dependendo do tipo e do contedo do site.

Contedo do site

Elaborada e definida a estrutura do menu, vamos prosseguir para a elaborao do contedo. Nesta etapa a
organizao 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 relao s imagens, importante que se atente qualidade delas, como a resoluo e o
enquadramento, e ainda se deve conferir o formato do arquivo no momento de enviar.

Os formatos so: JPG, GIF e PNG.

Os textos, imagens, vdeos, planilhas, PDFs e todo material enviado de responsabilidade do contratante e
ser solicitado pela agncia desenvolvedora em algum momento durante o processo de criao.



Dicas de ouro:
Para facilitar o trabalho, nomeie os arquivos de texto para que uma pessoa leiga possa identificar o seu
contedo facilmente. Ex.: pagina_quem_somos.docx

Durante a redao dos textos dos servios/produtos da sua empresa, procure utilizar as terminologias que o
mercado (as pessoas) utilizam para encontrar e referenciar o seu servio/produto nos sites de busca. Esta
prtica ir gerar pontos a seu favor em relao aos resultados de pesquisa no Google.

Sobre as imagens, utilize a nomeao do arquivo em caixa baixa (letra minscula), no utilize acentuao e
espaos. Utilize nomes amigveis que correspondam ao contedo da imagem, isso tambm ir gerar pontos
a seu favor em relao aos resultados de pesquisa no Google. Ex. img_criacao_de_sites.jpg

Muitas vezes, o material visual (imagens, ilustraes, cones, banners) pode ser de difcil acesso ou escasso
e, na maioria dos casos, no h um profissional capacitado na empresa para gerar, criar ou pesquisar esse
tipo de material. A agncia 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 ingls.

NEXT4 COMUNICAO DIGITAL 7


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 so pagos, mas vale a
pena o investimento, tendo em vista que o
resultado ser superior s imagens gratuitas
disponveis na internet.

Dependendo do seu oramento, voc tambm pode contratar o servio de um fotgrafo profissional para
gerar material fotogrfico, vdeos institucionais, apresentao da empresa, de produtos, para fins de
suporte, ou onde a sua imaginao consiga chegar. O objetivo ter o melhor material possvel para gerar
um impacto positivo no seu cliente potencial.

Evite utilizar imagens da pesquisa do GoogleImagens, utilize esse mtodo apenas como ltimo recurso.
Voc ir trabalhar com imagens que j esto em outros sites, provavelmente ir quebrar protocolos de
Copyright e ter imagens de baixa qualidade na maioria dos casos.

Em relao aos textos, destacamos que de suma importncia que os textos estejam muito bem escritos e
que no apresentem qualquer tipo de erro. Selecione este material e envie para um redator ou jornalista
para a reviso ortogrfica e reescrita se necessrio.

Caso queira, contamos com profissionais capazes de desenvolver todos os textos que o seu site possa
precisar.

Lembre-se, a internet muito dinmica e veloz. Isso significa que o material escrito precisa ser curto,
conciso e direto. Se o bloco de informao for muito grande, separe em pargrafos e insira ttulos que
mencione o contedo do pargrafo. Desta forma, o leitor pode fazer uma rpida leitura da sua pgina
passando pelos ttulos e ler o que lhe convir, diminuindo o risco de abandonar a sua pgina.

Isso o que acontece na prtica de maneira geral, por isso, melhore a experincia do usurio, revise os
textos do seu site quantas vezes forem necessrias at que atinja o ponto ideal. Uma boa experincia on-
line significa pontos positivos no ndice de confiana da sua empresa.






NEXT4 COMUNICAO DIGITAL 8


Recursos presentes no site (mdulos)
Voc pode escolher uma srie de recursos para incluir em seu site. Antes de sair escolhendo os recursos
aleatoriamente, pegue um papel, uma caneta, e monte um rpido planejamento:
a) Qual o meu objetivo?
- Descreva o qu voc deseja atingir/almeja com a criao do novo site.
Exemplos: informativos com gerao de leads (oramentos), plataforma de suporte, venda de produtos B2C,
gerao de pedidos B2B, promocional temporrio, plataforma de cadastro, plataforma de distribuio de
contedo e gerar receita com publicidade, enfim, so muitas as possibilidades, sendo que o mais importante
que este objetivo esteja bem claro.
b) Qual ser o tipo do meu site?
- Institucional, com carter informativo;
- Vendas de produtos ou servios;
- Hotsite;
- Blog;
- Plataforma de contedo;
- Catlogo on-line;
- Comrcio eletrnico.
c) Como os principais concorrentes esto posicionados na internet?
- Quais so 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 no fazem. Neste ponto estamos falando de
inovao ou adaptao de recursos que o prximo tpico.
d) Quais elementos que tenho interesse em sites de terceiros?
- importante ter referncias externas (outros sites) no momento de planejar o seu prprio projeto.
- Os elementos podem ser funcionalidades e elementos visuais (design e layout).

Exemplos de funcionalidades: galerias de fotos, catlogo de produtos, formulrios de oramento, agenda de
eventos, acesso a contedo restrito, captao de e-mail, trabalhe conosco, rea de download, tickets de
suporte, sistemas de buscas avanadas com filtros, meios de pagamento (e-commerce), formulrio de
contato, verso para celular, site responsivo, banners dinmicos, organizao em abas, enfim, h uma
infinidade de recursos.




NEXT4 COMUNICAO DIGITAL 9


Layout / Design do site (parte visual)

Aps a definio do contedo das pginas 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 composio da parte visual e estrutural. Em termos simples, podemos chamar de
esqueleto do site. Esse esqueleto possui um padro visual, um modelo para todas as pginas, j o contedo
(textos, imagens e mdulos) iro preencher o esqueleto e dar a forma final que conhecemos quando
visitamos um site na internet.

A maneira mais prtica para orientar o gerente do seu projeto quanto ao layout desejado (parte visual)
informando referncias com links de outros sites. Na maioria dos casos, o cliente j possui uma ideia do que
ele deseja.



Dica de ouro:
Pesquise vrios sites antes de definir o seu layout e tenha cuidado com opinies de pessoas leigas, porque o
layout muito mais do que o gosto pessoal, envolvendo comunicao, contraste de cores, usabilidade,
acessibilidade, responsabilidade (quando o contedo se adequa ao tamanho da tela do dispositivo),
tecnologias adequadas (ex.: no use Flash) e, principalmente, propsito (quais os objetivos que quero atingir
com o meu site).

Tudo no site deve seguir a lgica do propsito, evite amadorismos como: coloca isso porque bonitinho,
quero meu site com msica, com tela de apresentao, animao em Flash, entre outros recursos
detestveis dentro das boas prticas da criao de sites.

Oriente o gerente quanto predominncia das cores, se voc deseja um site claro, escuro, visualmente
limpo, com aparncia tecnolgica, artstico, formato de portal, etc.

Lembre-se:
Quando um layout desenvolvido por um especialista (designer) ser com base nas informaes fornecidas
por voc durante o preenchimento do oramento on-line. Por isso, quanto mais informaes voc fornecer,
melhor ser o resultado.

NEXT4 COMUNICAO DIGITAL 10


Programao & Lgica
Aps a definio do layout, ser iniciada a programao do site. a parte responsvel pela lgica de
funcionamento, da comunicao interna e externa dos recursos e dos mdulos designados no projeto.

At a etapa da definio do layout podemos dizer que o contratante coautor no desenvolvimento do site,
pois influencia diretamente no resultado. Na parte da programao (salvo excees), o projeto ocorre de
maneira fluda pelo programador da agncia com pouca ou nenhuma necessidade de interveno por parte
do contratante.

Caso seja um projeto de alta complexidade, o cliente precisa desenvolver o fluxograma da lgica de
funcionamento do site. Exemplificando como as telas devem funcionar, quais as aes ocorrem ao clicar em
determinado boto, quais variveis esto relacionadas, entre outros detalhes vitais para a construo do
projeto.



Podem-se utilizar ferramentas grficas como Photoshop, PowerPoint, CorelDraw, Fireworks, entre outros,
para a criao deste fluxograma. Vai depender obviamente da habilidade do contratante.

Existem ferramentas profissionais para a criao de Wireframes, aqui vo algumas dicas:

Smartdraw
Axure

Dica de ouro:
Em relao plataforma de
desenvolvimento, o mercado
oferece dezenas de opes, mas
trs delas so 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 cenrio 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 ento migrar definitivamente para um ambiente puro Linux.
Existem diversas outras linguagens disponveis no mercado e sem dvida existem excelentes profissionais
em cada uma delas.

NEXT4 COMUNICAO DIGITAL 11


Recomendamos a utilizao de linguagens de programao PHP e plataformas OpenSource por terem uma
vasta comunidade de profissionais habilitados e pela facilidade de encontr-los. Nenhuma plataforma
proprietria capaz de superar a escala colaborativa do OpenSource e nem a riqueza de recursos que
oferece.


Reviso & Publicao
Aps a finalizao do site, o contratante far as revises necessrias. A quantidade de revises e o volume
de aes podem variar muito dependendo das regras acertadas com a agncia contratada.

As revises podem ser de contedo ou de estrutura. Na Next4, a primeira (contedo), o contratante tem
direito a at duas revises contendo "n" tarefas. As alteraes de estrutura quando consideradas "refao"
so execues extras e, portanto, cobradas parte (por hora de trabalho).

Alteraes de estruturas concludas so muito custosas para qualquer profissional, imagine voc construir
uma casa e depois ter de demolir porque o cliente decidiu que no gostou. Essa relao complicada e
muito frequente, principalmente quando o cliente no sabe o que quer ou quando o profissional/agncia
no tem habilidade suficiente para conduzir a construo do projeto.

Geralmente, o problema est na falta de comunicao, de posicionamento da prpria agncia em relao ao
projeto do cliente.

"Acriaodeumsiteestmuitomaisatreladoarelacionamentosinterpessoaisegestodeideiasdoque
propriamenteacdigosdeprogramao".

Agncias e profissionais srios faro o projeto do site em etapas e solicitaro a aprovao do contratante
antes de iniciar cada etapa.

Seguindo esta lgica, e passada a reviso do cliente, a agncia far a reviso final: Compatibilidade de
navegadores, testes em dispositivos mveis, checagem de links e estrutura de navegao, validao w3c,
etc. O site ento ser homologado e pronto para ser publicado na internet, na empresa de hospedagem de
preferncia do cliente.







NEXT4 COMUNICAO DIGITAL 12


Administrao do site
A Next4 trabalha com a produo de sites administrveis e oferece um treinamento de aproximadamente
uma hora e meia, logo aps a publicao do site na internet. Esse treinamento feito na agncia (quintas e
sextas) ou remotamente via Skype, com compartilhamento de tela.

Realizar a administrao do site um processo simples, porm 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 estaro disponveis para
lhe auxiliar em qualquer dvida e resolver qualquer problema.
Dica de ouro:
Se a pessoa encarregada da manuteno do site tiver conhecimento no software Photoshop (ou similar),
ser um grande diferencial. O contedo tipogrfico se ajusta ao layout facilmente, mas as imagens e
ilustraes no. Por isso a importncia de possuir imagens nos tamanhos, resolues e dimenses corretas.
Para fazer estes ajustes, um software de edio de imagens como o Photoshop se far necessrio.


Conhecimento sobre FTP e gerenciamento de arquivos, cliente/servidor ser uma segunda vantagem, mas
no obrigatrio.













NEXT4 COMUNICAO DIGITAL 13

O retorno do investimento
O site deve ser visualizado como um projeto, isso significa que ele formado por vrias partes, requer um
planejamento prvio, e pode ser considerado como um investimento. Como tal, deve-se esperar um
retorno.

Salvo raras excees, 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 contrrio,
pouca utilidade ter o site, ser apenas um carto de visitas on-line, acessado por aqueles que j so
clientes.

Um website de sucesso necessita de trfego (visitao de usurios no-clientes) e, principalmente, de
pessoas interessadas no seu
negcio.

No momento de planejar o seu
investimento, tenha em mente o
seguinte cenrio:

Valor do site + oramento para
campanha de marketing on-line
(proporo de 1:1). Se voc investiu
10 mil reais para construir o site,
invista mais 10 mil na campanha de
marketing por um perodo mnimo de seis meses.

No adianta lanar o site e deix-lo s moscas. Para algumas pessoas este raciocnio pode ser lgico e
coerente, mas a realidade bem diferente na prtica. Cerca de 50% dos nossos clientes acabam fazendo
campanhas de marketing aps o lanamento do site e a outra metade diz aguardar para realiz-la em um
prximo momento.

Da metade que inicia uma campanha de marketing on-line, 80% continua e renova o pacote para o prximo
perodo. A conta simples, para cada real gasto em publicidade, ele deve retornar em volume de negcios
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 prospeco de novos clientes, no somente na questo de vendas de produto ou servio,
mas tambm no quesito de relacionamento e fidelizao.

A Next4 uma opo 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 satisfatrio.

Entre em contato com o nosso departamento comercial e tire as suas dvidas:

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 reproduo ou distribuio deste material, favor entrar em contato com a Next4.