Abaixo, destacamos itens, inclusos em todos os projetos, essenciais para um bom planejamento, execução e colheita de resultados.
01) ESCOPO
Tudo se inicia no levantamento de requisitos, é nessa etapa que definimos em reunião o que terá no site. Se as ideias são viáveis, qual a melhor forma de fazer, se tem limitação técnica por parte da equipe ou financeira por parte do cliente. Em alguns casos essa reunião não é necessária, pois, o cliente já sabe o que quer e a loup tem uma solução pronta que atende plenamente as suas necessidades.
02) WIREFRAME
Definido o escopo do projeto, iniciamos a criação de um guia visual básico, é nesse rascunho que sugerimos as disposições dos elementos da página. Onde vai ficar o menu, os destaques, a busca, a lista de notícias, a agenda, o vídeo, a galeria de fotos, dentre outros. Normalmente, wireframes são concluídos antes que qualquer trabalho artístico seja desenvolvido, nessa fase, o cliente pode sugerir modificações ou melhorias no escopo do projeto, evitando assim, retrabalho e atraso nas próximas etapas.
03) INTERFACE
Aprovado o wireframe, iniciamos a criação do layout com base na estrutura definida no guia visual da etapa anterior. O cliente nessa fase se posiciona de duas formas, com ou sem identidade visual. Quando o cliente já possui uma marca e projeto gráfico definido por uma agência, o layout segue a mesma linha de criação. Quando o cliente não possui marca, a Loup oferece o serviço para a criação dessa identidade visual. Sempre recomendamos a criação de uma identidade antes de qualquer projeto web, é uma forma de fixar a marca da empresa em diversas mídias de uma forma homogênea.
04) PRODUÇÃO
Layout aprovado, iniciaremos a produção do site. Nessa etapa, transformamos a imagem de cada tela, aprovada pelo cliente, em linguagem de marcação que pode ser html ou php. Feito isso, escolhemos o framework mais indicado para servir como base no desenvolvimento do site no formato flexível.
Na segunda etapa da produção, o foco é compatibilidade. O site tem de ser moderno e compatível com os navegadores antigos como o Internet Explore e sistemas operacionais limitados, como o IOS da Apple. A utilização de html 5, a linguagem mais atual do mercado requer a instalação de scripts para o seu funcionamento em navegadores obsoletos. No caso do IOS da Apple, a incompatibilidade do flash com o seu sistema operacional nos fez utilizar players de MP3 no formato html5, dessa forma, garantimos a compatibilidade em todos os sistemas operacionais. Esse player é muito utilizado em sites de música.
Na terceira etapa da produção, o foco é desempenho. O site precisa ter um carregamento rápido em todas as mídias em que o usuário deseja acessar. Fazemos então, um checklist dos principais itens da estrutura técnica do projeto, garantindo assim, uma pontuação acima de 80 nas ferramentas de desempenho online. No geral, corrigimos problemas de otimização de imagens, ordem de folha de estilos e scripts, links quebrados, especificamos um validador de cache, configuramos a compactação de JavaScript, HTML e CSS, dentre outras.
Na quarta etapa da produção, o foco é SEO ou Otimização de Sites, é nessa etapa que configuramos o site para ser indexado nos principais buscadores do mercado, como Google, Yahoo! e Bing. Não estar bem posicionado nestes mecanismos de pesquisa, significa uma grande desvantagem comercial em relação aos seus concorrentes, por isso, um trabalho de SEO deve ser feito objetivando um resultado de ganho real das visitas e um consequente aumento nas vendas.
Na quinta etapa da produção, o foco é publicar e configurar. É nessa etapa que registramos o domínio, configuramos o dns, subimos o banco de dados, instalamos o Google Apps, Google Analytics, FeedBurner, Webmaster Tools, dentre outros.
Depois de publicado e configurado, testamos, e enviamos o link para homologação do cliente.