Um processo de design de sites de 6 etapas para clientes

Seus clientes potenciais de design da web entendem como funciona o processo de design do site? Educar clientes em seu processo de design da web é uma grande chance de demonstrar sua experiência, credibilidade e autoridade no fornecimento de sites que obtêm resultados. Nesta postagem, vamos dividir o processo de design do site em 6 etapas.

Com todas as ferramentas de criação de sites de fácil utilização disponíveis no mercado atual, quase qualquer pessoa que queira construir um site pode fazê-lo com relativa facilidade. Mas um processo de design de site de qualidade envolve muito mais do que apenas construir um site.

Designers profissionais de sites sabem que é importante ter uma abordagem passo a passo para seus projetos de web design. Afinal, todas as habilidades e esforços de construção de sites no mundo não importam se o processo não for simplificado, eficiente e eficaz.

Talvez você ainda não tenha pensado em sua abordagem pessoal para o processo de design da web nesses termos. Se você é como muitos outros proprietários de empresas e sites, pode não levar o processo de design da web tão a sério quanto suas outras práticas comerciais.

Agora é a hora de mudar isso, e estamos prestes a mostrar exatamente como.

Como o planejamento adequado constrói um site melhor

Se você for um web designer comercial ou freelance, considere criar uma página independente no site de seu portfólio e direcionar novos clientes para o seu processo de web design pessoal (o que estamos prestes a mostrar a você). A maioria dos clientes prefere um plano claro e prático para seu projeto de web design, e isso é exatamente o que você deve dar a eles.

Quando você esclarece totalmente o processo de design e se comunica bem durante todo o projeto, acaba tendo mais clientes satisfeitos, menos trabalho e muito menos dores de cabeça à medida que o projeto avança. Você também terá um site muito melhor. E não é isso que todos nós queremos?

Agora, vamos dar uma olhada nas seis etapas principais para um processo de design de site profissional que sempre levará aos melhores resultados finais possíveis.

As 6 etapas do processo de design do site

Web design de qualidade é muito mais do que construir um website, e ter uma abordagem passo a passo para projetos de web design mostra todo o trabalho e habilidade envolvidos no desenvolvimento de uma presença online de sucesso. Talvez você nunca tenha pensado sobre sua abordagem do processo de design da web nesses termos, mas talvez o esboço deste post possa ajudar a moldar o seu.

Siga estas 6 etapas, crie uma página especial em seu site freelance e indique o processo de design da web para novos clientes. A maioria dos clientes preferirá um plano claro e prático para seu projeto de web design, e esclarecer o processo de design de seu site ajudará na comunicação durante todo o projeto, levando a clientes mais felizes - e menos trabalho (e dores de cabeça) para você.

Etapa 1: Fase de descoberta

É impossível concluir um processo de design de site bem-sucedido sem primeiro saber quais são os objetivos do projeto.

Se o projeto for para o seu próprio site, reserve algum tempo para anotar as informações pesquisadas sobre:

• A empresa ou indústria em que seu site viverá
• Seu mercado-alvo e os detalhes de quem seus clientes são e serão
• O objetivo final e objetivo de construir o site

Quando você escreve as especificações de seus objetivos de projeto, automaticamente os torna mais tangíveis e acionáveis.

Não permita apenas que seus objetivos flutuem em sua cabeça.

Se você é um designer de site profissional que trabalha com clientes, a fase de descoberta do processo de design da web envolve a coleta de informações. Esta etapa também é muito importante para você entender mais sobre o negócio e a indústria de seu cliente, seu mercado-alvo e clientes, e o objetivo / objetivo final do site.

Embora seja tentador pular as fases de descoberta e planejamento e ir direto para o design, essas duas primeiras etapas são essenciais para construir o site correto para as necessidades do cliente.

Durante as fases de descoberta, pergunte a si mesmo ou ao seu cliente a seguinte série de perguntas. As respostas começarão rapidamente a direcionar o fluxo do próximo projeto:

1. O que sua empresa ou organização faz?
2. O que diferencia sua empresa ou organização da concorrência?
3. Quem são seus concorrentes?
4. Quem é seu cliente ideal?
5. Descreva o conceito, projeto ou serviço que este site se destina a fornecer ou promover.
6. Qual é o objetivo do seu site?
7. Quem está acessando seu site?
8. Qual é o seu sonho para este site?
9. Existe um orçamento estrito envolvido na obtenção de uma presença sólida na web, ou existe alguma liberdade monetária para trabalhar?

Além dessas perguntas, reserve alguns minutos para ler o artigo intitulado 65 perguntas a serem feitas durante sua próxima reunião com o cliente Freelance. As perguntas sugeridas neste artigo são divididas em sete grupos principais:

• Cliente
• Projeto
• Público
• Marca
• Recursos e escopo
• Comércio eletrônico
• Tempo e orçamento

Cada grupo oferece áreas importantes de informações potenciais que ajudarão a moldar o projeto geral de web design.

Usando a abordagem incluída na postagem de 65 perguntas, a etapa Descobrir do processo de design da web é realmente mais como uma reunião de consulta inicial com um cliente potencial. Durante a fase de descoberta, você pode avaliar melhor a química entre você e o cliente potencial, investigar as condições de trabalho que você terá com o cliente potencial e estimar o escopo do projeto.

Essa reunião também é quando você pode informar o cliente potencial sobre o processo de desenvolvimento da web que você está prestes a aprender neste guia e sugerir recursos adicionais que podem atender aos objetivos do cliente.

Este também é um bom momento para educar o cliente potencial sobre a importância de seus serviços contínuos para a manutenção do site.

Claro, se você estiver construindo um site para seus próprios fins, responder às perguntas apresentadas na postagem 65 perguntas mostrará como agilizar o processo e mantê-lo no caminho certo para atingir seus objetivos.

Etapa 2: Planejamento

Assim como a coleta de informações, a etapa de planejamento do design de um site é uma parte crítica do lançamento de um novo site.

Se você duvida da necessidade de gastar tempo nas fases de planejamento do processo de design de um site, pense em qualquer outro projeto não relacionado à web que você já fez, seja pessoal ou de negócios.

Provavelmente, se você começar a construir um novo galpão, por exemplo, sem primeiro planejar como o processo será concluído do início ao fim, seu resultado final provavelmente não ficará em pé por muito tempo.

Como proprietário de uma empresa ou designer de site, é extremamente tentador ir direto para a etapa de design da construção de um site. Isso ocorre principalmente porque a fase de design é obviamente a parte mais criativa (e agradável) de um projeto (para a maioria das pessoas). No entanto, a pesquisa e o planejamento adequados ajudarão a esclarecer seus objetivos para o site e orientar seu design.

Por causa disso, gastar uma quantidade generosa de tempo nesse estágio do processo é fundamental para o sucesso do projeto.

Você já ouviu o velho ditado, "medir duas vezes, cortar uma vez?" Esse conceito também é válido para o design de sites. Gastar tempo planejando um site é um bom investimento que, no final das contas, economizará tempo e até dinheiro a longo prazo.

Durante a fase de planejamento, você desejará revisar ou criar uma estratégia de SEO para o site. Como os sites geralmente organizam muitas informações em um formato amigável, este também é um bom momento para ter uma ideia do conteúdo ausente antes de começar a projetar qualquer coisa.

A fase de planejamento também ajuda os clientes a entender sua função no cumprimento de prazos com conteúdo, para que o processo de lançamento não seja atrasado. E se você já projetou um site para um cliente, você já sabe que perseguir o conteúdo do cliente pode ser o fator chave (e muitas vezes frustrante) que impede que os projetos sejam concluídos dentro do cronograma.

A fase de planejamento do design do site inclui 3 tarefas básicas, que abordaremos aqui com mais detalhes.

Eles são:

• Crie ou analise uma estratégia de SEO
• Crie o mapa do site do site
• Revisão e desenvolvimento de conteúdo

Vamos dar uma olhada em cada um.

Criar ou revisar uma estratégia para SEO

Em sua forma mais simples, SEO é:

“A prática de aumentar a qualidade e a quantidade de tráfego do site para seu site por meio de resultados de mecanismos de pesquisa orgânicos.”

Embora a maioria das pessoas hoje esteja pelo menos um pouco familiarizada com os conceitos de SEO, o que costuma ser esquecido é que as melhores práticas de SEO não são um conjunto estático de regras.

Na verdade, eles estão sempre mudando.

Então, o que vai no SEO que traz os melhores resultados possíveis em 2021 e depois? Para compreender totalmente o significado de otimização de mecanismo de pesquisa, precisamos dividir a definição acima em três partes individuais.

Eles são:

Qualidade do tráfego do site: claro, você pode atrair milhares de visitantes aleatórios do site todos os dias por meio de uma variedade de estratégias diferentes. Mas se um usuário acessa seu site porque o Google mostrou a ele que você é um recurso para comprar iPhones da Apple quando seu site realmente vende maçãs frescas, você não trouxe um visitante de qualidade.

Em vez disso, é importante saber como atrair visitantes genuinamente interessados ​​no que seu site tem a oferecer.

Quantidade de tráfego do site: depois de determinar exatamente como fazer com que os usuários certos cliquem no seu site a partir das páginas de resultados do mecanismo de pesquisa, ou SERPs, é hora de atrair mais deles. Afinal, quanto mais visitantes de qualidade você atrai, mais leads qualificados você descobrirá.

Resultados da pesquisa orgânica: sempre que você executar uma pesquisa no Google, perceberá que todos os resultados principais são preenchidos com anúncios que parecem ser resultados da pesquisa orgânica. A verdade é que esses anúncios constituem uma parte significativa dos SERPs de qualquer site.

Mas o tráfego orgânico é o que buscamos com o SEO. Esse é o tráfego que chega constante e repetidamente todos os dias, sem nunca pagar ao Google para colocar um anúncio.

E é possível fazer.

Veja como começar:

• Se você estiver construindo seu próprio site, pesquise termos de pesquisa específicos para sua empresa ou setor. Se você estiver trabalhando com um cliente, converse com ele sobre o mesmo
• Pesquise e analise os volumes de palavras-chave
• Crie uma planilha de palavras-chave / frases-chave
• Auditar o conteúdo do site existente para foco em SEO
• Faça uma lista das necessidades de conteúdo de SEO para preencher as lacunas
• Mapeie palavras-chave / frases-chave para conteúdo existente ou futuro

Se você é novato em fazer seu próprio SEO ou fornecer serviços de otimização de mecanismo de pesquisa para clientes, temos vários treinamentos de SEO gratuitos e vídeos de treinamento de noções básicas de SEO disponíveis.

Você também pode conferir o SEO Summit por 9 horas de treinamento intensivo de SEO.

Crie o Sitemap do site

Depois de trabalhar em uma estratégia de SEO durante a fase de planejamento, a seguir, é hora de construir o mapa do site do site.

Um mapa do site é essencialmente um esboço da estrutura das páginas que irão compor o site. Planejar o mapa do site antes de trabalhar no design de qualquer site tem vários benefícios importantes que não podem ser negligenciados.

Por exemplo, você pode:

• Construa seu design em torno das páginas mais importantes
• Planeje a navegação do site com mais eficiência
• Tenha uma ideia geral do conteúdo que ainda precisa ser escrito

Usando sua estratégia de SEO, construa um mapa do site com hierarquias de página e silos de conteúdo apropriados.

Crie um documento dedicado para o seu mapa do site e esboço do site.

Você pode usar o mapa do site como uma lista de verificação para orientar o andamento do seu projeto.

Inclui páginas básicas do site (Sobre, Contato, etc.) mais páginas adicionais de palavras-chave / frases-chave.

Para proprietários de sites WordPress, considere usar o plug-in Google XML Sitemaps para ajudá-lo.

Revisão e desenvolvimento de conteúdo

A última parte do processo de planejamento do site inclui uma análise aprofundada do conteúdo do site.

Para começar, você vai querer fazer uma auditoria do conteúdo existente (se já houver um site existente que está sendo substituído ou retrabalhado) e fazer um plano para a produção de novo conteúdo que ajudará o site a ter um melhor desempenho.

Os clientes podem ser responsáveis ​​pela criação de novos conteúdos, mas isso geralmente apresenta problemas que poderiam ser evitados de outra forma. Na maioria das vezes, os clientes que concordam em escrever conteúdo para seu próprio site têm muitas outras coisas acontecendo em seus negócios e em suas vidas. Mesmo se você definir prazos rígidos para entrega de conteúdo,

A realidade é que a maioria das pessoas simplesmente não gosta ou não conhece a maneira certa de escrever conteúdo para sites.

Se você está pensando em se responsabilizar por escrever conteúdo para um site, mas não está entusiasmado com a ideia, geralmente é extremamente útil contratar um redator freelance para satisfazer suas necessidades de conteúdo.

Existem alguns contentores baratos, como TextBroker, Scripted, The Hoth e muitos outros que podem ajudá-lo no processo de conteúdo.

Durante o processo de revisão e desenvolvimento de conteúdo, você desejará:

1. Revise o conteúdo da web existente
2. Solicite conteúdo que não seja da web, como brochuras, cartões de visita ou folhetos
3. Contrate ou atribua redatores para as necessidades de conteúdo
4. Coloque prazos na conclusão do conteúdo

Um site não terá sucesso sem um ótimo conteúdo. Portanto, é importante investir muito tempo e energia para garantir que o conteúdo do seu projeto esteja pronto para ser executado.

Etapa 3: Design

A terceira etapa do processo de design da web é projetar a aparência do site. Nesta etapa, um wireframe de site é criado com elementos básicos de página da web, como cabeçalho, navegação, widgets e assim por diante.

O wireframe pode então ser movido para uma maquete mais realista usando um programa como o Photoshop.

O desafio de um bom web design, como todos os designs, é equilibrar forma e função. Use as informações que você reuniu nas fases de descoberta e planejamento para moldar seu projeto.

Bons web designers têm a intenção por trás de cada decisão de design.

Para designers e desenvolvedores WordPress, o design do seu site começará com a escolha do melhor tema para construir. Se você nunca ouviu falar do Tema Kadence, agora é a hora de dar uma olhada.

Baixe o tema Kadence

Ele pode rapidamente acabar sendo o seu tema preferido para cada novo projeto do WordPress.

O Kadence Theme funciona com o editor de blocos do WordPress de uma maneira única que torna o design de sites divertido novamente. É um tema gratuito com todos os sinos e assobios de alguns dos principais temas premium e realmente inclui recursos de próximo nível que tornarão qualquer site bonito e eficaz.

Para tirar o máximo proveito do Tema Kadence e levá-lo para o próximo nível, você também vai querer usar Blocos Kadence. Esta ferramenta fornecerá resultados de design 100% profissionais sem a necessidade de saber como codificar.

Mas lembre-se, o design deve sempre acomodar o conteúdo.

Leia isso mais uma vez e deixe-o penetrar.

O problema é que o conteúdo geralmente acomoda o design, com o conteúdo recebendo muito pouca atenção. O conteúdo do seu site é, de longe, a coisa número um que você deseja que os espectadores percebam.

Assim, para cada um dos designs de sua página, pare e pergunte a si mesmo estas três perguntas:

1. Qual é o objetivo principal da página?
2. Está claro para os usuários o que eles precisam fazer?
3. Como o design incentiva os usuários a agir?

Um web designer profissional e eficaz também prestará muita atenção em como um design se traduzirá em código. Mesmo se você não estiver fazendo o desenvolvimento sozinho, como designer, é uma boa ideia investir em suas habilidades de codificação.

E sempre certifique-se de que um desenvolvedor analise um design antes de enviá-lo para o cliente.

Por fim, use a fase de design para finalizar a aparência geral do site com o cliente e discutir as decisões para:

• Cores
• Tipografia
• Imagens

Confirme o projeto com o cliente antes de passar para o estágio de desenvolvimento.

Etapa 4: Desenvolvimento

Na fase de desenvolvimento, o design do site é traduzido para o código real que faz o site funcionar. Esta etapa pode ser a mais demorada, portanto, mantenha os clientes informados sobre o andamento do projeto.

Durante a fase de desenvolvimento, e-mails regulares de 3 frases, como o mostrado abaixo, são ótimos para manter a comunicação com o cliente:

“Isso é o que fizemos esta semana (passado). É aqui que as coisas estão (presentes). Isso é o que vem a seguir (futuro). ”

Afinal, se você ficar em silêncio por um período de tempo durante o Desenvolvimento, muitos clientes presumirão o pior e você poderá perder o projeto.

Para designers e desenvolvedores WordPress, as etapas básicas de desenvolvimento de sites incluem:

1. Instale o WordPress em um host local ou servidor de teste.
2. Instale um tema WordPress inicial.
3. Instale um plugin de backup do WordPress, de preferência BackupBuddy. Executar o BackupBuddy durante o desenvolvimento torna mais fácil 1) reverter as alterações do arquivo e 2) mover o site para o domínio ou servidor ativo para lançamento.
4. Usando a maquete, traduza o design para o site ao vivo.
5. Teste e otimize ao longo do caminho.

Etapa 5: lançando o site

Finalmente chegou a hora de lançar o site!

Uma vez que existem tantas etapas envolvidas no lançamento de um site, é uma boa ideia usar uma lista de verificação para ter certeza de que você não perdeu uma etapa.

Certifique-se de utilizar as listas de verificação nestes artigos para garantir que o lançamento do seu site ocorra sem problemas:

• A lista de verificação completa de lançamento do WordPress para desenvolvedores
• A lista de verificação de lançamento de site WordPress essencial
• A lista de verificação final do WordPress: mais de 80 tarefas para cada proprietário de site WordPress

Eles certamente tornarão o processo de lançamento de seu site muito mais eficiente.

Etapa 6: Manutenção

Esta última e última etapa do web design é frequentemente esquecida pelos freelancers. No entanto, a manutenção do site é importante para a saúde e o sucesso de um site a longo prazo, bem como uma fonte de receita recorrente potencial.

Antes mesmo de um novo projeto de site começar, eduque os clientes em potencial sobre as responsabilidades de longo prazo de possuir um site. Assim como ter um carro ou uma casa, um site precisa de manutenção e manutenção. Ofereça um serviço de manutenção WordPress mensal para tirar as tarefas de manutenção do site de seus clientes.

Em um nível básico, um serviço de manutenção WordPress inclui as seguintes ações necessárias para manter um site WordPress funcionando sem problemas:

• Atualizações do WordPress
• Atualizações de tema e plugin
• Backups do WordPress
• Plug-in de segurança do WordPress, a saber, iThemes Security Pro
• Rastreamento e relatórios analíticos
• Hospedagem WordPress

A manutenção do WordPress também pode se estender a outras áreas de manutenção de sites, como SEO, adição de novo conteúdo ou atualização de conteúdo existente, aprovação / resposta de comentários, limpeza de spam e muito mais.

Se você gerencia vários sites WordPress, use um serviço como o iThemes Sync para gerenciar atualizações do WordPress e mais de um painel.

Ao discutir a manutenção contínua do site, pergunte a seus clientes:

1. Existe uma estratégia de longo prazo para editar, atualizar e promover seu site?
2. Quem será o responsável pela manutenção do site?

Esteja pronto para oferecer sua taxa de manutenção mensal e informar os clientes sobre as taxas por hora se eles precisarem de você para corrigir problemas do site, fazer alterações no conteúdo e assim por diante.

Felicidades para um processo de design de site tranquilo

Seguindo o processo de seis etapas que acabamos de descrever, o processo de design do site será mais tranquilo e permanecerá no alvo. E com um pouco de pesquisa e planejamento, o design do seu site ficará mais informado.

Seguindo uma lista de verificação para desenvolvimento e lançamento, você não perderá nenhuma etapa crucial. E, por fim, a manutenção de um site protege o investimento feito na construção do site.

No final das contas, os clientes ficarão mais satisfeitos com sua experiência e verão o valor de seu website.

Kristen Wright

Kristen tem escrito tutoriais para ajudar os usuários do WordPress desde 2011. Normalmente, você pode encontrá-la trabalhando em novos artigos para o blog do iThemes ou desenvolvendo recursos para o #WPprosper. Fora do trabalho, Kristen gosta de fazer um diário (ela escreveu dois livros!), Fazer caminhadas e acampar, cozinhar e aventuras diárias com sua família, na esperança de viver uma vida mais presente.