Qual é o processo geral para planejar e desenvolver um novo site?

Trabalho em uma agência focada principalmente no desenvolvimento de software, mas às vezes um microsite é acessório de uma de nossas soluções e precisamos construí-lo.

Estou tentando definir o processo de criação desses sites, mas não sei em que ordem cada tarefa é normalmente executada e, especialmente, estou tentando descobrir em que ponto qualquer cópia / conteúdo estático deve ser escrito.

Eu posso pensar em algumas tarefas como: escrever conteúdo estático, design, estrutura de arame, definir palavras-chave e SEO, codificação. mas não tenho certeza de qual ordem os resolverá.

Para mim, muitas áreas podem se sobrepor a uma extensão.

• Defina as necessidades através de esboços, wireframes, notas, discussões, orçamento, etc. (deve vir primeiro)

• Wireframing - O conteúdo pode começar a ser escrito aqui ou pelo menos descrito. As idéias aproximadas do tamanho do conteúdo ajudarão no enquadramento de arame; portanto, realmente a escrita e o enquadramento de arame podem andar um pouco juntos.

• Aprovação de estrutura de arame

• Finalizar conteúdo - os detalhes iniciais do design podem ser iniciados aqui, mas não podem ser finalizados até que a cópia estática seja concluída.

• Aprovação de conteúdo

• Finalizar design / palavras-chave / codificação - as palavras-chave podem ser identificadas conforme o design está sendo desenvolvido. Dependendo dos hábitos de trabalho, a codificação pode ser iniciada para finalizar o design.

• Aprovação do projeto

• Terminar codificação / SEO - codificação e SEO podem andar de mãos dadas. Você sabe, codifique com SEO em mente ao mesmo tempo, comece a planejar estratégias externas de SEO etc.

• Aprovação de código

• SEO / manutenção em andamento.

Os fluxos de trabalho do meu projeto geralmente funcionam assim:

1. Encontre-se com o (s) cliente (s) para reunir requisitos (determine o que eles precisam)
2. Determine quais estratégias de back-end usar (linguagem de programação, plataforma etc.)
3. Crie estrutura de arame para descrever como o site ou aplicativo funcionará e para onde irão os elementos básicos
4. Analise a estrutura de arame com o cliente
5. Modelos de design - podem ser modelos em HTML / CSS ou podem ser imagens criadas no Illustrator ou no Photoshop
6. Analisar modelos com o cliente
7. Edite modelos com base no feedback do cliente
8. Criar produto de trabalho

Idealmente, os clientes nos fornecem conteúdo real o mais cedo possível, mas a realidade é que isso pode ocorrer posteriormente. Observarei que eu crio muitos aplicativos baseados na Web, para determinarmos os recursos básicos no estágio de requisitos e projetarmos com isso em mente.

Eu recebi algumas informações do Blog

http://sixrevisions.com/web-development/a-6-step-general-process-for-producing-a-website/

1. Aprender

   Não deve surpreender você que aprender - descobrir e entender o que você precisa construir em primeiro lugar - é a parte mais importante de todo o
   processo de criação do site.

2. O Resumo Criativo

   Você deve obter essas informações da maneira que você e seus clientes estiverem mais confortáveis ​​- mas, faça o que fizer, não pule o resumo do criativo, pois ele se tornará a força vital do seu projeto.

Que tipo de perguntas você deve fazer no seu briefing criativo? No mínimo, descubra:

• O público-alvo do cliente
• Seus objetivos principais e secundários para o site
• Características atuais da marca Orçamento
• Prazos que eles precisam cumprir

3. Plano

Depois de aprender o que você precisa construir, é hora de começar a planejar como vai fazer isso acontecer. Antes de começar a projetar um site, você precisa saber exatamente o que e como projetá-lo em primeiro lugar - e tudo começa com a criação de uma estratégia de design.

4. Design

Quando estiver pronto para começar a projetar, lembre-se de que você precisa projetar mais do que apenas uma página inicial. Você precisará de um design para as subpáginas do seu site. Às vezes, pode ser fácil criar um conceito de página inicial, dividi-lo e começar a codificar

5. Código

Depois de criar um design matador, você precisará transformá-lo em um site real e ao vivo. Uma aposta segura, independentemente do sistema de gerenciamento de conteúdo com o qual você trabalhará, é começar com um HTML e CSS genérico

6. Lançamento

Quando você finalmente aperfeiçoou o site, é hora de divulgá-lo ao público. O lançamento pode significar coisas diferentes para pessoas diferentes, principalmente porque existem vários sistemas de gerenciamento de conteúdo e circunstâncias de desenvolvimento por aí.

7. Manter

Durante a fase de planejamento, você deve ter determinado quem ficará encarregado da manutenção do local

Isso pode ajudar. Existem alguns bons princípios de web design

fundamentos da web do manual do google

O manual é um recurso abrangente para o desenvolvimento da Web para vários dispositivos. Portanto, é dividido em 4 categorias:

Layouts para vários dispositivos - Criando layouts flexíveis, e não fixos, que proporcionam uma ótima experiência, independentemente do dispositivo em que eles estejam

Imagens e vídeo - Incorporando imagens, áudio ou vídeo, aprenda como tornar as imagens responsivas, adicionar vídeos e fornecer alternativas para plataformas herdadas. Áudio atualmente em desenvolvimento

Formulários e entrada do usuário - Criando formulários que usam tipos e elementos de entrada semântica que respondem ao toque e a outros gestos.

Otimizando o desempenho - Aprenda sobre o modelo de objeto do navegador, como ele constrói a página a partir do seu HTML e CSS. Existem outras regras e recomendações da página para otimizar a entrega de dados