HajaLuz

Projetos Web

Como elaborar um projeto de WebSite?

Publicado em 5 de novembro de 2009 - 10:40  na categoria Arquitetura da Informação
site

Elaborar um WebSite requer organização e gestão de recursos. Antes de estabelecer um preço faça o planejamento a médio e longo prazo do seu projeto.

Uma das postagens mais acessadas no HajaLuz é sobre como elaborar um projeto. Foi daí que surgiu a idéia 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.

Preparação

  • Estudar as particularidades do serviço e do cliente;
  • Observar projetos semelhantes (Beanchmark);
  • Definir metas e estratégias;
  • Elaborar um formulário para captar a idéia do cliente sobre o projeto.

Documentação

  • Confirmações dos objetivos do site (corporativos, marketing, etc.);
  • Escolher um modelo de negócios e plano de Marketing;
  • Planejar as interações, tecnologias e funcionalidades;
  • Escolher um sistema para gerenciar o conteúdo;
  • Escolher banco de dados e modelo de backup;
  • Regras e responsabilidades;
  • Duração das etapa inicial do projeto;
  • Validar o início do projeto com um sinal ($) do cliente;

Planejamento

  • Título do website;
  • Procurar hospedagem e empresa para registrar o domínio;
  • Selecionar o domínio e registrar;
  • Registrar domínios parecidos com o seu;
  • Elaborar a estrutura do website e informações sobre arquitetura;
  • Gerar um rascunho do site para primeiras impressões no photoshop;

Layout

  • Definir as fontes tipográficas;
  • Pesquisar esquema de cores (paletas);
  • Verificar se o esquema de cores é equilibrado; não agride nem gera indiferença em quem vê o site;
  • Preocupar-se com os padrões de usabilidade e acessibilidade;
  • Criação de um layout básico (eu faço no photoshop mesmo) em HTML/CSS para ser submetido à críticas;

Preparação do Conteúdo

  • Montar a equipe para fornecer conteúdo (jornalistas, ilustradores)
  • Apresentação do Texto (recepção/atualização/criação);
  • Arte (fotos/ilustrações);
  • Adicionar conteúdo específico para web;
  • Distribuição do conteúdo – manter a página principal leve e efetiva;
  • Providenciar uma chamada de ação para cada página;
  • Definir os direitos de cópia, termos de uso e política de privacidade;
  • Detalhar contatos;
  • Página sobre (com autor(s), informações da empresa, créditos… );
  • Testemunhos, matérias na mídia e prêmios;
  • Descrição de produtos;
  • Página de perguntas e respostas frequentes;
  • Utilizar palavras chave (etiquetas ou tags) para referenciar conteúdo;
  • Validar conteúdo através de uma revisão.

Integração do Conteúdo

  • Colocar conteúdo no layout;
  • Observar com atenção à hierarquia de conteúdo no layout;
  • Definir cabeçalhos (h1, h2, …) e parágrafos;
  • Adaptar tamanhos de fonte, espaçamento para melhorar a legibilidade;
  • Escolher se você vai permitir ao visitante alterar o tamanho da fonte;
  • Identificar e adicionar meta tags, meta descrições e descrições nos títulos;
  • Nomear links com tags âncoras para lhes dar sentido semântico;
  • Fazer os links consistentes e facilitar a identificação (estilos especiais nos links, como feeds ou emails);
  • Adicionar tags “alt” sobre todas as imagens imagens;
  • Providenciar um texto alternativo para todas as mídias sem “alt” tags;

Design

  • Artes originais (fotos, ilustrações …);
  • Logo ;
  • Desenho do cabeçalho com clara demonstração do propósito do site e predominância da logo com link para a página principal;
  • Adicionar um campo de busca visível no cabeçalho ou no topo da coluna direita;
  • Projetar uma barra de navegação objetiva;
  • Projetar o corpo do site com colunas e um rodapé;
  • Certifique-se que o conteúdo ocupa uma parte relevante na página principal;
  • Balancear ilustrações/fotos e texto de acordo com o propósito do site;
  • Preparar  aparência dos anúncios e links patrocinados;
  • Visibilidade de testemunhos, matérias e prêmios;
  • Certifique-se que o conteúdo e/ou o design dos elementos facilitem a futura visitação ou o compartilhamento das informações;
  • Certifique-se que as informações da empresa e o contato são acessíveis (endreço, telefone …) ou seja, que eles levam o seu visitantes a confiarem na existência física da empresa;
  • Se muitas escolhas são disponibilizadas (diferentes produtos do mesmo tipo) destaque claramente o principal para ajudar seus visitantes a escolherem;
  • Destaque campos especiais em formulários (erros ou que necessitam de validação);
  • Faça com que todos os botões e elementos “clicáveis” sejam destacados ao passar o mause por cima;
  • Desenhe um “Favicon”;
  • Faça uma revisão do design e envie para o cliente se for necessário;

Funcionalidades

  • Construir um banco de dados;
  • Implemente um Sistema de Gerenciamento de Conteúdo;
  • Defina os Formulários e scripts adicionais;
  • Elabore uma Newsletter (boletim de atualizações);
  • Customize aplicações;
  • Defina as áreas restritas (proteger painel de administração devidamente com login);

Usabilidade

  • Fazer URL’s com significado e amigáveis ao visitante;
  • Certifique-se que as URL’s são consistentes (www.seusite.com ou seusite.com);
  • Se a navegação ou o design ficam confusos o botão de voltar oferece uma alternativa;
  • Código otimizado para todos os navegadores atualizados;
  • Criar uma página de erro 404;
  • Certificar que o visitantes recebe uma confirmação após uma determinada ação;
  • Fazer o site amigável para impressão;
  • Validação e otimização do (X)HTML, CSS e JavaScript;
  • Otimizar o site para que ele possa receber atualizações posteriores;
  • Otimizar tamanho de imagens e arquivos;
  • Proteção e .htaccess funções (anti-spam, cimpressão, cache, anti-hotlinks, banco de dados … )

Primeiro Teste (off-line – fase alfa)

  • Padrões Web;
  • Pesquisas de usabilidade e acessibilidade;
  • Pesquisas sobre conteúdo, design, identificação;
  • Testar links;
  • Verificar transações (scripts);
  • Corrigir erros e refazer otimização;

Manutenção 1

  • Documentação;
  • Upload do site para ambiente de uso;
  • Colocar scripts de estatísticas e otimização (Analytics, Feedburner, …);
  • Configurar agendamento de backup e testar a recuperação do backup;

Treinamento

  • Particularidades do CMS, linguagem web;
  • (X)HTML/CSS;
  • PHP;
  • Como construir uma comunidade na web (mídias 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 anúncios;
  • Newsletter e campanhas de email;
  • Monitorar contatos;
  • Estimular citações e testemunhos;
  • Negociar links;
  • Divulgação de nicho (offline);
  • Divulgação em mídias sociais (Twitter, Facebook, Digg);
  • Eventos, promoções.

Segundo Teste (fase beta)

  • Verificar estratégias de SEO;
  • Verificar estratégias Marketing;
  • Otimização;
  • Banco de dados;
  • Teste de segurança.

Manutenção 2

  • Elaborar um relatório de conclusão e recomendações;
  • Queimar CD com o site e arquivos;
  • Elaborar um documento seguro com todas as informações de conta (ftp, painel de admin, email’s, …);
  • Transferir direitos de cópia para a empresa contratante;
  • Atualizar o portfólio;
  • Realizar eventos e promoções.

Manutenção 3

  • Atividades de Webmaster (feedback do conteúdo, atualizações, novos produtos, … );
  • Atualizar sessão de perguntas e respostas;
  • Adicionar novas funcionalidades ao site;
  • Construir, monitorar e responde a comunidade;
  • Colecionar informações estatísticas;

Administração do Processo

  • Verificar a evolução do projeto (resultados, metas atingidas, …);
  • Revisão do SEO de dois em dois meses;
  • Revisão do Plano de marketing e público alvo;
  • Atualização da documentação;
  • Revisão das regras e responsabilidades;

Se a demanda do cliente for por uma mudança constante ou se ele possui a necessidade de gerenciar email’s da empresa mas não possui um profissional para isso. Faça um contrato com um valor mensal e esteja a disposição para realizar as alterações e orientações necessárias, pode ser o início da prestação de serviços como assessor ou consultor web.

Um forte abraço e sucesso!!!

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

Dados para resposta

Algum HTML funciona

HajaLuz é um lugar divertido para conversar sobre desenvolvimento web. Saiba Mais

27,77% dos visitantes do site http://hajaluz.webluz.net usam o IE 6.0 e 38,66% usam o 7.0 no total 66,43% http://imm.io/9UN
4:26 AM Mar 13, 2010, comment
As emrpesas deveriam acordar para o que está acontecendo, veja a integração do Aviary no Marketplace http://migre.me/nDYS
4:26 AM Mar 13, 2010, comment
Essa extensão é fantástica para quem utiliza twitter http://migre.me/nDwf
4:26 AM Mar 13, 2010, comment
Esses editores impressionam, p/ mudanças básicas em não devem nada ao photoshop http://aviary.com/ http://pixlr.com/
4:26 AM Mar 13, 2010, comment
Eu falei antes da PETR3 à 43,00 mas não passou de 41,70 a PETR4 que eu falei 38,00 só foi até 37,41, semana que vem acho que vai cair
4:26 AM Mar 13, 2010, comment
 

Últimos Comentários

  • rosangela: ola gostaria de fazer um projeto para o ministério da saude para montar uma clinica de...
  • alcy: olá, gostaria de parabenizar vc pelo site ele pode ajudar muita gente que tem dificuldade.
  • joao: amigos no seu contrato diz : contrate isso e receba aquilo e fique um ano pagando pra receber aquilo...
  • Mardônio Sousa: muito bom. vou me “ligar” nessas dicas desde já.
  • Cristina Holzmann: Boa tarde, trabalho com uma empresa que terceriza serviço para banco. A minha...

Desenvolvido por Webluz | Vs 1.2 | Direitos de Uso e Privacidade