• 492k
  • 11
Web Design \ 24 de abril de 2018

Guia Passo-a-Passo: Como Criar um Site do Zero

Uma boa parte do sucesso de qualquer empresa se deve a uma forte presença online. No entanto, todo esse processo para criar seu próprio site partindo do zero é um pouco intimidador para muitos de nós. Apesar de você, como dono de uma pequena empresa, já ter passado por muita coisa em cada novo começo nessa sua emocionante (e muitas vezes atribulada) jornada para dar vida à sua visão, ainda assim você está procurando orientação para facilitar este processo.

Quando se trata de criar o design do seu site, da mesma forma como acontece na fase de construção da sua marca, há diversos elementos cruciais que você simplesmente não pode negligenciar. Para que o caminho que você vai percorrer (e caminho neste caso significa criar seu próprio site) seja suave e tranquilo, preparamos este guia passo-a-passo para você aprender como criar um site do zero:

01. Faça seu dever de casa

Há alguns passos iniciais que são vitais para levar seu site na direção certa desde o início. Comece por definir claramente seu objetivo de tal maneira que possa mostrar sua empresa de forma eficiente. O propósito é unicamente branding? É uma plataforma para vender seus produtos ou anunciar seus serviços? É para conseguir assinantes via e-mail? Em seguida, certifique-se de que seu site seja compatível com a identidade da sua marca, uma vez que é muito importante que o site complemente todos os outros aspectos do seu negócio, tanto online (redes sociais, blog, etc.) como offline (cartões de visita, documentos de apresentação, etc). Inicialmente você deve realmente colocar a cabeça para pensar, já que os pequenos detalhes podem ter um forte impacto no seu site, desde o número de páginas no seu menu até a localização (e mesmo a cor) dos seus botões.

02. Seja curioso

Agora é o momento de pesquisar um pouco o lado visual. A inspiração surge em todo o tipo de local. Mas há um lugar em especial onde a criatividade do web design está arrebentando: a página dos templates do Wix. Explore as centenas de incríveis templates para alimentar a sua criatividade. Depois procure inspiração em outras plataformas, como o Pinterest. A partir daí pode começar a juntar aqueles elementos que você acha que funcionarão melhor para a sua marca.

Como Criar um Site do Zero: Escolha um template

03. Prepare o melhor conteúdo

Agora que seu site já começou a tomar forma, é hora de reunir todos os seus elementos textuais e visuais. É melhor preparar todos os textos que você planeja usar antes de realmente começar a construir seu site. Isto pode incluir longos parágrafos, um slogan para seu cabeçalho e um texto atraente para os seus CTAs (botões de chamada de ação). Fique tranquilo: você sempre pode voltar atrás e alterar o texto durante todo o processo de construção do site. Na realidade, é altamente recomendado dar uma atualizada rápida no texto de vez em quando, uma vez que isso vai deixar seus leitores bem entusiasmados e o Google feliz. No entanto, o melhor é começar com uma sólida base de conteúdo, tanto textual como visual (imagens, vídeos, etc). A regra aqui é simples: a qualidade acima da quantidade. Recomendamos mostrar só o melhor e o mais atualizado do seu trabalho. É sempre preferível deixar seus visitantes querendo mais em vez de sobrecarregar seu site; isso vai fazer seus usuários perderem o interesse e rapidamente saírem do site. Mais ainda, você não pode ignorar a importância do tempo que seu site leva para carregar. As pessoas têm lugares para ir e pessoas para ver – se seu site não carregar rapidamente, ninguém vai ficar lá esperando.

04. Tenha um sitemap detalhado

Pense nisto como a planta baixa da arquitetura do seu site. O sitemap deve incluir todas as páginas que você planeja criar e como elas se conectam entre si. O Google gosta de ver páginas que são bem conectadas umas às outras e o resultado é um SEO melhor. Uma excelente prática aqui é se certificar de que seu sitemap está construído de tal forma que o visitante não precise clicar mais do que duas vezes para ir de uma página para outra dentro do seu site.

Um site completo e bem elaborado deve sempre incluir as seguintes páginas:

  • Uma homepage convidativa: Esta é a cara do seu site, e você deve criá-la de tal forma que seja linda, mas também informativa. Todos os elementos cruciais devem ser mostrados desde o início, uma vez que os clientes precisam saber quem você é e o que faz.
  • Uma incrível galeria onde você vai mostrar seus produtos ou serviços: esta é a parte central do seu site, onde os visitantes podem navegar através de tudo de bom que você tem a oferecer.
  • Uma página “Sobre”: Use esta página como seu cartão de visita online. Aqui é o local exato onde você pode se apresentar, mostrar o que representa, seus pontos fortes, seus valores e qualquer outra informação fundamental que seus visitantes devem saber sobre sua equipe e sua empresa.

Como Criar um Site do Zero: Página "Sobre"

  • Uma página de Contato: Não deixe os visitantes do seu site perdidos procurando desesperadamente pelas suas informações de contato. Certifique-se de ter uma página inteira dedicada a estas informações: números de telefone, e-mail, links para as redes sociais, um mapa e qualquer outra forma que você tenha para os usuários entrarem em contato com você. Também é uma boa prática adicionar os seus detalhes essenciais de contato ao rodapé do seu site.

Para dar um algo a mais você também pode incluir:

  • Um blog: Ao adicionar constantemente conteúdo atualizado ao seu blog, não só você apresentará seu nome como um especialista no seu campo de atuação, mas também dará à sua estratégia de SEO uma alavancada bem merecida. Veja também outros bons motivos para criar um blog para o seu negócio.
  • Uma página FAQ informativa: Inclua uma página FAQ para responder a questões que possam surgir naturalmente durante a experiência de seus visitantes ao navegar no seu site e economize tempo (e frustração) aos seus clientes e a você mesmo.
  • Incorpore o Wix Bookings: Facilite sua vida permitindo que seus clientes marquem um horário ou agendem aulas diretamente a partir do seu site. Você pode ficar menos tempo pendurado no telefone e mais tempo fazendo seu “império” crescer.
  • Uma página de depoimentos: Um lugar perfeito onde clientes satisfeitos podem elogiar você e sua empresa. Nada impressiona mais um cliente ou consumidor em potencial que críticas positivas e imparciais.

05. Crie o design do seu layout

Agora começa a parte mais divertida! Você pode começar com uma tela em branco ou escolher um dos muitos maravilhosos templates que o Wix tem a oferecer – são de tirar o fôlego e têm tudo o que é necessário, além de serem gratuitos. Garantimos que você vai encontrar alguma coisa que chama a atenção. Temos de tudo, desde sites para restaurantes até portfólios online e lojas virtuais. O melhor destes templates multifuncionais é o fato de serem totalmente personalizáveis. Do cabeçalho ao rodapé, você pode alterar tudo e criar um site que seja verdadeiramente exclusivo e totalmente a sua cara.

06. Mostre suas verdadeiras cores

O uso de cores não é simplesmente para seu site ficar bonito. Acredite ou não, a cor tem a capacidade de afetar e evocar emoções específicas nos seus visitantes. A escolha da sua paleta de cores também tem um papel importante no desempenho geral do seu site (taxas de conversão, o tempo que os visitantes ficam em cada página, etc). Quer ficar bem seguro? Escolha um background absolutamente claro, em branco ou preto. Depois limite-se a duas cores para os outros elementos do seu site (botões, textos, etc). Precisa de ajuda? Esse guia vai te mostrar como escolher a paleta de cores perfeita para seu site.

07. Escolha as fontes certas

Como é mesmo aquele ditado? As regras estão aí para serem quebradas? Se isto te representa, então as tendências da tipografia para 2018 são exatamente o que você está procurando. Com o texto criativo e arrojado que você tem em mente, seu site pode ser livre e descolado, exatamente como você imagina, desde que continue alinhado com sua marca. Para sanar todas as suas dúvidas, leia o guia definitivo sobre como escolher as melhores fontes para seu site.

08. Dê o toque final no design

Exatamente como um embrulho de presente não fica completo sem uma fita e um laço, um site não fica pronto sem alguns toques finais. Eles podem vir em forma de animações ou de rolagem parallax, e tudo isso pode ser adicionado ao seu site Wix sem a necessidade de uma única linha de programação. Fazer upload de um vídeo para seu site também é uma forma fácil e eficiente de atrair a atenção dos visitantes e aumentar o tempo que eles ficam nas suas páginas. Estes pequenos toques são essenciais e podem ajudar a conectar elementos e transmitir a sensação geral do seu site.

09. Estabeleça uma ordem

Para que seus visitantes se sintam confortáveis e totalmente à vontade enquanto navegam no seu site, é importante mantê-lo o mais organizado possível. Pense na hierarquia: o conteúdo mais atrativo ao olhar deve ser colocado acima da “dobra”. Acima de quê? Vamos explicar: este é o espaço de ouro (acima da “dobra” da capa do jornal!) que fica visível na sua tela sem os visitantes terem a necessidade de rolar a página. Além disso, é bom notar que muitos dos seus visitantes estão de fato só dando uma passada no seu conteúdo. Vivemos na era das mensagens instantâneas, dos memes e, como resultado, o limiar de atenção é muito pequeno. Em termos concretos, isto significa que é muito provável que seus leitores vão prestar atenção apenas em dois lugares da sua página: o início e o final. Portanto, todas as suas informações essenciais devem ser colocadas nesses locais. Utilize o espaço do meio para conteúdo menos crucial, como imagens e vídeos.

10. Mostre que você está presente nas redes sociais

Use as curtidas do Facebook e cia. em seu benefício permitindo que os visitantes compartilhem seu conteúdo em todo tipo de plataformas sociais. É fácil, grátis e uma maneira eficiente de espalhar seu nome pela internet. Adicione ao seu site uma barra de redes sociais que seja bem visível e que esteja corretamente conectada a todas as suas páginas sociais, dessa forma você vai garantir que seus visitantes possam compartilhar seu conteúdo. Sugerimos que a barra seja mostrada no menu, no rodapé ou como uma âncora na lateral.

11. Otimize seu site para SEO

Agora, antes de você fugir deste tópico aparentemente complicado, gostaríamos que continuasse a ler o que temos a dizer. SEO (Search Engine Optimization, ou otimização dos motores de busca no idioma de Camões) é o processo de otimizar seu site para que suas páginas possam ter uma posição melhor nos resultados dos motores de busca. Isto significa que quanto mais exposição você conseguir nas páginas dos resultados de busca, maior a probabilidade dos seus potenciais clientes olharem seu trabalho, reservarem seus serviços ou comprarem seus produtos. Há algumas coisas simples que você pode fazer de imediato para melhorar seu ranking; se certificar de ter escolhido o nome de domínio certo, adicionar alt text a todas as suas imagens e criar título e descrição para todas as suas páginas. Felizmente, o Wix desenvolveu uma solução intuitiva, completa e gratuita que vai te guiar através de todos estes passos da otimização. Apresentamos o Wix SEO Wiz, a mais recente ferramenta para te ajudar a ser encontrado online. O mágico Wiz gera automaticamente um plano personalizado que vai te dizer exatamente o que você precisa fazer para configurar seu SEO. Muito legal, não é?

12. Certifique-se de que seu site esteja preparado para os dispositivos móveis

Estamos em 2018 e você já deve saber que tem uma quantidade imensa de usuários que vai chegar ao seu site através de dispositivos mobile, muito mais que através de quaisquer outros equipamentos. Dessa forma é preciso estar preparado para atender a todo esse povo. O principal foco da otimização do site para mobile (que é gerado automaticamente pelo Editor Wix) é que você tenha um site legível e de fácil navegação. Usando a barra de ações rápidas, seus visitantes podem facilmente encontrar as informações que normalmente buscam, como um email ou um número para entrar em contato com a sua empresa. Adicione também links para diferentes áreas do seu site de tal forma que os visitantes possam economizar tempo de rolagem e possam ser guiados através das suas prioridades de conteúdo. Será que podemos dizer que esta é a experiência de navegação definitiva?

Como Criar um Site do Zero: Prepare-se para dispositivos móveis

13. Peça uma segunda opinião

Como diria o Ringo Starr, todo mundo precisa de um pouco de ajuda dos seus amigos. Quando todos os elementos estiverem adicionados, peça a pessoas em quem você confia para darem uma segunda opinião sobre seu site. Desta forma, eles podem fazer a revisão, verificar todos os botões e links para ter certeza de que tudo esteja funcionando e fluindo de forma lógica, e também te avisar se a mensagem da sua marca é clara e consistente. Por fim, certifique-se de ter adaptado o site para visualização em dispositivos mobile e verifique se está funcionando corretamente em diferentes tipos de telas móveis – aí você está pronto para clicar no botão “Publicar”!

Está se sentindo inspirado? Crie seu incrível site grátis!

Por Equipe Wix

Receba o Blog do Wix
no conforto da sua casa!

Assine o Wix Blog e não perca nenhuma novidade!

Opa, esse não é um email válido.

Opa, esse não é um email válido. Email already exists

Opa, esse não é um email válido. Invalid email

Aproveite! \ 

Receba em primeira mão dicas atualizadas sobre como
promover seu negócio, Web Design, SEO e o Wix!

Opa, esse não é um email válido.

Opa, esse não é um email válido. Email already exists

Opa, esse não é um email válido. Invalid email