• 1. Preenchimento do briefing
• 2. Envio do orçamento
• 3. Aprovação do orçamento
• 4. Esboço do site: wireframe e layouts
• 5. Aprovação do layout
• 6. Envio do conteúdo
• 7. Desenvolvimento dos códigos
• 8. Validação
• 9. Aprovação final
• 10. Publicação (Go Live)

A maioria dos clientes interessados em um novo site costuma me perguntar como é o processo de criação e quanto tempo leva para ficar pronto. O processo é simples de explicar. Já o tempo para conclusão do site vai depender da equipe e do tamanho do projeto.

Montei um resumo das etapas baseado no meu fluxo de trabalho e no infográfico do John Furness, designer e fundador da Simple Square. Nesse infográfico, John Furness considerou o tipo de envolvimento, qual a importância do evento e quem vai executar a tarefa (designer ou cliente).

No meu infográfico, mantive a divisão de tarefas mas preferi simplificar as etapas facilitando o entendimento do processo. A partir da reunião inicial temos:

Explicando as etapas:

1. Preenchimento do briefing

O briefing é a base de informações sobre o site. É um questionário com perguntas sobre os produtos/serviços oferecidos, qual o público alvo, quem são os concorrentes, quais os objetivos a médio e longo prazos, história da empresa etc. Um briefing bem preenchido é o primeiro passo para um projeto de sucesso.

2. Envio do orçamento

Com base nas informações do briefing, consigo saber quais as necessidades da empresa e quais funcionalidades teremos (formulários, sliders, galerias, dashboards, Google Maps, videos, métodos de pagamento para e-commerce etc). Essa é minha base para pesquisa de concorrência, análise dos pontos fortes e fracos e quais as características de mercado do cliente. Envio então um orçamento/contrato detalhado contendo descrição completa do serviço, suas etapas, cronograma, valor e forma de pagamento.

3. Aprovação do orçamento

Assim que o cliente aprovar o orçamento, dou início aos trabalhos.

4. Esboço do site: wireframe e layouts

O primeiro passo é a construção do wireframe, que é um protótipo usado para sugerir a estrutura que o site terá e como ele vai se relacionar com as outras páginas (já falei sobre esse assunto aqui).

O wireframe define quais os assuntos prioritários, a localização ideal de cada elemento e a distribuição dos links em todo o site. Nesse ponto já temos uma ideia geral do conteúdo do site. É o momento onde o cliente deve aprovar a estrutura do projeto.

Já os layouts são a transformação do esboço (wireframe aprovado) em imagens. Aqui é definida a identidade visual do site através da tipografia, paleta de cores, iconografia, fotos, textos etc.

O primeiro layout a ser criado é a Home. Com ela aprovada, partimos para a criação das páginas internas do site.

5. Aprovação do layout

Fase em que o cliente revisa os últimos detalhes gráficos apresentados.

6. Envio do conteúdo

Com os layouts aprovados, o cliente já pode enviar todo o conteúdo do site (fotos, textos, videos, documentos para download etc).

7. Desenvolvimento dos códigos

Aqui o layout aprovado será convertido em linguagem de programação adequada a todos os navegadores. Tecnicamente é dividida em duas partes: o desenvolvimento front-end (construção de tudo o que podemos ver na tela como animações, cores, disposições de texto e imagem, campos etc) e o back-end (tudo o que ocorre nos bastidores do site e invisíveis ao usuário: gerenciamento de banco de dados, segurança das informações, integração de sistemas etc).

Durante o desenvolvimento do código, o site fica disponível para navegação em um endereço provisório, permitindo ao cliente acompanhar todo o processo.

8. Validação

Com todos os códigos desenvolvidos e conteúdos aplicados, é a hora da validação. Baseado na ferramenta de padronização do W3C, consórcio internacional que estabelece padrões de qualidade para sites do mundo todo, serão analisados e corrigidos todos os códigos do site. Para entender melhor, a validação funciona como uma “análise gramatical” que verifica possíveis erros na linguagem de código.

9. Aprovação final

É a última fase de verificação e onde o cliente dá o ok final para a publicação do site.

10. Publicação (Go live)

Após a aprovação final, é hora de publicar o site. Isso envolve a contratação de um domínio (ex.: www.suaempresa.com.br) e também de uma hospedagem em servidores que tornarão seu site visível para os usuários da web.

—

Cada projeto tem suas próprias demandas assim como cada designer tem seu próprio método de trabalho. Aqui eu dividi em 10 fases com um tempo médio de produção entre 45 e 60 dias.

Após a publicação, o mais indicado é que o cliente faça um contrato de manutenção do site. Isso garante backups periódicos, suporte técnico, atualizações, verificações de vírus, entre outras tarefas. É a garantia de que todo o trabalho terá continuidade e funcionamento perfeito.

O post As 10 etapas de criação de um site apareceu primeiro em AGT Online.

A resposta é: Depende da sua necessidade!

O valor da manutenção de um website varia de acordo com o objetivo e necessidade.

Por exemplo, muitas empresas que nos procuram pelo serviço de manutenção de site, tem demandas muito variadas.

Vou listar abaixo os tipos de manutenção de site:

1 – Atualização de Conteúdo:

Cenário:
O cliente está satisfeito com o site atual, com seu layout, funcionalidades, velocidade, está tudo funcionando corretamente.

Objetivo:
Realizar apenas algumas inclusões de novos materiais, textos, fotos, vídeos, criar páginas novas, colocar um novo serviço prestado pela empresa, adicionar novos logotipos de clientes, fazer alguns postagens de notícias no blog e remover conteúdo antigo.

Investimento:
O valor dessa solução pode ser feito de duas maneiras:

1ª opção: Via hora técnica
Exemplo: após o cliente enviar a sua solicitação e lista de mudanças, a AGT Online avaliou que serão necessárias 4 horas técnicas. Pega-se o valor da hora técnica e multiplica pelo número de horas.

2ª opção: Contrato de Manutenção Mensal
Exemplo: a empresa entende que vai precisar de mais atualizações de conteúdo futuramente em seu site e também quer ter um serviço mensal para não ter que ficar solicitando novos orçamentos sempre que necessário. Quer ter uma prioridade para a manutenção de seu site e quer aproveitar e ter todos serviços de backup, horas técnicas mensais, manutenção preventiva e corretiva, suporte ao usuário e aumento de segurança em seu site.

—

2 – Contrato de Manutenção Mensal de Sites:

Cenário:
O cliente entende que é necessário ter uma empresa prestando todo suporte necessário em seu site. Sabe que seu site é a porta de entrada de novos negócios, novos clientes. Sabe que o site é uma forma de venda e um cartão de visitas e NÃO pode deixar o site cair, ter problemas, perder tempo buscando soluções por conta, ter seu site invadido, deixar desatualizado, etc.

Objetivo:
Ter a segurança que uma empresa capaz estará mensalmente realizando os serviços de manutenção preventiva, corretiva, suporte técnico, aumento de segurança, mantendo o site sempre seguro e com uma rotina de backups em dia. Ter também um pacote de horas incluso para solicitações de inclusão/alteração de conteúdo, mudanças de layout, criação de banners  adição de novas funcionalidades, etc.

Investimento:
O valor de investimento da manutenção e garantia de qualidade da AGT Online depende do número de horas técnicas inclusas no pacote.
Valor: A partir de R$ 300,00 / mês.

Obs:
Caso uma solicitação ultrapasse o número de horas contratada mensalmente, o cliente é avisado previamente para aprovação das horas técnicas adicionais adicionais. Trabalhamos com total transparência. Nossos clientes nunca receberão um valor inesperado.

—

3 – Mudança de Layout:

Cenário:
Muito tempo sem mexer no site, a empresa verifica a necessidade de uma mudança de visual, adaptação para um site responsivo (mobile), criação de novos banners, atualização de conteúdo, painel de gerenciamento. Enfim, a empresa percebe que o site não está sendo usado como uma ferramenta de vendas. Não está sendo mostrando o que realmente a empresa é. Lembrando que o site é um cartão de visitas. Visitantes podem (e vão) julgar sua empresa pelo que seu site é!

Objetivo:
Realizar mudanças visuais deixando seu site moderno, com informações atualizadas, layout bonito,  navegação rápida, otimizado.

Investimento:
Esse tipo busca por manutenção de site é bem comum. O que acontece aqui é que geralmente o site está muito atrás, já está muito antigo. Ou você opta por realizar alguns ajustes e manter o site ‘arrumado’. Ou você opta em realizar o desenvolvimento de um novo site. É aí que a AGT vai lhe auxiliar a escolher a melhor opção.

É preciso analisar se compensa investir um valor médio em correções de layout, que poderia ser usado na criação de um site novo com um visual bem moderno, agradável, bonito, clean, de fácil navegação, onde previamente iremos primeiro entender qual é o objetivo do seu site, quem são seus concorrentes, quem é seu público alvo, quais as ações que vocês gostaria que seu visitante realizasse quando estivesse em seu site… e muitas outras características importantes!

A AGT Online vai lhe ajudar a verificar qual das opções compensa mais para seu negócio.

—

4 – Recuperação de Invasões / Remoção de Vírus

Cenário:
O site da empresa foi invadido ou está com vírus/malware. O Google e outros buscadores tiraram do ar o site, colocaram um aviso de site perigoso com potencial risco para os visitantes. A imagem da empresa começa a ficar prejudicada devido aos problemas de seu site.

Objetivo:
Corrigir os problemas do site o quanto antes e realizar então uma análise completa para que possa ser corrigido de vez esse problema / falha de segurança para que o problema não volte a acontecer.

A empresa percebe pela dor, infelizmente, que deveria ter contratado antes uma empresa especializada para manter mensalmente o site atualizado através do serviço de manutenção de sites e garantia de qualidade.

Obs:
Dependendo da criticidade pode ser necessário criar um novo site, ou deixar o site atual fora do ar, colocando uma nova página provisória.

Investimento:
O investimento desse tipo de manutenção de site é dividido em 3 partes.

1ª etapa – Análise técnica:
Valor será cobrado de acordo com número de horas técnicas necessárias para que a equipe analise, vasculhe e entenda o ocorrido. Formato de consultoria.
Valor: número de horas técnicas * valor da hora técnica.

2ª etapa – Correção e estancamento do problema:
Após realizar a análise técnica, será possível identificar o número aproximado de horas técnicas necessárias para realizar as correções imediatas e correção definitiva do problema.
Valor: número de horas técnicas * valor da hora técnica.

3ª etapa – Manutenção e Garantia de Qualidade Mensal
Uma vez com os problemas corrigidos, a AGT Online iniciará o trabalho de manutenção de sites mensal, onde visará deixar o site sempre atualizado, realizando os serviços de monitoramento, manutenção preventiva e corretiva, rotinas de backups, verificações de vírus, aumento de segurança, entre outras ações.
Valor: a partir de R$ 260,00 mensal.

Esses são alguns tipos de solicitações de manutenção de site que recebemos de nossos clientes.

O serviço de manutenção de sites é altamente recomendável para qualquer tipo de site, principalmente hoje em dia.

Muitos problemas podem ser evitados com uma manutenção em dia, sejam problemas de segurança, atualização de conteúdo, layout, integrações, criações de novas páginas, funcionalidades, entre outros.

Se interessou?
Clique aqui e entre em contato conosco sem compromisso.

O post Quanto Custa a Manutenção de um Site apareceu primeiro em AGT Online.

Além de criar um site, a empresa deve ter consciência da importância de mantê-lo ativo, realizando as atualizações necessários da plataforma de hospedagem, assim como produzindo conteúdo próprio e atualizando as informações.

Realizar a manutenção preventiva do site garante que os usuários sempre tenham uma experiência de navegação positiva, além de evitar prejuízos decorrentes de invasões de hackers e alta taxa de rejeição de potenciais clientes.

Esse investimento vale a pena tanto pelas novas oportunidades de negócio geradas, quanto por evitar que seja necessário reformular completamente o site em pouco tempo, o que é muito mais custoso e menos eficiente do que mantê-lo sempre atualizado e em perfeito funcionamento.

Acompanhe conosco nesse post 5 ótimos motivos para você incluir a manutenção de site no planejamento estratégico do seu empreendimento!

Por que se importar com a manutenção de site?

1. Segurança

O primeiro motivo deve-se à segurança tanto da empresa, quanto dos clientes.

Sistemas de gerenciamento de conteúdo, como o WordPress, por exemplo, liberam atualizações constantemente, visando corrigir bugs e adicionar patches de segurança.

Sistemas e plataformas desatualizados são alvos fáceis para hackers que, além de prejudicar o site, podem inserir malwares que infectam o computador do visitante.

Ou seja, o cuidado com as atualizações é o primeiro passo para garantir segurança para as informações da empresa, assim como resguardar os usuários, principalmente aqueles que fornecem dados pessoais para a empresa via formulários no site.

2. Experiência do usuário

Um site atualizado está diretamente relacionado com uma boa experiência para o usuário. Sites antigos e desatualizados podem ter problemas para serem exibidos nas novas versões dos navegadores, impedindo que o usuário chegue às informações que procura sobre a empresa.

Outra questão recorrente é manter links e fomulários de contato funcionando corretamente. Nada mais frustrante para o usuário que acessar uma página e ela exibir o famoso “Erro 404”, que pode indicar que a página não existe mais, por exemplo.

As informações de contato da empresa, como telefone, endereço e e-mail devem estar sempre atualizadas. Caso a empresa forneça preços pelo site, eles também devem estar de acordo com os da loja física, sob risco, inclusive, de ser acusada de propaganda enganosa.

Um aspecto recente e importante para proporcionar uma melhor experiência ao usuário consiste na adaptação de sites e blogs institucionais para o formato mobile.

O site responsivo permite que usuários utilizem diferentes tipos de dispositivos móveis para acessar o site sem perda da qualidade da navegação. A manutenção de site também é responsável por manter o site no mobile em perfeito funcionamento e segurança.

3. Mecanismos de busca e ranqueamento de palavras-chave

Os mecanismos de busca como Google, Yahoo!, Bing e outros estão sempre refinando os códigos para melhorar a experiência do usuário. Com isso, sites muito antigos e desatualizados foram quase que totalmente banidos das ferramentas de busca.

O ranqueamento de palavras-chave e a melhor exibição nos mecanismos de busca dependem diretamente da manutenção do site e da frequente atualização com novos conteúdos que sejam do interesse dos usuários.

Quanto mais investir em novas postagens e materiais, maior será a relevância do site nos mecanismos de busca e mais palavras-chaves poderão ser ranqueadas, convertendo tráfego de qualidade para o site, aumentando as oportunidades de conversão e, consequentemente, de vendas.

4. Nutrição de leads e relacionamento com o cliente

Os novos comportamentos de compra tornaram os clientes mais exigentes no processo de decisão de compra. Atualmente, os consumidores buscam informações sobre o produto e sobre a empresa antes de finalizarem uma aquisição.

Com isso, para manter os clientes engajados com a marca e satisfeitos com a experiência de compra, é fundamental adotar estratégias de relacionamento com o cliente e nutrição de leads, que envolve a produção e divulgação de conteúdos de qualidade.

Quando um potencial cliente acessa o site em busca de informações, ele quer descobrir o que a empresa tem a oferecer para ele. Dessa forma, sites desatualizados ou que não publicam conteúdos com frequência, rapidamente vão perder a atenção do consumidor, que vai buscar em um site concorrente as informações que não encontrou.

Manter um blog corporativo próprio, com conteúdos originais e ricos, além de capturar a atenção do consumidor, também permitirá que a empresa melhore o posicionamento nos mecanismos de busca e consolide sua presença online.

5. Backup do site

Por fim, a manutenção de site é essencial para a realização periódica de backup. Essa prática pode ser realizada tanto manualmente como por meio de serviços automatizados. Entretanto, indica-se um conhecimento mínimo sobre desenvolvimento web para realizar esse tipo de atividade.

O backup garante que todos os dados contidos no site, como imagens, páginas, textos etc. estejam armazenados em um local seguro. Assim, evita-se que tudo seja perdido tanto em um desastre natural quanto devido a um malware.

Uma frequência segura e indicada para realização do backup do site é mensalmente. Esse período pode variar de acordo com a complexidade do site e necessidade da empresa.

Mas afinal, como realizar uma manutenção de site eficaz?

A manutenção preventiva de um site envolve tanto práticas relacionadas com programação e desenvolvimento web, quanto com produção de conteúdo, testes de redirecionamento, cuidados com formulário, atualização de informações, design, conhecimento de boas práticas de marketing digital, etc.

Muitas companhias optam por realizar a manutenção de site internamente. Esse tipo de prática pode ser realizada eficazmente por empresas que tenham um departamento de TI próprio ou pessoal de marketing com experiência em desenvolvimento de sites.

Mais recentemente, devido ao melhor custo-benefício, somado à importância de conhecimentos diversos para realização de uma manutenção de site eficaz, mais empresas optam por contratar uma empresa de desenvolvimento web ou agência de marketing digital especializada.

Nesses casos, a empresa responsabiliza-se por todas as atividades de manutenção, realizando uma atuação preventiva e garantindo que não haja problemas decorrentes de desatualizações.

Quer saber mais sobre manutenção de site e como essa boa prática de marketing digital impacta os resultados da sua empresa? Entre em contato com a nossa equipe. Ficaremos felizes em ajudá-lo!

—

Fonte adaptada de: 
Digital Pixel

O post Manutenção de Site: 5 razões indiscutíveis para se importar com isso apareceu primeiro em AGT Online.

Resumidamente, wireframe é um protótipo usado para sugerir a estrutura que o site terá e como ele vai se relacionar com as outras páginas. É um projeto estrutural já que, nesse estágio, ainda não está definida a identidade visual do site.

Então, um wireframe é um layout que demonstra quais elementos da interface existirão nas páginas do site.

Veja porque o wireframe é importante:

• Estabelece a estrutura das páginas antes de definir o visual, evitando retrabalho
• Ajuda a entender quais assuntos serão abordados e suas prioridades
• Determina os espaços para todos os itens e onde estarão localizados
• Estabelece a distribuição dos links e como será a jornada do usuário

Objetivo do wireframe:

O objetivo do wireframe é fornecer um entendimento visual básico de uma página no início de um projeto a fim de obter a aprovação da equipe e do cliente antes que a fase criativa comece. Os wireframes também podem ser usados ​​para criar a navegação do site e garantir que a estrutura usada atenda à expectativa do usuário.

Além disso, alterar um wireframe é bem mais fácil e rápido do que um design conceitual.

Definindo os wireframes:

É importante lembrar que os wireframes funcionam apenas como guias. Não devem ter ilustrações, fotos e nem blocos de texto. Apenas elementos referenciais. Dessa forma, não é necessário usar cores, imagens e nenhuma tipografia específica (no máximo uma diferenciação de títulos e subtítulos definindo proporções).

Os wireframes podem variar de simples rascunhos no papel até pequenos sistemas criados no computador com detalhes mais bem definidos.

Os de baixa fidelidade ajudam na comunicação da equipe do projeto e são relativamente rápidos no desenvolvimento. São mais abstratos e costumam usar imagens simples (quadrados, textos falsos, círculos simbolizando ícones, riscos definindo links etc.).

Os wireframes de alta fidelidade são melhores para a documentação devido ao seu maior nível de detalhe. Esses wireframes geralmente incluem informações sobre cada item específico da página, incluindo dimensões, comportamento e/ou ações relacionadas a qualquer elemento interativo.

É importante lembrar que, mesmo não havendo a participação direta do redator e do designer nesse estágio (eventualmente), todo o processo deve ser elaborado com o consentimento de toda a equipe. Inclusões de textos, novas seções e novas imagens podem ocorrer no meio do processo e isso deve ser previsto no wireframe também.

Vantagens e desvantagens do wireframe:

Uma das grandes vantagens do wireframe é que ele fornece uma ideia inicial que pode ser usada como revisão junto ao cliente e a equipe. Além disso, um wireframe aprovado pelo cliente dá segurança ao designer na hora de criar o layout.

Como os wireframes não incluem nenhum design, nem sempre é fácil para o cliente entender o conceito. Dependendo do cliente, pode ser uma desvantagem.

…

Fonte (adaptado):
Sachintha Keddagodage

O post Afinal, o que é um wireframe? apareceu primeiro em AGT Online.