Montei um resumo das etapas baseado no meu fluxo de trabalho e no infográfico do John Furness, designer e fundador da Simple Square. Nesse infográfico, John Furness considerou o tipo de envolvimento, qual a importância do evento e quem vai executar a tarefa (designer ou cliente).

No meu infográfico, mantive a divisão de tarefas mas preferi simplificar as etapas facilitando o entendimento do processo. A partir da reunião inicial temos:

Explicando as etapas:

1. Preenchimento do briefing

O briefing é a base de informações sobre o site. É um questionário com perguntas sobre os produtos/serviços oferecidos, qual o público alvo, quem são os concorrentes, quais os objetivos a médio e longo prazos, história da empresa etc. Um briefing bem preenchido é o primeiro passo para um projeto de sucesso.

2. Envio do orçamento

Com base nas informações do briefing, consigo saber quais as necessidades da empresa e quais funcionalidades teremos (formulários, sliders, galerias, dashboards, Google Maps, videos, métodos de pagamento para e-commerce etc). Essa é minha base para pesquisa de concorrência, análise dos pontos fortes e fracos e quais as características de mercado do cliente. Envio então um orçamento/contrato detalhado contendo descrição completa do serviço, suas etapas, cronograma, valor e forma de pagamento.

3. Aprovação do orçamento

Assim que o cliente aprovar o orçamento, dou início aos trabalhos.

4. Esboço do site: wireframe e layouts

O primeiro passo é a construção do wireframe, que é um protótipo usado para sugerir a estrutura que o site terá e como ele vai se relacionar com as outras páginas (já falei sobre esse assunto aqui).

O wireframe define quais os assuntos prioritários, a localização ideal de cada elemento e a distribuição dos links em todo o site. Nesse ponto já temos uma ideia geral do conteúdo do site. É o momento onde o cliente deve aprovar a estrutura do projeto.

Já os layouts são a transformação do esboço (wireframe aprovado) em imagens. Aqui é definida a identidade visual do site através da tipografia, paleta de cores, iconografia, fotos, textos etc.

O primeiro layout a ser criado é a Home. Com ela aprovada, partimos para a criação das páginas internas do site.

5. Aprovação do layout

Fase em que o cliente revisa os últimos detalhes gráficos apresentados.

6. Envio do conteúdo

Com os layouts aprovados, o cliente já pode enviar todo o conteúdo do site (fotos, textos, videos, documentos para download etc).

7. Desenvolvimento dos códigos

Aqui o layout aprovado será convertido em linguagem de programação adequada a todos os navegadores. Tecnicamente é dividida em duas partes: o desenvolvimento front-end (construção de tudo o que podemos ver na tela como animações, cores, disposições de texto e imagem, campos etc) e o back-end (tudo o que ocorre nos bastidores do site e invisíveis ao usuário: gerenciamento de banco de dados, segurança das informações, integração de sistemas etc).

Durante o desenvolvimento do código, o site fica disponível para navegação em um endereço provisório, permitindo ao cliente acompanhar todo o processo.

8. Validação

Com todos os códigos desenvolvidos e conteúdos aplicados, é a hora da validação. Baseado na ferramenta de padronização do W3C, consórcio internacional que estabelece padrões de qualidade para sites do mundo todo, serão analisados e corrigidos todos os códigos do site. Para entender melhor, a validação funciona como uma “análise gramatical” que verifica possíveis erros na linguagem de código.

9. Aprovação final

É a última fase de verificação e onde o cliente dá o ok final para a publicação do site.

10. Publicação

Após a aprovação final, é hora de publicar o site. Isso envolve a contratação de um domínio (ex.: www.suaempresa.com.br) e também de uma hospedagem em servidores que tornarão seu site visível para os usuários da web.

—

Cada projeto tem suas próprias demandas assim como cada designer tem seu próprio método de trabalho. Aqui eu dividi em 10 fases com um tempo médio de produção entre 45 e 60 dias.

Após a publicação, o mais indicado é que o cliente faça um contrato de manutenção do site. Isso garante backups periódicos, suporte técnico, atualizações, verificações de vírus, entre outras tarefas. É a garantia de que todo o trabalho terá continuidade e funcionamento perfeito.

Saiba quanto custa a manutenção de um site mensalmente.

O WordPress é simples de usar, funcionar bem, não produz mensagens de erros fatais e nem um monte de bugs; é por isso que tantas pessoas têm optado por ele para ser o seu CMS (sistema de gestão de conteúdo).

Algumas vantagens do WordPress:

1. Interface simples e ambiente amigável

Oferece uma interface de uso simples e amigável, em comparação a outros sistemas de gerenciamento de conteúdo. Após o login no WordPress, você verá o painel, onde poderá mudar vários elementos do site sem ter que conhecer nada de linguagem PHP. É muito fácil de usar, bem intuitivo e rápido. Para adicionar um post ao seu blog, por exemplo, vai gastar poucos minutos.

2. Tem vários plugins e temas

Disponibiliza uma biblioteca de templates (temas) e plugins cada vez maior. Na página de plugins do WordPress, temos mais de 50 mil plugins disponíveis, e esse número aumenta constantemente, oferecendo ao usuário uma infinidade de possibilidades.

Mas o que é um plugin?

São recursos práticos com os quais você pode estender as capacidades do WP, adicionando elementos específicos e funcionalidades. Eles alteram a aparência, melhoram performance, inserem novos elementos de navegação etc. Existe um para cada coisa que você imaginar na web: integrar fotos do Instagram com seu site, inserir vídeos em vários formatos, entre outras coisas.

Existem alguns plugins que são fundamentais e ovacionados pelos usuários na web. Alguns deles são o All in one SEO Pack, Google Sitemaps, Google Analytics for WordPress, Landing sites, WP Super Cache e vários outros da lista do Most Popular do WordPress.

O que são templates (temas)?

São “cenários” utilizados para mudar o design do site feito em WordPress. É mais uma possibilidade de customização para o usuário deixar a página como desejar. Se ainda assim não estiver satisfeito, você pode personalizar o tema, ou ainda desenvolver um novo template, de forma que atenda o seu objetivo.

3. É Open Source e totalmente gratuito

O seu código pode ser personalizado por qualquer pessoa sem ter que pagar nada a ninguém. Foi desenvolvido assim, nasceu e vive da colaboração de pessoas do mundo inteiro, sua base é desenvolvida sob a supervisão de alguns especialistas, dentre eles o criador Matt Mullenweg. A contribuição da comunidade dita completamente os rumos de cada nova versão, ao encontrar bugs, sugerir novas features e até mesmo nas melhorias da usabilidade da interface. O fato de ele ser de código aberto estimula programadores do mundo inteiro a encontrarem soluções para diversas funcionalidades, inclusive aquelas relacionadas à segurança.

Sendo assim, existe uma comunidade online grande, forte e ativa. Mesmo que você tenha dificuldades com o WordPress, não se preocupe, sempre será possível encontrar respostas às suas perguntas, fazendo uma pesquisa na Internet.

Não se paga nada para usar o WordPress. Somente pagará se optar por um tema personalizado criado por outra empresa ou se quiser que uma pessoa ou empresa faça a personalização de um tema para você.

4 . É escalável

O WordPress se transforma com o seu site. Você pode usá-lo para gerenciar desde um pequeno blog até um grande portal, isso é decorrente do fato de ser um software livre. Logo, sua plataforma evolui de acordo com as necessidades e expectativas dos usuários.

5 . Tem excelente performance e SEO

O código do WP foi escrito seguindo as boas práticas de desenvolvimento, incluindo acessibilidade, apresentação separada do código fonte (HTML + CSS), possui um dos melhores editores de HTML e mais um monte de detalhes que fazem a diferença. Esse é um dos principais motivos do seu sucesso. Então, faz com que textos publicados em WordPress tenha maior relevância em SEO.

6 . É multiusuário

Cadastre colaboradores para acessar a área administrativa do site com permissões diversas.

7. É mobile

O sistema pode ser acessado por tablets ou celulares através de apps exclusivas para mobile.

8. Integração com redes Sociais

O WP permite integração com as mais populares redes sociais, que ajuda na divulgação do site na Internet.

O WordPress não costuma apresentar problemas e limitações. Contudo, na maioria das vezes, são previsíveis e contornáveis. Quando alguma coisa “buga” geralmente está relacionada com falta de atualização e cuidados periódicos. Caso não faça essa “revisão”, seu site corre risco de ficar lento e obsoleto.

Manter seu WordPress atualizado é tarefa bem importante. Identificação de problemas e atualizações constantes fazem parte do serviço de manutenção de sites. Afinal, não dá pra criar o site e abandoná-lo, mas esse não é o seu objetivo, com certeza!

…..

Fonte (adaptado):
www.hostnet.com.br