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!

Sou freelancer em Webdesigner. Antes era nas horas vagas e finais de semana, mas, a pouco menos de dois meses, deixei de trabalhar na empresa e assumi a total responsabilidade e o risco de se trabalhar em casa.

Esse é meu primeiro post e também o primeiro da série Como se tornar um freelancer. Vamos começar com um tópico bastante interessante: Desenvolva suas Habilidades de Freelancer.

Esta série está recheada de dicas, referências e ferramentas gratuitas para auxiliar os freelancers iniciantes e também aqueles que já trabalham há um tempo e querem se atualizar.

Então, bora começar!

Medo! Dá muito medo de deixar o trabalho fixo, mas durante esses 5 anos fiz vários jobs e com isso as indicações de novos jobs só foram aumentando! O segredo é fazer bem o seu trabalho e ser caprichoso!

DESENVOLVA SUAS HABILIDADES DE FREELANCER

Se você trabalha em alguma empresa de TI ou agência procure conhecer o processo de desenvolvimento de cada departamento, isso irá lhe acrescentar muito.

Agora, se você nunca trabalhou em alguma empresa de TI, então meu caro! ESTUDE, estude muito!

Para ambos os casos aconselho que estude muito, mantenha-se sempre atualizado! Existem muitas formas de fazer isso: através de blogs, cursos online, workshops, palestras, grupos de estudo, canais no youtube, eventos de tecnologia e por ai vai!

Invista naquilo que você é bom! Desenvolva ao máximo a sua habilidade, mas sempre procure aprender algo mais, você precisa de recursos e aparatos para te apoiar, precisa saber o que acontece nas outras áreas de tecnologia.

Vou te dar um exemplo, eu sou Webdesigner e eu preciso conhecer um pouco das seguintes áreas:

• Marketing digital: Conhecer como funciona todo o processo de planejamento de uma campanha digital.
• UX – UI: Saber como é feito o levantamento de requisitos, organização das informações, construção de frameworks, navegabilidade e tudo que diz respeito à interação e experiência do usuário.
• Design: Saber interpretar frameworks e desenhar layouts. Na maioria das vezes o próprio Designer faz o papel de UX e UI.
• Web e Developer: Saber quais ferramentas estão em alta e o que serve para quê.
• Atendimento ao cliente: Saber ouvir o cliente e saber a hora de falar, ser educado, passar segurança para o cliente, saber se vestir, etc…
• Vendas: Fazer um orçamento, saber precificar o valor de um projeto e fechar uma venda.

Ter um pouco desses conhecimentos irá lhe ajudar muito em uma reunião com o cliente.

Fique tranquilo você não precisa saber tudo e ter resposta pra tudo, mas ter uma noção da proporção que o projeto pode tomar e do quão grande ou pequeno ele pode ser, contribuirá para que você consiga precificar seu job num valor justo para você e o cliente.

Ah! Outra coisa muito importante mesmo! Aprenda a falar um outro idioma, mais especificamente o inglês, acredite, você vai precisar e isso já nem é considerado mais um diferencial pois o domínio desse idioma é essencial e praticamente normal para quem é freelancer de tecnologia da informação.

Listei a baixo alguns blogs que pode te acrescentar conhecimento:

A Upinside possui várias vídeo aulas gratuitas sobre PHP, HTML, JavaScript e WordPress, basta se cadastrar.

https://www.upinside.com.br/blog

O Tableless é um blog muito bom que fala sobre diversos assuntos da área de desenvolvimento como: Padrões Web, Design, Back-end e Front-end.

https://tableless.com.br

Outro blog bem bacana é o Choco la Design, é um site de Design, Freelance e Internacional.

https://chocoladesign.com/

Marketing de conteúdo é um site do grupo Rock Content, que atua na área de marketing digital. Possui vários materiais gratuitos e artigos que vão te ajudar com blogs e mídias sociais.

https://marketingdeconteudo.com

A baixo estão alguns links de cursos gratuitos.

Estes dois sites estão em inglês, mas possui alguns cursos gratuitos e dá pra você usar o google translate e acompanhar as aulas tranquilo.

https://www.codeschool.com/courses

https://www.codecademy.com/

Este site é bem legal para quem está começando na área de desenvolvimento web e para quem quer se atualizar! Possui uma variedade de cursos com novas tecnologias, vale a pena conferir. Alguns cursos são gratuitos!

https://www.schoolofnet.com/