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!