Você está na página 1de 10

Como elaborar um projeto de WebSite?

LINK

5 de novembro de 2009 - 10:40 Compartilhar/Favoritos

Arquitetura da Informao 15 Comentrios

Elaborar um WebSite requer organizao e gesto de recursos. Antes de estabelecer um preo faa o planejamento a mdio e longo prazo do seu projeto. Uma das postagens mais acessadas no HajaLuz sobre como elaborar um projeto. Foi da que surgiu a idia de especificar mais o assunto e falar sobre o projeto de um website. Segue uma lista baseada nesse texto do site Woobzine, que eu recomendo uma leitura constante. Voc pode relacionar os tens abaixo com a minha postagem sobre projetos. O resultado ser um site muito bem organizado.

Preparao

Estudar as particularidades do servio e do cliente; Observar projetos semelhantes (Beanchmark); Definir metas e estratgias; Elaborar um formulrio para captar a idia do cliente sobre o projeto.

Documentao

Confirmaes dos objetivos do site (corporativos, marketing, etc.); Escolher um modelo de negcios e plano de Marketing; Planejar as interaes, tecnologias e funcionalidades; Escolher um sistema para gerenciar o contedo; Escolher banco de dados e modelo de backup; Regras e responsabilidades; Durao das etapa inicial do projeto; Validar o incio do projeto com um sinal ($) do cliente;

Planejamento

Ttulo do website; Procurar hospedagem e empresa para registrar o domnio; Selecionar o domnio e registrar; Registrar domnios parecidos com o seu; Elaborar a estrutura do website e informaes sobre arquitetura; Gerar um rascunho do site para primeiras impresses no photoshop;

Layout

Definir as fontes tipogrficas; Pesquisar esquema de cores (paletas); Verificar se o esquema de cores equilibrado; no agride nem gera indiferena em quem v o site; Preocupar-se com os padres de usabilidade e acessibilidade; Criao de um layout bsico (eu fao no photoshop mesmo) em HTML/CSS para ser submetido crticas;

Preparao do Contedo

Montar a equipe para fornecer contedo (jornalistas, ilustradores) Apresentao do Texto (recepo/atualizao/criao); Arte (fotos/ilustraes); Adicionar contedo especfico para web; Distribuio do contedo manter a pgina principal leve e efetiva; Providenciar uma chamada de ao para cada pgina; Definir os direitos de cpia, termos de uso e poltica de privacidade; Detalhar contatos; Pgina sobre (com autor(s), informaes da empresa, crditos ); Testemunhos, matrias na mdia e prmios; Descrio de produtos; Pgina de perguntas e respostas frequentes; Utilizar palavras chave (etiquetas ou tags) para referenciar contedo; Validar contedo atravs de uma reviso.

Integrao do Contedo

Colocar contedo no layout; Observar com ateno hierarquia de contedo no layout; Definir cabealhos (h1, h2, ) e pargrafos; Adaptar tamanhos de fonte, espaamento para melhorar a legibilidade;

Escolher se voc vai permitir ao visitante alterar o tamanho da fonte; Identificar e adicionar meta tags, meta descries e descries nos ttulos; Nomear links com tags ncoras para lhes dar sentido semntico; Fazer os links consistentes e facilitar a identificao (estilos especiais nos links, como feeds ou emails); Adicionar tags alt sobre todas as imagens imagens; Providenciar um texto alternativo para todas as mdias sem alt tags;

Design

Artes originais (fotos, ilustraes ); Logo ; Desenho do cabealho com clara demonstrao do propsito do site e predominncia da logo com link para a pgina principal; Adicionar um campo de busca visvel no cabealho ou no topo da coluna direita; Projetar uma barra de navegao objetiva; Projetar o corpo do site com colunas e um rodap; Certifique-se que o contedo ocupa uma parte relevante na pgina principal; Balancear ilustraes/fotos e texto de acordo com o propsito do site; Preparar aparncia dos anncios e links patrocinados; Visibilidade de testemunhos, matrias e prmios; Certifique-se que o contedo e/ou o design dos elementos facilitem a futura visitao ou o compartilhamento das informaes; Certifique-se que as informaes da empresa e o contato so acessveis (endreo, telefone ) ou seja, que eles levam o seu visitantes a confiarem na existncia fsica da empresa;

Se muitas escolhas so disponibilizadas (diferentes produtos do mesmo tipo) destaque claramente o principal para ajudar seus visitantes a escolherem; Destaque campos especiais em formulrios (erros ou que necessitam de validao); Faa com que todos os botes e elementos clicveis sejam destacados ao passar o mause por cima; Desenhe um Favicon; Faa uma reviso do design e envie para o cliente se for necessrio;

Funcionalidades

Construir um banco de dados; Implemente um Sistema de Gerenciamento de Contedo; Defina os Formulrios e scripts adicionais; Elabore uma Newsletter (boletim de atualizaes); Customize aplicaes;

Defina as reas restritas (proteger painel de administrao devidamente com login);

Usabilidade

Fazer URLs com significado e amigveis ao visitante; Certifique-se que as URLs so consistentes (www.seusite.com ou seusite.com); Se a navegao ou o design ficam confusos o boto de voltar oferece uma alternativa; Cdigo otimizado para todos os navegadores atualizados; Criar uma pgina de erro 404; Certificar que o visitantes recebe uma confirmao aps uma determinada ao; Fazer o site amigvel para impresso; Validao e otimizao do (X)HTML, CSS e JavaScript; Otimizar o site para que ele possa receber atualizaes posteriores; Otimizar tamanho de imagens e arquivos; Proteo e .htaccess funes (anti-spam, cimpresso, cache, anti-hotlinks, banco de dados )

Primeiro Teste (off-line fase alfa)



Padres Web; Pesquisas de usabilidade e acessibilidade; Pesquisas sobre contedo, design, identificao; Testar links; Verificar transaes (scripts); Corrigir erros e refazer otimizao;

Manuteno 1

Documentao; Upload do site para ambiente de uso; Colocar scripts de estatsticas e otimizao (Analytics, Feedburner, ); Configurar agendamento de backup e testar a recuperao do backup;

Treinamento

Particularidades do CMS, linguagem web; (X)HTML/CSS; PHP; Como construir uma comunidade na web (mdias sociais); SEO; Web marketing;

Marketing e SEO

Crear um XML Sitemap; Configurar o robot.txt; Inserir o site nos motores de busca (Yahoo, Bing); Submeter sitemap; Comprar ou vender anncios; Newsletter e campanhas de email; Monitorar contatos; Estimular citaes e testemunhos; Negociar links; Divulgao de nicho (offline); Divulgao em mdias sociais (Twitter, Facebook, Digg); Eventos, promoes.

Segundo Teste (fase beta)



Verificar estratgias de SEO; Verificar estratgias Marketing; Otimizao; Banco de dados; Teste de segurana.

Manuteno 2

Elaborar um relatrio de concluso e recomendaes; Queimar CD com o site e arquivos; Elaborar um documento seguro com todas as informaes de conta (ftp, painel de admin, emails, ); Transferir direitos de cpia para a empresa contratante; Atualizar o portflio; Realizar eventos e promoes.

Manuteno 3

Atividades de Webmaster (feedback do contedo, atualizaes, novos produtos, ); Atualizar sesso de perguntas e respostas; Adicionar novas funcionalidades ao site; Construir, monitorar e responde a comunidade; Colecionar informaes estatsticas;

Administrao do Processo

Verificar a evoluo do projeto (resultados, metas atingidas, );

Reviso do SEO de dois em dois meses; Reviso do Plano de marketing e pblico alvo; Atualizao da documentao; Reviso das regras e responsabilidades;

Se a demanda do cliente for por uma mudana constante ou se ele possui a necessidade de gerenciar emails da empresa mas no possui um profissional para isso. Faa um contrato com um valor mensal e esteja a disposio para realizar as alteraes e orientaes necessrias, pode ser o incio da prestao de servios como assessor ou consultor web. Um forte abrao e sucesso!!!

Como ser achado pelo Google?


LINK

19 de agosto de 2007 - 7:28 Compartilhar/Favoritos

Arquitetura da Informao Fazer Comentrio

Um cliente outro dia perguntou se teria que digitar o site dele em algum lugar, ou quanto deveria pagar, para que fosse achado. Eu fiquei curioso com isso, e lembrei-me que h uns tempos indexar sites em sistemas de busca tinha preo. Isso mesmo, as pessoas pagavam para aparecer bem nas buscas E hoje? Hoje o preo a sua dedicao em aprender como ser achado, ento vamos l Como sempre no chovo no molhado aqui vo alguns tutoriais: Interney Blogs Paulo Rodrigo Imasters Bom o resultado para mim est sendo muito positivo. Como acabei de colocar o plugin do wordpress, vou ver quanto tempo essa postagem entra e fao um update para inform-los. Acompanhe comigo:

site: link: cache: info: related:

Pginas indexadas em seu site Pginas que fazem referncia pgina principal do seu site O cache atual do seu site Informaes que temos sobre o seu site Pginas que so semelhantes ao seu site

site:hajaluz.net link:hajaluz.net cache:hajaluz.net info:hajaluz.net related:hajaluz.net

Update>> O chache do google informa que essa pgina foi copiada s 19 ago. 2007 13:41:21 GMT

Como minha hora aqui -3 do GMT e a postagem foi publicada s 7:28 ou seja 10:28 GMT eu tenho 3:13, ou seja, demorou mais de 3 horas para que a pgina fosse indexada pelo google bom eu vi outro dia um cara que falou em 35 minutos ento o meu foi muito demorado ou no?

ROTEIRO DE UM BOM PLANEJAMENTO AO DESENVOLVER UM SITE


Perguntas para planejamento visando gerao de trfego (SEO) 1. 2. 3. outros? 4. 5. 6. Qual dever ser o trfego mensal do site? Qual o o cdigo para a Ferramentas para webmaster? Qual o Ranking Alexa do Site? Perguntas para anlise de critrios objetivando aumento de converso 1. 2. 3. 4. 5. 6. Qual o(s) Pblico(s)-alvo do negcio? Qual a meta do site? Qual a(s) Pgina(s) que expressa(m) tal meta? Qual a taxa de converso mdia de venda por meio do site? Qual o nmero de leads que o site dever gerar? Qual a empresa lder do setor na internet? Como ser a pgina principal do site URL

Quais as suas palavras-chaves? Qual a posio do site para cada palavra-chave no Google? Qual a estrutura do banco de dados para guardar os dados de e-mail, contatos e

A URL funcional para os buscadores: google, yahoo, bing? A palavra-chave est na URL? O domnio mais antigo do que 3 anos? O menu ficar em HTML (e no em javascript ou flash)? Quais so os itens do menu o menu poder ser expandido caso haja mais itens no futuro? O menu est do lado esquerdo da pgina? O menu dividido por seo, caso isso seja relevante? Qual o ttulo da pgina? O ttulo tem menos de 70 caracteres? A palavra-chave principal est no ttulo da home? A palavra-chave principal est no incio do ttulo da home? H metatag description? Essa metatag tem menos de 160 caracteres? O texto desta metatag atrai a ateno do usurio para que ele clique?

Menu

Ttulo da Home

MetaTags

O Google est lendo essa metatag? H metatag description e keywords so nicas para cada pgina? O arquivo robot est instalado no site? Est configurado corretamente? H uma linha de apresentao clara da empresa, dizendo quem ela , o que faz e para quem? O logotipo est em destaque e no lado superior esquerdo? As sees principais do site esto em destaque no contedo da home? H uma animao com as principais reas ou produtos do site? Temos um mximo de 5 animaes? Cada animao um link para a pgina em questo? A testeira tem um tamanho adequado em uma resoluo de 1200px? H texto na home? Esse texto tem as palavras-chave principais? Ferramentas do Google H um Sitemap no site? O google Analytics est instalado no site? O layout inspira credibilidade? O layout adequado ao pblico-alvo? O layout bem diagramado? Os elementos mais importantes esto com a prioridade certa no layout? A pgina tem uma boa distribuio entre texto e imagens? A home page uma pgina funcional (no uma pgina de apresentao)? A home page uma nica pgina (sem janelas pop-ups)? H elementos que expressem escassez? h elementos de autoridade (certificaes, selos) que melhorem a imagem de credibilidade do site? H elementos depoimentos de clientes no site (prova social)? H estatsticas que atestem a qualidade do servio ou produto (prova social)? A pgina principal oferece algo gratuito para usurio (reciprocidade_? A pgina principal customizado para sazonalidade? (afinidade)?

Robo

Elementos de usabilidade na home

Testeira (parte superior do site)


Texto

Layout

Persuaso

A pgina principal tem link de uma apresentao em Power Point ou PDF (para download) sobre os servios? H uma poltica de privacidade? H uma poltica de troca ou algo semelhante no segmento? H uma poltica de devoluo de produto ou dinheiro no segmento? Explica a questo do prazo ou algo semelhante no segmento? Explica porque o site seguro para deixar dados pessoais ou financeiros?

Informaes de segurana e confiabilidade