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!

O que é um automatizador de tarefas?

Automatizador de tarefas ou executor de tarefas é um sistema de compilação (build system).
A função do automatizador de tarefas é ajudar os programadores a realizarem tarefas repetitivas como:

• Minificação de CSS, JS e HTML;
• Concatenação de arquivos para diminuição de requests;
• Testes;
• Otimização de Imagens
• e outras tarefas essenciais de codificação frontend…

GRUNT

O Grunt é o automatizador de tarefas mais conhecido entre os front-end(ers), criado em 2012 por Ben Alman. O arquivo central do grunt é o Gruntfile.js que é criado na raiz do projeto, é nele que são criadas as tarefas (tasks) a serem executadas no build do projeto. Esse arquivo gerencia os vários plugins e cria arquivos temporários no disco, até gerar o arquivo final.

Pontos fortes do Grunt

• Comunidade Grande
• Possui muitos plugins

Pontos fracos do Grunt

• Arquivos de configuração muito grandes
• Grande número de parâmetros para cada plugin
• Processamento lento quando utiliza arquivos muito grandes

GULP

O Gulp é um automatizador de tarefas lançado pouco depois do Grunt, foi criado em 2013 por Eric Schoffstall.

As informações são transmitidas através das tarefas usando o método de pipeline, o que reduz o número de operações I/O. Por isso o Gulp é mais rápido que o Grunt, por utilizar streams do nodejs para escrever arquivos diretamente no disco. Assim como o Grunt o Gulp usa o arquivo Gulpfile, que tem uma semelhança ao código comum do nodejs.

Pontos fortes do Gulp

• Melhor performance
• Arquivo de configuração pequeno e mais fácil de ler
• Linha de aprendizado menor
• Evita criação de arquivos termporários
• Facilidade de uso através dos 5 comandos principais da API
• Plugins mais simples e menores

Veja como instalar o Gulp neste Vídeo:

Quer saber mais?  entre no site do Gulp: https://gulpjs.com/

CONCLUSÃO

Eu mesma até um tempo atrás não utilizava nenhum automatizador de tarefas! Mas realmente percebi que para desenvolver um projeto, seja um site ou aplicativo é necessário ter a coisa organizada e simplificada tudo em um lugar só, feito de um jeito só e com algumas linhas de comando.

O WordPress é um sistema de gerenciamento de conteúdo para desenvolvimento de websites e blogs! desenvolvido em PHP com banco de dados MySQL! E o melhor disso, é que é uma plataforma totalmente gratuita!

Se você tem um orçamento baixo para contratar um profissional para desenvolver o seu site você mesmo pode fazê-lo! Basta estudar um pouco!

O WordPress é bem fácil de usar! e existe inúmeros tutoriais no youtube explicando como instalar!

Neste vídeo explica como instalar o WordPress:

Para criar um portfólio ou um blog e até mesmo um site lindo, maravilhoso, existem inúmeros plugins que te ajudam nesta tarefa.

TEMAS E PLUGINS

O WordPress possui vários temas gratuitos que você pode usar em seu site. Existem temas desde o mais básico até os mais embelezados e complexos!

Além dos temas free você também pode comprar temas completos, o site mais conhecido de vendas de temas é o themeforest . Neste site você encontra dos mais variados temas para o desenvolvimento do seu site.

Para desenvolvimento de websites com funções e necessidades específicas os Plugins WordPress é a solução! Os Plugins são aplicativos que complementam e modificam funcionalidades em um site.
Exemplo de Plugins:

• Transformar o seu site em Ecommerce: plugins de venda, exemplo: Woocommerce
• Otimizar o seu site WordPress: plugins de SEO, exemplo: YOAST SEO
• Desenvolver uma Landingpage: plugins de Page Builder, exemplo: Elementor
• Transformar seu site em um Quiz: exemplo: plugin Advisor Quiz

Enfim! você pode criar qualquer tipo de site com o WordPress! mas saiba que os Plugins podem ser pagos ou gratuitos.

Na hora de instalar um plugin é importante que o plugin seja compatível com a versão do seu WordPress, que ele já tenha sido testado na versão do WordPress em uso e que tenha sido atualizado recentemente! Plugins com mais de um ano sem atualização é um problema! pode comprometer a segurança do seu site.

Neste site, wordpress definitivo, você terá um curso completo e gratuito de como criar um site em WordPress.

SEGURANÇA

O WordPress por se um dos melhores CMS do mundo é também muito visado por hackers, fazendo com que ele seja um alvo constante do cybercrime.

Para evitar esses riscos existem várias medidas de segurança para proteger a privacidade, integridade e disponibilidade dos recursos do seu administrador.

As mais básicas são:

• Mantenha o WordPress e os Plugins sempre atualizados;
• Não use o login padrão do Admin! mude-o para um outro nome diferente!
• Não utilize senhas fracas, utilize o gerador de senhas do WordPress.
• Limite o número de tentativas de login instalando o plugin WP Login Lockdown.
• Desabilite a opção “qualquer pessoa pode se registrar”, esta opção está localizada em Opções (Settings) na aba Geral.
• Faça backup do seu banco de dados com frequência, você pode fazer isso através de sua hospedagem ou por meio de um plugin.

A fim de reforçar ainda mais a segurança do seu site WordPress recomendo que veja esta matéria: 13 passos para reforçar a segurança do WordPress.

CONCLUSÃO

Há várias razões para desenvolver seu site em WordPress e as principais delas são:

• Total controle no gerenciamento de conteúdo;
• Templates responsivos;
• É fácil de usar, por ser bastante prático e intuitivo;
• Aplicando as regras certas de segurança, passa a ser um site seguro;
• E através de Plugins você pode trabalhar melhor o SEO das páginas do seu site, dando bastante resultado em seu marketing digital.
• Além disso 27% de toda a internet funciona por meio da tecnologia WordPress, constatando que o WordPress possui uma comunidade ativa de desenvolvedores muito grande comparada a outros CMS existentes no mercado.