Making It Descubra
Voltar

Como fazer um site: um guia para iniciantes

Baixe nosso manual gratuito para criar o seu site com confiança.

O e-mail informado é inválido.

Obrigado por se cadastrar.

O site é seu quartel-general on-line: você pode ter inúmeros perfis de mídias sociais, páginas de portfólio e mais de uma conta em diferentes mercados on-line; porém, é no seu site que você junta tudo, traz contexto ao seu trabalho e cria um vínculo direto e autêntico com seu público.

A plataforma completa de criação de sites do Squarespace oferece tudo para você criar uma bela e eficaz presença on-line. Você pode iniciar o novo site com apenas uma página de destino; ou pode criar uma presença complexa e multifacetada com mídias, eCommerce e muito mais.

1. Pesquise

Antes mesmo de começar a pensar no design do site, sente-se e faça um brainstorming. Olhe para outros sites em um espaço semelhante ao seu e pense no propósito do seu site. 

Escreva algumas ideias sobre você:

Entenda esses conceitos ao decidir sobre as páginas a serem adicionadas, os textos a escrever, além do design. Ao saber o que você quer que as pessoas façam ao acessarem seu site, por exemplo, você pode descobrir como organizar seu conteúdo.

2. Escolha um template

Template de site são layouts pré-projetados que ajudam você a criar rapidamente um site simples e profissional. Você pode arrastar e soltar elementos como blocos de texto, imagens, galerias de fotos, logotipos e outros itens no template para deixá-lo do seu jeito. 

Quando estiver tudo pronto para escolher um template para seu site, vale a pena saber as principais funções que você precisa. É aqui que as metas do site podem guiar você. Está criando um portfólio, um blog, um site de currículo, ou um site de eCommerce? Ou é algo totalmente novo e difícil de categorizar? 

Você não precisa de experiência em codificação nem em desenvolvimento da web para personalizar um template de site de acordo com a sua marca. Quem tem experiência em codificação pode adicionar código CSS personalizado para adicionar recursos extras ao design da web.

Um design eficaz estabelece a base de um site forte, que atrai os clientes ideais, comprova seu profissionalismo e reflete sua personalidade. O Squarespace oferece vários templates que você pode personalizar com cores, fontes e imagens da sua marca. Ou você pode usar o Kit de Design Squarespace para criar do zero um template totalmente personalizado. 

Se você quer e tem os recursos para uma ajudinha extra, procure um Squarespace Expert para realizar a visão do seu site.

3. Crie as páginas do site

Você pode começar com apenas uma página inicial da sua marca ou empresa, mas, dependendo das intenções, provavelmente precisará de mais páginas de site. A maioria das pessoas se beneficia de ter uma página de informações "Sobre" e "Contato" para os visitantes do site. Considere quais outras páginas você pode precisar - pode ser uma página de blog ou uma página de perguntas frequentes.

Falta tempo? Confira as dicas para criar um site de uma página.

Navegação básica do site

O design da navegação é a soma de todos os elementos que as pessoas usam para navegar no site. Ele inclui tudo, do menu de navegação do site até os botões e a cópia, além de hyperlinks e o design dos layouts das páginas.   

Com um bom design de navegação, os visitantes exploram o seu site e encontram o que precisam. Quanto mais simples for a navegação do site, mais as pessoas permanecerão na página. Um design ruim faz as pessoas saírem do site antes de acessarem qualquer conteúdo ou produto.

Quando bem-feito, a UX (experiência do usuário) na navegação é intuitiva. O ideal é os visitantes terem tanta facilidade em encontrar o que precisam que nem pensarão no design da navegação do site.

Confira nosso guia completo para o design da sua navegação

Criação dos layouts de página

Para criar os layouts da página, tire um tempo para considerar a jornada do cliente. Como alguém passará da página de destino do site para entrar em contato com você ou comprar algo? 

Montada a página, pergunte-se:

  • Ao chegar à sua página inicial, fica claro o que o cliente precisa fazer em seguida? 

  • É fácil entender a navegação do site? 

  • Você orienta naturalmente a pessoa para onde você quer, como a página de produtos?

Ao adicionar novas páginas ao seu site do Squarespace, você pode escolher páginas vazias ou páginas com layouts pré-criados, concebidos para usos específicos. O Squarespace usa o Editor Intuitivo, um editor de grade sem código. Graças ao recurso "arrastar e soltar" dele, você personaliza onde e como o conteúdo aparece no seu site. 

É possível adicionar blocos de conteúdo a uma página vazia para criar um novo layout; ou mexer nos blocos dentro de uma página de layout de um template para criar linhas, colunas ou mesmo conteúdos sobrepostos. A grade do Editor Intuitivo orienta você para ajustar o tamanho e realinhar esses elementos da página, de acordo com a sua visão criativa. Os sites Squarespace vêm com design responsivo para otimizar o seu site nas telas de qualquer tamanho.

Os layouts da página; e se eles são responsivos na versão móvel:

  • Desempenho da SEO

  • Quanto tempo as pessoas passam no site

  • A probabilidade de alguém comprar de você  

O objetivo é criar uma representação refinada da sua marca, para que a experiência dos visitantes no seu site gere mais confiança, interesse e interação no seu site.

Confira nossos dez princípios essenciais do web design

4. Adicione conteúdo ao site

Definidos os layouts, o próximo passo para orientar as pessoas no site é escolher o texto e os elementos visuais.

Compondo uma cópia eficaz do site

No seu plano de ação, é crucial que o site tenha um texto informe e envolva o público. Aliás, o texto do site deve ser prioridade. Antes mesmo de escrever a cópia, decida pelo conteúdo e o local dos textos no site. 

  1. Comece com a página inicial e defina o que você oferece ou o propósito do site. 

  2. Identifique os principais detalhes e quaisquer outras páginas a serem incluídas no cabeçalho, como uma página "Sobre", páginas para os produtos ou serviços ou uma página com formulário para contato.

  3. Faça a cópia concisa e fácil de ler.

  4. Considere as palavras-chave de busca relevantes para sua empresa e como elas podem ser incorporadas no texto e na navegação do site.

Não sabe por onde começar? Confira nosso guia para escrever o texto do site; ou deixe o Squarespace AI fazer um rascunho para você.

Adição de fotos ao site

O primeiro passo para escolher as imagens para o seu site é identificar quais tipos combinam com sua marca. Após definir a estética que representa sua marca, você pode procurar as fotos e imagens que a representarão. 

As fotos de acervo são um bom lugar para começar, principalmente quando você está abrindo uma empresa e ainda não possui muitas fotos. O Squarespace oferece integrações com serviços de fotos de acervo para você encontrar imagens de qualidade grátis ou de baixo custo para usar no site.

Você mesmo também pode tirar as fotos; ou pode contratar um fotógrafo, dependendo do seu orçamento. Fotos que representam diretamente a sua marca (fotos de você, do seu estúdio ou vitrine, dos seus itens à venda ou da sua equipe em ação) podem aumentar sua credibilidade e a confiança do seu público. 

Para que o carregamento das fotos e imagens do seu site seja rápido e tranquilo, preste atenção ao formato, à resolução e ao tamanho da imagem. Tudo isso pode afetar o visual das imagens e a rapidez com que as páginas são carregadas.

  • Você deve trabalhar com JPEGs ou PNGs. 

  • Atenha-se a uma largura de 1500 a 2500 pixels. 

  • Mantenha o tamanho total dos arquivos de mídia nas páginas da web sempre abaixo de 2 MB. 

Enviadas as fotos para o site, você pode gerenciar todas em um local central.

5. Adquira um domínio

Quando estiver com quase tudo pronto para lançar o site, escolha o nome do domínio. O nome do domínio, como squarespace.com, é uma das primeiras impressões que você deixa on-line e afeta tudo, desde a SEO até a facilidade de se lembrar e encontrar o seu site. Comprar o domínio é um processo rápido; mas seja criterioso e escolha um que combine com a sua marca. 

O ideal é que o nome do domínio e o nome comercial sejam iguais ou semelhantes. Ao abrir uma loja de eCommerce para uma empresa, por exemplo, comece procurando por um nome de domínio personalizado e que corresponda ao nome da empresa. Assim, os clientes antigos encontram facilmente o site. Se o nome do seu domínio não estiver disponível com .com depois dele, use outra extensão de domínio, como .co ou .store

Todos os sites Squarespace com plano de cobrança anual já vêm com um domínio personalizado. Já possui um domínio? Você pode transferi-lo para o Squarespace.

Saiba mais sobre os serviços de hospedagem na web e por que você precisa de um

Esta publicação foi atualizada em 1 de maio de 2023.

Artigos relacionados

  1. Descubra

    11 dicas de SEO avançada para melhorar o seu site

    11 dicas de SEO avançada para melhorar o seu site

  2. Descubra

    Como fazer um site de personal training

    Como fazer um site de personal training

Assine

Cadastre-se para receber as últimas publicações do blog MAKING IT, além de atualizações, promoções e parcerias do Squarespace.

O e-mail informado é inválido.

Obrigado por se cadastrar.