É importante que você defina bem o processo de desenvolvimento de um site, para que cada coisa possa ser feita no seu tempo e que nada seja esquecido, além disso você terá um parâmetro do tempo de desenvolvimento do projeto, podendo assim entregá-lo no prazo estabelecido. Ao final você e seu cliente estarão satisfeitos com o resultado.
BRIEFING
O Briefing é a primeira fase de planejamento do site!
Definição de Briefing segundo o Google:
É um conjunto de informações e instruções concisas e objetivas sobre a missão ou tarefa a ser executada.
O Briefing pode ser um documento ou um formulário contendo perguntas como:
- Quais são os principais objetivos dos site?
- Quais são as mensagens que o site deve passar aos visitantes?
- Há uma data para o site ser lançado?
- …
Essas perguntas além de outras perguntas deverão ser respondidas para que você possa ter sucesso no desenvolvimento do seu site.
Podemos dividir essas perguntas nos seguintes tópicos:
- Conhecer a Empresa e seu negócio
Conhecer o que a empresa faz e seu ambiente. E se o foco do site for a divulgação ou venda de um produto, conhecer como funciona o produto ou sistema é indispensável. - Objetivos do site
Estabelecer de dois a três objetivos que o site deve atingir. Dessa maneira você poderá focar seus esforços de maneira que impacte os visitantes do site. Muitas vezes nem o cliente saberá definir os objetivos que o site deve alcançar, nessa hora você deverá entrar com seu senso de observação e pesquisa para ajudar a empresa mover-se para frente. - Público-Alvo
Saber qual é o público alvo da empresa é importante porque vai te ajudar a definir a linguagem que deve ser usada no site, qual tipo de conteúdo produzir, quais os canais de mídia usar, além de quando e como oferecer promoções ou possíveis alterações e melhorias no produto. - Concorrentes
Pesquisar quem são seus concorrentes! como eles vendem e lançam seus produtos, identidade visual utilizada, mensagens e redes sociais.
Com o Briefing em mãos você deverá organizar as tarefas e prazos utilizando alguma ferramenta de gerenciamento. Pode ser desde uma planilha até um gerenciador de tarefas como o Runrun.it ou trello.
WIREFRAMES E ARQUITETURA DO SITE
O sitemap faz parte da arquitetura de informação do site, através dele conseguimos definir quais as páginas o site terá, e a conexão entre elas. Basicamente você estará criando toda a navegação do site.
Com todo o planejamento definido é hora de pôr a mão na massa. Você irá criar os wireframes das páginas.
Wireframe é um protótipo, é um desenho básico que mostra a arquitetura de como a página final será. Faça um rascunho da sua página para definir a hierarquia do conteúdo.
Os Wireframes são parecidos com isso, se desenhados a mão:
Ou você pode utilizar um programa como o MockFlow para desenhar os wireframes.
MockFlow
Moqups
LAYOUT
Depois de ter feito um rascunho básico do seu site o próximo passo é o design do layout. Nesta etapa é importante que você tenha o logo da empresa em mãos, assim como materiais que remetam a identidade visual da empresa.
Para desenhar o layout você pode usar o Illustrator e para editar imagens o Photoshop, ambos são da Adobe.
DESENVOLVIMENTO
O próximo passo, após o cliente ter aprovado o layout do site, você deverá iniciar a desenvolvimento do site.
Este processo é um pouco mais demorado, pois entra a codificação e a integração com o seu CMS, por exemplo: O WordPress, que é um CMS popular e gratuito.
TESTE
Com o site pronto é hora de você testá-lo, você deverá testá-lo em vários aspectos, desde a aceitação do layout até a sua facilidade de uso, usabilidade.
Procure testar o site com pessoas leigas ao assunto tratado no site, e com pessoas que sabe do que se trata. Você terá várias surpresas!
Além disso deverá testar se o site está funcional. Você pode utilizar um checklist, para isso recomendo o site: https://frontendchecklist.io/
Este checklist trata de diversos assuntos como: HTML, Webfonts, CSS, Javascript, acessibilidade, performance, seo, etc… Vale a pena conferir.
Você também pode testar o seu site na nova ferramenta do google:
https://testmysite.thinkwithgoogle.com/intl/pt-br
LANÇAMENTO
E chega o grande dia de lançamento do site! Nessa fase você já tem um domínio comprado e uma hospedagem que suporta todos os requisitos do seu site.
Vale lembrar que antes de fazer o lançamento final é uma boa idéia colocar o site em um link temporário para a revisão final. E depois de revisado colocar o site no link final.
CONCLUSÃO
É importante que durante todo o processo de desenvolvimento do site o cliente saiba em qual etapa se encontra o seu projeto. Você pode informá-lo através de email. Não é adequado deixar o cliente sem qualquer notícias sobre o andamento do projeto por muito tempo.
Todas as etapas de desenvolvimento do site devem ser cuidadosamente trabalhadas, assim você evitará problemas futuros e também terá confiança de que tudo funcione como deveria.
E não esqueça, se você deseja encontrar jobs com suas habilidades basta registrar-se em nosso site, é grátis!
