Criando sites

como criar um site


Como criar um site em 8 etapas simples

Criando seu próprio site. Parece assustador, não’não é? Bem, não tema. Nosso guia mostrará como alguém pode criar um site – com apenas algumas dicas!

Muitas pessoas pensam que, se você deseja criar um ótimo site, precisa ser um gênio do Vale do Silício ou ter ferramentas de ponta. As boas notícias? que’s lixo total.

Dito isto, você precisará saber uma coisa ou duas sobre web design. Afinal,’é importante – tanto que 38% dos visitantes saem de um site se consideram o layout pouco atraente.

Você pode pensar em web design como vender um carro – ele poderia ter o motor mais incrível, mas se o chassi for hediondo, as pessoas ganharão’não esteja interessado em comprá-lo.

Aqui no Website Builder Expert, sabemos uma coisa ou duas sobre o design de sites. Então, para ajudá-lo, nós’Reunimos este guia de oito etapas simples e fácil de seguir. Para uma rápida visão geral, aqui’é o que nós’cobrirá:

Criando sites: nosso guia de 8 etapas

  1. Defina seu site’s Objetivo e estratégia
  2. Pesquise as últimas tendências de design para web
  3. Escolha sua plataforma
  4. Selecione um modelo e comece a personalizar
  5. Decida sua marca
  6. Adicione e otimize seu conteúdo
  7. Publique seu site
  8. Analisar e melhorar

Abaixo, nós’Analisarei todas as oito etapas em detalhes e ensinarei exatamente o que fazer em cada estágio. Se vocês’estiver interessado em criar um novo site ou em reformar um já existente, então você’re no lugar certo.

Tenha o mouse pronto e deixe fluir esses sucos criativos – ele’s hora de mergulhar.

Deseja saber como criar um site?

Este guia se concentra em como criar um site. Se você deseja saber como criar um site, consulte nosso manual passo a passo.

1

Defina seu site’s Objetivo e estratégia

Parece um argumento tão simples de se fazer, mas antes de começar a projetar seu site, você precisa primeiro ter clareza de propósito..

Além de simplesmente conhecer seu setor e definir uma estratégia de conteúdo, você precisa pensar sobre qual é o seu USP (ponto de venda exclusivo) e como deseja se deparar..

As pessoas não são’estúpido. Se você se colocar lá fora apenas para obter lucro ou aumentar seu próprio perfil, as pessoas verão através dele. Seu site’O design de s está diretamente vinculado à sua marca e precisa parecer autêntico e atraente.

“Uma organização’s ‘cultura de propósito’ responde às perguntas críticas de quem é e por que existe. Eles têm uma cultura de propósito além de obter lucro.”

Punit Renjen, Deloitte

O que você está tentando alcançar?

Depois que seu objetivo é claro, o foco muda para a ação que você deseja que os visitantes executem quando acessam o site. O seu site existe apenas para exibir informações? Para vender produtos? Para obter inscrições?

A resposta para isso determinará a aparência e a sensação do seu site. Usando o comércio eletrônico como exemplo, um elemento crucial do seu design é sua página de destino.

De acordo com a Crowdspring – uma das principais empresas de marca digital – sua página de destino deve ser focada a laser em torno de um produto ou negócio, com um CTA claro (call to action) que o acompanha.

página de destino da microsoftA Microsoft usa sua página inicial para demonstrar o quão eficaz a segmentação por produto único pode ser

Dando um passo adiante, conversamos com Wolfgang Bruns, especialista em taxas de conversão em uma empresa global de tecnologia. Perguntamos a ele sobre a importância de ter páginas de destino separadas para visitantes diferentes, a fim de personalizar individualmente ofertas e produtos – um processo conhecido como segmentação de clientes. Aqui’é o que ele tinha a dizer:

Conselho dos especialistas

Wolfgang Burns“Entender seus usuários é essencial para o sucesso de qualquer negócio. Isso significa que você pode personalizar e melhorar a experiência oferecida e atender melhor às necessidades deles. Fazer isso tem um impacto direto nos resultados.

“A segmentação do tráfego para proporcionar uma experiência mais relevante é o primeiro passo na jornada para uma experiência personalizada do usuário e o sucesso nos negócios que vem com ela.”

Wolfgang Bruns, gerente de CRO

Revisão de Hibu – Descubra se Hibu’O serviço de web design da s pode ajudá-lo. Fomos disfarçados para testá-lo, e aqui’é o que encontramos…

5 incríveis designs de layout de página inicial – Inspire-se e obtenha informações das nossas principais dicas!

2

Pesquise as últimas tendências de design para web

O design da Web evolui rapidamente, mas você pode aprender algumas tendências mais comuns. Nesse ponto,’é importante notar que só porque uma tendência da web é atual, ela não’não quero dizer isso’é necessariamente certo para você.

48% das pessoas citam o design como o fator mais importante de um site, por isso’É importante levar tempo e ver o que os concorrentes estão fazendo. Cada setor terá estilos diferentes, por isso’É vital que você saiba se deseja se encaixar no seu setor ou se o interrompe.

Alex Vasili – um especialista em marcas líder – acredita que você deve sempre pesquisar por setor, em vez de idade ou sexo. Ao falar conosco sobre web design, ele disse:

Conselho dos especialistas

Alex Vasili“Lá’é um monte de coisas em termos de teoria das cores – quais cores sugerem certas emoções e como elas colocam você em uma espécie de sentimento. Eu acho que depende se você’está tentando interromper ou tentando se encaixar.

“Se vocês’está tentando atrapalhar, então você quer algo completamente diferente do que o setor está oferecendo. Mas se você’está tentando se encaixar, existem padrões claros.

“Se vocês’você é uma empresa de tecnologia’provavelmente terá algum azul lá dentro, enquanto que se você’Como uma empresa iniciante, você pode ter uma cor realmente vibrante e quente. O mesmo vale para a sua fonte. Vocês’quero um design realmente limpo e simples e muito espaço em branco.”

Alex Vasili, gerente de marca

Isso mostra a importância de saber o que você deseja antes de mergulhar no próprio design físico. Nós’vou voltar a colorir no ‘Branding’ seção, mas para ajudá-lo, aqui estão algumas tendências atuais que estão invadindo a Internet.

Micro-interações

Microinterações são pequenas animações que ocorrem quando um usuário interage com um site. Por exemplo, se você ‘reagir’ para uma postagem no Facebook, ele aparecerá com o emoji animado relevante.

reações no facebookO Facebook mantém suas micro-interações, oferecendo uma experiência íntima ao usuário

As micro interações existem para injetar um site com alguma personalidade. As micro-interações criam um ponto de contato humano que faz com que seus visitantes sintam que estão se comunicando com seu site.

As microinterações podem assumir várias formas – clicar, pairar, rolar etc. – e são importantes na construção de um relacionamento com os usuários. Eles podem não ser adequados para empresas sérias, mas a maioria dos sites pode se beneficiar de uma pequena interação.

Brutalismo

Se você pensou que não’Para aprender sobre arquitetura neste guia, nós’tenho medo de você’tristemente enganado. O web design brutalista se inspira na construção de edifícios do meio do século XX e, embora muitas pessoas o considerem feio, ele simplesmente funciona.

A grife espanhola Balenciaga foi uma das primeiras grandes empresas a adotar um site brutalista em 2016. E, assim como suas tendências sazonais, o brutalismo rapidamente percebeu.

página inicial balenciagaBalenciaga’A página inicial sem frescuras da s é incrivelmente reduzida, mas altamente eficaz.

O brutalismo deriva da palavra francesa ‘brut’, significado ‘cru’, e oferece uma abordagem básica, arrojada e impressionante ao design da web. isto’não é para todos, mas aqueles que querem atrapalhar seu setor certamente vão querer tomar nota.

Suporte para Chatbot

Aqui’é uma estatística para você: as empresas gastam quase US $ 1,3 trilhão a cada ano em solicitações de atendimento ao cliente. isto’s estimou que os chatbots poderiam reduzir isso em 30%.

Longe vão os dias em que os chatbots eram meros truques – agora, eles’está se tornando cada vez mais essencial para os serviços voltados para o cliente.

Os principais atrativos dos chatbots são a eficiência de tempo e a relação custo-benefício. Eles trabalham 24/7, o que libera seu tempo para lidar com outros assuntos. Eles também economizam as despesas de contratação de pessoal para trabalhar como representantes de atendimento ao cliente.

Claro, os chatbots não são’perfeito, mas sua inteligência emocional e capacidade de fornecer suporte personalizado estão melhorando a cada dia. Lá’nunca houve um momento melhor para instalar um.

3

Escolha sua plataforma

A primeira coisa que vem à mente quando você pensa em web design de qualidade é uma agência profissional, certo? E, embora as principais empresas façam um ótimo trabalho, elas podem ser extremamente caras.

Felizmente, há outra maneira: construtores de sites e plataformas de comércio eletrônico. Estas são ferramentas on-line DIY que permitem criar e projetar seu próprio site – sem a necessidade de conhecer uma única linha de código!

Naturalmente, existem inúmeras opções por aí – de qualidade variável – mas nós’Colocamos o trabalho braçal e pesquisamos o melhor do mercado. Através de uma combinação de pesquisa especializada e testes completos, agora podemos revelar as melhores opções para projetar seu próprio site.

10 melhores construtores de sites – Explore o melhor do mercado.

Gráfico de comparação do construtor de sites – Dê uma olhada lado a lado para comparar as principais áreas.

7 melhores plataformas de comércio eletrônico – Confira nossas mini avaliações de cada.

Gráfico de comparação de plataformas de comércio eletrônico – Identifique facilmente qual plataforma funciona para você.

Abaixo, nós’Analisarei as três principais opções para sites regulares e lojas online. Primeiro, porém, deixe’s abordam o elefante na sala: WordPress.

E o WordPress?

O WordPress.org é um CMS (sistema de gerenciamento de conteúdo) auto-hospedado, mas tudo o que você realmente precisa saber é que’é a plataforma mais popular para projetar um site.

O WordPress oferece controle total sobre a aparência do seu site e é tecnicamente gratuito. Dizemos isso porque, para divulgar seu site, você’na verdade, você precisará pagar por hospedagem na web, segurança, nome de domínio e quaisquer plugins ou temas adicionais necessários.

O maior problema com o WordPress, porém, é que ele’não é realmente adequado para o Joe médio. A não ser que tu’sente-se à vontade com o código – ou tem orçamento para contratar um desenvolvedor profissional – o WordPress será quase impossível de usar.

Por esse motivo, nós’d recomende que as pessoas que estão criando seu próprio site atendam aos criadores de sites e plataformas de comércio eletrônico.

Revisão do WordPress.org – Aprenda mais sobre o mundo’plataforma mais popular.

WordPress.com vs WordPress.org – Descubra a diferença entre os dois.

Criando sites: construtores de sites

A não ser que tu’Com o objetivo de vender on-line, os criadores de sites são a maneira mais eficaz de os especialistas em tecnologia não criarem seu próprio site. Se uma loja online é o que você’depois, pule para a seção de plataformas de comércio eletrônico.

De nossa pesquisa especializada, nós’Conseguimos estabelecer os 10 melhores criadores de sites disponíveis para você hoje. Todos atendem a diferentes necessidades, mas para uma visão geral, dê uma olhada na nossa escala de qualidade abaixo:

Escala de qualidade do construtor de sites

Wix

Prós Wix Contras Wix
Editor altamente intuitivo e fácil de usar pode’t alternar modelos depois que seu site entrar no ar
Ótimo valor ao dinheiro Pode ser necessário gastar mais com aplicativos de terceiros para dimensionar seu site
Recursos fortes de ajuda e suporte A simples escolha e quantidade de opções personalizáveis ​​podem ser impressionantes
O construtor que nossos usuários provavelmente recomendariam

Wix é geralmente considerado o melhor construtor de sites do mercado. É fácil de usar o editor de arrastar e soltar oferece controle total do criativo, permitindo adicionar todo o seu conteúdo e posicioná-lo onde achar melhor.

Lá’Também é possível escolher entre 510 modelos criados por profissionais, vários recursos incríveis que vêm embutidos e uma enorme loja de aplicativos onde você pode instalar quaisquer extras que precisar.

Testando a plataforma minuciosamente, podemos confirmar que o Wix faz jus ao hype. Veja nossas pontuações finais da pesquisa e veja por si mesmo:

Também organizamos pessoas comuns, como você, para se sentar com o Wix e tentar criar seu próprio site. Esses voluntários ficaram impressionados com a rapidez e facilidade de uso do Wix, bem como a grande variedade de recursos em exibição. Aqui’é o que eles tinham a dizer:

“Fiquei genuinamente surpreso por ter sido tão rápido [ao criar um site]. eu não’acho que tudo seria feito em uma hora.”

“Gosto do menu lateral, onde você pode adicionar imagens e aplicativos, etc. porque era simples e fácil de navegar.”

Revisão Wix – Leia mais sobre o Wix em nossa análise detalhada.

Como usar o Wix – Um guia passo a passo para iniciantes.

Wix Editor vs Wix ADI – Aprenda sobre as diferentes maneiras de criar um site Wix.

Squarespace

Squarespace Prós Squarespace Contras
Modelos de melhor qualidade em termos de design e flexibilidade Número limitado de planos de preços
Os melhores recursos de qualidade de qualquer construtor do mercado Não é totalmente amigável para iniciantes
Controle de personalização completo sem a necessidade de codificação

Squarespace é um construtor de sites que exala classe, e vem com uma sensação brilhante e premium.

Squarespace se orgulha de seus modelos. Seus designs de ponta os tornam perfeitos para qualquer pessoa em um campo criativo, como fotógrafos, artistas ou designers gráficos.

O Squarespace também vem com uma variedade de recursos de qualidade. Aqui você pode ver como foi pontuado em nossa pesquisa para todas as principais categorias:

O Squarespace também se mostrou um sucesso real com nossos usuários. Aqui’s apenas alguns de seus pensamentos:

“Meu site parece realmente limpo e fresco. Eu acho que muito disso se deve a quão bem o modelo que escolhi foi projetado.”

“isto’É um enorme desafio criar um site sozinho, a menos que você’como designer, o fato de os modelos terem recursos específicos do setor é um grande benefício. Eu’eu digo isso’s um dos fatores mais importantes [ao criar um site].”

Revisão do Squarespace – Descubra por que o Squarespace é um sonho para criativos.

Como usar o Squarespace – Nosso manual simples para usar o Squarespace.

Revisão de Preços Squarespace – Quais planos oferecem valor real ao dinheiro?

Weebly

Weebly Pros Weebly Contras
Melhor para pequenas empresas, com todas as ferramentas básicas necessárias para criar um ótimo site de negócios A personalização de arrastar e soltar é limitada – a menos que você’está confiante com o código
Modelos personalizáveis ​​legais Nenhuma opção de restauração pessoal; portanto, se seu site for desativado, você’depende totalmente da equipe de suporte do Weebly
Guias de SEO realmente úteis em Weebly’s centro de ajuda e suporte Nenhuma opção ADI (abreviação de Artificial Design Intelligence, é aqui que um construtor de sites usa as informações fornecidas para criar automaticamente um site para você)

O Weebly é comercializado como um construtor de sites para todos, mas, na verdade, especializada em sites de pequenas empresas. Ele tem uma grande variedade de modelos para escolher e um editor de arrastar e soltar que’é muito fácil de entender.

O Weebly realmente se destaca quando você começa a analisar seus recursos -’s centenas para escolher, e a maioria deles é brilhante! Para um olhar mais atento sobre onde Weebly’s pontos fortes mentem, dê uma olhada em nossa pontuação:

Nossos usuários que testaram o Weebly realmente gostaram de como isso os ajudou a estruturar seu site e como mostrou a eles que alguém realmente pode criar seu próprio site:

“Eu acho que o Weebly’Os modelos de s são uma boa maneira de apresentar a estrutura e a apresentação de um site.”

“No geral, foi realmente fácil de usar e meio que desmascara o mito de que’é muito, muito difícil [construir um site].”

Revisão do Weebly – Tudo o que você precisa saber sobre o Weebly.

Como usar o Weebly – 7 etapas para colocar seu site no Weebly on-line.

Squarespace vs Wix vs Weixly – A comparação final.

Criando sites: plataformas de comércio eletrônico

As plataformas de comércio eletrônico funcionam de maneira muito semelhante aos criadores de sites, mas eles’foi projetado especificamente para ajudá-lo a configurar uma loja online. Alguns são criados especificamente para o comércio eletrônico, enquanto outros (como o Wix) são criadores de sites com funcionalidades de comércio eletrônico.

Escala de qualidade das plataformas de comércio eletrônico

Shopify

Shopify Prós Shopify Contras
Venda em vários canais, incluindo Facebook, Instagram, Amazon e eBay Você precisa criar sua fachada entre o editor e o painel, o que significa que você’vou ter que mexer entre os dois
Sistema de inventário brilhante que ajuda você a gerenciar sua loja Única plataforma para aplicar sua própria taxa de transação com o Shopify Payments
Ficou em primeiro lugar em nossa pesquisa sobre recursos de vendas e pontuação de clientes Conteúdo não’t reformatar automaticamente se você alternar para um tema diferente

Shopify fica de cabeça e ombros acima de seus pares como a melhor plataforma de comércio eletrônico. Ele tem uma variedade de temas, todos projetados com seus produtos em mente, e mais recursos de vendas do que você pode.

Onde o Shopify realmente se destaca, no entanto, está fora do seu site. A plataforma permite ampliar sua loja online’s alcance tocando em diferentes canais e vendendo em vários mercados e redes de mídia social.

Aqui você pode ver como o Shopify se saiu em nossos testes de plataforma de comércio eletrônico:

página inicial do shopifyO Shopify fornece uma inclinação suave para criar seu próprio site de comércio eletrônico.

O Shopify é um pouco diferente dos criadores de sites, pois você trabalha predominantemente a partir de um painel, em vez de um editor.

Como há muito mais a considerar nas lojas on-line – como marketing, inventário e remessa -, faz sentido que você tenha um hub para gerenciar tudo, inclusive o site’s design.

Revisão do Shopify – Entenda o poder do Shopify e o que ele pode fazer pelo seu negócio.

Como funciona o Shopify? – Nosso guia de 9 etapas cobre todos os conceitos básicos.

Revisão de preços do Shopify – O Shopify vale o investimento?

Wix eCommerce

Prós do Wix eCommerce Contras do Wix eCommerce
Projetos atraentes – adicione vídeos de produtos para oferecer aos clientes uma melhor experiência de compra Nenhuma integração de mídia social – não’não deixe você vender em vários canais, como Facebook, Instagram e Pinterest
Ferramentas avançadas de comércio eletrônico, incluindo recuperação de carrinho abandonado para capturar clientes que deixaram itens no caixa Muita liberdade criativa, o que pode atrapalhar as práticas recomendadas de design de comércio eletrônico
Sites multilíngues – amplie seus negócios globalmente, criando vários sites para diferentes países

“Mas refúgio’você já cobriu o Wix?” Bem, sim – mas construir uma loja online com o Wix é outro jogo de bola!

Embora o Wix possa’rivalize com o Shopify ao criar um ‘puro’ loja online,’é perfeito para pessoas que querem apenas ter uma seção de loja em seu site.

Quem vende produtos ao lado pode se beneficiar do Wix. Se vocês’em uma banda, por exemplo, o principal objetivo do seu site provavelmente será fornecer aos fãs informações sobre a turnê e receber reservas para shows.

No entanto, você também pode vender mercadorias, como tops de turnê, álbuns e instrumentos de marca. O Wix facilita a criação de uma loja on-line desde o início ou a adição de uma seção na loja mais adiante.

página inicial de comércio eletrônico wixO Wix fornece designs de modelos atraentes para realmente mostrar seus produtos e atrair o cliente’olho de s

Aqui estão o Wix’s pontuações específicas de comércio eletrônico de nossa pesquisa:

A Squarespace e o Weebly também oferecem planos de preços de lojas on-line. Portanto, se você deseja apenas a opção de vender on-line,’vale a pena dar uma olhada.

Revisão do Wix eCommerce – Descubra por que o Wix é o melhor construtor de sites para comércio eletrônico.

Wix vs Shopify – Saiba mais sobre a diferença entre as duas plataformas.

BigCommerce

BigCommerce Prós BigCommerce Contras
Plataforma de comércio eletrônico mais escalável Difícil para iniciantes de comércio eletrônico se familiarizarem com
Mais recursos integrados do que qualquer concorrente Nenhum aplicativo móvel para gerenciar sua loja onde você estiver
Permite vender em vários canais, incluindo Facebook, Instagram e Pinterest
Ferramentas de SEO fantásticas

Entre o Shopify e o Wix, o BigCommerce é muito mais parecido com o anterior. isto’s projetados exclusivamente para venda on-line e é amplamente considerada como uma das melhores plataformas para criar uma loja on-line com.

Uma coisa que o BigCommerce tem sobre o Shopify é a quantidade de recursos integrados que possui. Com o Shopify, você pode acabar gastando muito mais do que apenas a taxa mensal padrão para instalar vários aplicativos – muitos dos quais são gratuitos para usar com o BigCommerce.

Por outro lado, o BigCommerce é sem dúvida mais difícil de usar do que o Shopify. Alguns dos termos utilizados são bastante técnicos e o design real do seu site pode se tornar bastante complexo – o que significa’não é exatamente uma plataforma para iniciantes.

página inicial do bigcommerceBigCommerce é um poderoso construtor de lojas on-line com toneladas de ferramentas integradas

Ainda assim, o BigCommerce mais do que se sustentou através de nossos testes de pesquisa:

Nós’d ver o BigCommerce como uma plataforma para aqueles que são mais tecnicamente qualificados e preocupados com o orçamento. isto’é realmente projetado para PMEs, portanto, qualquer pessoa que queira vender alguns produtos por mês será melhor com um criador de sites com funcionalidade de comércio eletrônico.

Apenas um alerta, o BigCommerce atualmente oferece até três meses grátis quando você se inscreve em um novo plano! Acesse o site da BigCommerce para ver esta oferta ao vivo.

Revisão do BigCommerce – 7 coisas cruciais a saber antes de usar o BigCommerce.

BigCommerce vs Shopify – Leia nossa comparação enquanto esses dois titãs se chocam.

Revisão de preços do BigCommerce – O BigCommerce é a plataforma de comércio eletrônico mais valorizada?

4

Selecione um modelo / tema

Agora você’fique claro no seu site’Se você tiver um objetivo, informado sobre as últimas tendências de design da web e tiver uma plataforma em mente, deve ter uma idéia muito melhor do que precisa de um modelo.

Um modelo, às vezes chamado de tema, é o layout do seu site. Pense em um modelo como a estrutura da sua casa – ele forma sua aparência básica, antes de preenchê-lo com todos os seus pertences.

A maioria das plataformas oferece vários modelos para você escolher, que vêm pré-preenchidos com exemplos de conteúdo.

Os modelos geralmente são divididos em categorias do setor, tornando super simples analisá-los e encontrar aqueles que são relevantes para você. Cada categoria terá modelos com recursos internos relevantes para esse setor, economizando tempo e esforço para adicioná-los posteriormente.

modelos de café wixO Wix possui 510 modelos criados por profissionais, divididos em 15 categorias principais

Por exemplo, se você quiser um site para sua nova cafeteria, poderá navegar pelos modelos listados em ‘cafeteria’. A maioria deles já terá um formulário de contato, página de menu e detalhes de contato incorporados ao modelo, pois estão todos relacionados ao que um site de café exigiria.

Todos os modelos podem ser visualizados antes de começar a editar, para que você possa ter uma ideia clara da aparência – e, mais importante, se ela se adapta às suas necessidades.

modelo de casa de café wix

Seguindo o exemplo de uma cafeteria,’vale a pena conferir o que outros cafés estão fazendo.

Pesquisas sugerem que os usuários do site encontram informações mais rapidamente rolando, em vez de folhear páginas diferentes. Portanto, se seu site precisar apenas de algumas informações básicas, pode valer a pena considerar um modelo de uma página.

3 critérios simples para ajudar você a escolher o design do seu site

Revisão de modelos Wix – Aprenda o que realmente pensamos do Wix’modelos de s.

Revisão dos modelos Squarespace – Quão bom é o Squarespace’s design?

5

Decida sua marca

Chegou a hora de começar a projetar seu site! Agora deixe’s colocar o que nós’aprendi na prática.

Ao criar seu site, pense em como tudo o que você faz se relaciona com a sua marca geral. Tudo, desde o esquema de cores até o estilo da fonte e as imagens, é importante para dizer à sua marca’s história. isto’s importantes eles’todos estão enviando a mesma mensagem.

Esquema de cores

Cor é uma marca’s maiores ferramentas de comunicação. De fato, de acordo com o Color Matters, uma cor de assinatura pode aumentar o reconhecimento da marca em 80%.

Lá’muita psicologia por trás das pessoas’s percepção da cor, por isso’é importante entender como’s usados ​​em relação ao seu setor. Para ajudá-lo, aqui’s um infográfico nós’reunimos para ajudar a explicar o que as diferentes cores significam e como elas’re usado.

Infográfico de personalidade de cor pelo especialista em criadores de sites

A maioria das marcas tem uma cor dominante, depois duas ou três cores secundárias. Azul é a cor mais popular, com um terço das 100 principais marcas usando-a em seu logotipo.

Se você deseja que seu site esteja de acordo com as tendências modernas, cores vibrantes são o caminho a percorrer. Os especialistas em cores, Pantone, votaram recentemente ‘Living Coral’ como cor do ano para 2019:

cor pantone do anoFonte: Pantone Como escolher uma cor para o seu site

Como fazer um logotipo – Os 4 melhores criadores de logo online.

Estilo de fonte

Semelhante à cor, a fonte que você escolhe tem um grande impacto no que as pessoas pensam sobre o seu site. O usuário médio do site lerá cerca de 20% do texto em qualquer página, portanto,’é crucial atraí-los com uma vibe apropriada.

Naturalmente, as empresas de colarinho branco vão querer usar estilos clássicos de fonte. Fontes como Arial e Helvetica são sinônimos de profissionalismo e, portanto, fazem sentido ao discutir assuntos sérios.

Uma marca mais divertida ou divertida, no entanto, pode querer explorar fontes mais abstratas. isto’é importante encontrar um equilíbrio entre interessante e legível – a última coisa que você quer fazer é alienar seus leitores.

versatilidade de fontesisto’É importante escolher uma fonte legível, versátil e integrada à marca.

Como regra geral, você deve evitar o uso da fonte Comic Sans. Ou seja, a menos que você’re planejando uma festa de aniversário infantil!

Interessado em ler em profundidade sobre como usar diferentes estilos de fonte? Confira nosso guia em como escolher o melhor estilo de fonte para o seu site.

Imagens

As imagens são como transformar um site modesto em um banquete visual.

O conteúdo visual é útil para aumentar o número de cliques e engajamento, mas em um nível mais básico, as imagens simplesmente ficam na mente. De acordo com um estudo, se ouvimos uma informação, nós’Só lembrarei de 10% – mas se você adicionar uma foto, poderá’vou lembrar um incrível 65%.

Dito isto, tome cuidado para não sobrecarregar seu site com imagens. Muitas imagens de alta qualidade podem parecer ótimas, mas podem tornar o site mais lento. Os usuários da Web são impacientes e votarão nos teclados se o site não’t carregar rapidamente.

Ajuda de imagem:

Onde encontrar imagens profissionais para o seu site

Editores de imagem gratuitos que recomendamos

6

Adicione e otimize seu conteúdo

Portanto, agora você sabe o que deseja adicionar ao seu site, e precisa pensar em duas coisas: posicionamento e otimização.

Posicionamento refere-se a onde seu conteúdo fica em cada página e como ele’está definido. Enquanto isso, a otimização é o processo de ajustar o conteúdo para ajudá-lo a ter uma classificação mais alta nos mecanismos de pesquisa, como Google ou Bing.

Abaixo, nós’discutiremos os aspectos técnicos de ambos e explicaremos por que eles’re importante.

Posicionamento

A pesquisa em padrões de leitura nos ensina que as pessoas geralmente consomem conteúdo em um ‘F’ formato. Em termos simples, isso significa que os usuários do site digitalizarão uma página em uma forma semelhante a um F.

Essa foto foi tirada de um estudo da Neilson, onde o grupo acompanhou o movimento dos olhos dos leitores em uma página da web.

conteúdo neilson atraenteUm exemplo clássico de como as pessoas leem informações em um ‘F’ padronizar.

É por isso que as barras de navegação nos sites quase sempre são exibidas na parte superior da página. isto’é a primeira coisa que as pessoas atraem quando chegam ao site.

isto’É uma boa prática exibir o seu conteúdo com isso em mente, para que o maior número possível de pessoas veja as coisas importantes.

Otimização

A otimização do mecanismo de pesquisa (SEO) é quando você faz alterações no seu site para aumentar a qualidade ou a quantidade de pessoas que chegam às suas páginas. Pense em SEO assim:

Se você possui um carro de corrida, o objetivo é vencer uma corrida. Você pode ter o carro de aparência mais extravagante, mas’é o que’s sob o capô que’vai fazer a diferença.

Ao fazer ajustes no motor, substituir os pneus ou clarear o chassi, o que você deseja’O que você está fazendo é otimizar seu carro. Pode parecer o mesmo, mas agora você tem uma chance muito maior de ganhar a corrida!

SEO é o mesmo. Seu site pode não parecer diferente, mas fazer ajustes no conteúdo, nas imagens e na capacidade de resposta pode ter um enorme efeito sobre a classificação em um mecanismo de pesquisa’s resultados.

Aqui estão apenas algumas das coisas mais importantes que você pode fazer ao criar um site otimizado:

Metadados

Além do conteúdo real, os títulos e as descrições das páginas – conhecidos como metadados – são a maneira mais fácil de informar ao Google qual é o seu site.’é tudo sobre. Os metadados aparecem nos resultados da pesquisa e permitem que os usuários descubram quais’s na sua página antes de clicar nela.

Exemplo de metadadosA maioria das pessoas está familiarizada com o Google’s resultados de pesquisa e como os sites são apresentados.

Compactação de imagem

As imagens geralmente são arquivos muito grandes. Isso significa que ter muitas imagens pode diminuir a velocidade do seu site, fazendo com que as pessoas fiquem impacientes e o deixem antes dele’s totalmente carregado. Isso é conhecido como ‘saltando’ fora da página.

Para colocar isso em algum contexto:

As páginas da Web com um tempo de carregamento de dois segundos ou menos têm uma taxa de rejeição de 9%, em comparação com aquelas que demoram cinco segundos, com uma taxa de rejeição de 38%.

Fonte: Unbounce

Então, o que você pode fazer sobre isso? Por que a compressão de imagem, é claro!

Existem inúmeras ferramentas de compactação online gratuitas que reduzirão o número de pixels em suas imagens. E enquanto’É importante não distorcer a qualidade das imagens. A compactação de imagens pode ter um grande impacto nas velocidades de carregamento da página.

Texto alternativo da imagem

Além da compactação de imagens, outra parte importante do SEO é informar ao Google o que uma imagem representa. Ao contrário do texto, os mecanismos de pesquisa podem’t ‘ler’ imagens, portanto, ao adicionar texto alternativo a uma imagem, você efetivamente os ajuda a entender o que está sendo representado.

squarespace image alt textO Squarespace facilita a adição de texto alternativo às imagens

O texto alternativo não’não apareça diretamente no seu site – ele’é adicionado quando você’re edição – para que você não’não precisa se preocupar muito em torná-lo o seu trabalho mais inspirador (desde que’s representante da imagem.)

Revisão Squarespace SEO – Como classificar altamente com Squarespace.

Capacidade de resposta móvel

Este é um grande problema. Em 2018, 58% de toda a navegação na Internet ocorreu em dispositivos móveis. que’s por que o Google favorece sites com formato adequado no celular. Se o seu não’você’tenho um problema sério.

Atualmente, a maioria dos modelos responde a dispositivos móveis e reformata automaticamente seu conteúdo para se ajustar a vários tamanhos de tela. No entanto, vale a pena pensar se você deseja que algo apareça de maneira diferente para os usuários móveis.

Pregar isso melhorará seus usuários’ experimente e ganhe alguns sérios pontos de brownie de SEO.

Ligação interna

O link interno é onde você direciona os usuários para outra página da web em seu site por meio de um hiperlink. Isso geralmente é feito quando você menciona algo sobre o qual tem conteúdo relacionado. Isso informa ao Google e à empresa. que você é uma autoridade no assunto, já que possui vários artigos sobre o assunto.

‘COMER’ significa Especialização, Autoridade e Confiabilidade. Ao escrever em profundidade sobre um assunto e vincular internamente a mais conteúdo relacionado a ele, você está mostrando aos mecanismos de pesquisa que você realmente conhece suas coisas, o que por sua vez deve ajudá-lo a ter uma classificação alta.

Use Nossos guias de SEO para se tornar um especialista em otimização!

Arquitetura do site

Texto âncora

Backlinks

7

Publique seu site

Neste ponto, vamos’s faça uma rápida recapitulação do que você deveria ter feito até agora:

  • Estabeleceu seu site’s propósito
  • Pesquisou as últimas tendências de web design e fez algumas análises dos concorrentes
  • Instalado em uma plataforma e um tema para criar seu site com
  • Decidiu sobre a sua marca (esquema de cores, estilo da fonte etc.)
  • Criou seu site e otimizou seu conteúdo

Agora’É hora de verificar se tudo funciona antes de você ir ao ar!

Peça à sua família, amigos e colegas para testar o site no modo de visualização (todos os criadores de sites e plataformas de comércio eletrônico terão isso) e verifique se encontram algo errado. Você pode até pedir aos membros do público em geral para testá-lo também e oferecer seus pensamentos.

Algumas coisas comuns que você deseja verificar são:

  • Todos os seus links funcionam corretamente e direcionam os usuários para a página certa
  • Todo o seu conteúdo é legível e fácil de encontrar
  • Você nunca está a mais de três cliques da página inicial
  • Seu site tem uma ótima aparência em computadores, dispositivos móveis e tablets
  • As velocidades de carregamento não ultrapassam 5 segundos em qualquer página (use um testador de velocidade do site gratuito para verificar isso)

Para mais detalhes, você pode encontrar várias listas de verificação do UX (experiência do usuário) online. isto’É importante ser o mais completo possível antes de ir ao ar. Pense nisso como um restaurante’s noite de abertura:

O interior, o cardápio, os chefs e o entretenimento do restaurante podem estar no local, mas se você’com poucos funcionários, isso deixará uma primeira impressão ruim em muitos clientes – algo que’difícil de recuperar.

Sempre reserve um tempo para verificar corretamente seu site antes de ele ser lançado – as primeiras impressões contam. Depois disso, você’pronto: publique seu site e envie-o para o mundo on-line!

8

Analisar e melhorar

Parabéns! Vocês’agora é o orgulhoso proprietário de um site ao vivo. Você pode relaxar e relaxar agora, certo? Bem, não é bem assim.

isto’É importante acompanhar o desempenho do seu site. Sem querer parecer um personal trainer insistente, você precisa continuar trabalhando e melhorando!

A maioria das plataformas possui análises internas próprias ou, pelo menos, um aplicativo que você pode instalar. Como alternativa, você pode conectar seu site ao Google Analytics, para acompanhar coisas como:

  • Quantas visualizações de página você’estou recebendo
  • A quantidade de tempo que os usuários gastam em cada página
  • Qual é a sua taxa de rejeição
  • Taxa de conversão (para comércio eletrônico)

Essas estatísticas, conhecidas como métricas comportamentais, ajudam a dar uma idéia de quais páginas da Web precisam de alguma atenção. Eles também ajudam a identificar onde você precisa melhorar seu SEO.

análise do shopifyShopify’O painel de análise da s é o lar de todas as informações de dados.

A verdade é que um web designer’O trabalho de S nunca é realmente realizado. Se você apenas se sentar e admirar seu trabalho, outros o ultrapassarão.

Nós’não está sugerindo que você precise fazer alterações a cada minuto, mas mantendo-se no topo do seu site’s o desempenho e as mudanças nas tendências de web design irão percorrer um longo caminho.

Resumo: Como criar um site

E… Aí está. Vocês’agora você está armado com o essencial para criar um site. Deixei’s olhar para essas etapas mais uma vez.

Criando sites: as 8 etapas

  • Defina seu site’s Objetivo e estratégia
  • Pesquise as últimas tendências de design para web
  • Escolha sua plataforma
  • Selecione um modelo e comece a personalizar
  • Decida sua marca
  • Adicione e otimize seu conteúdo
  • Publique seu site
  • Analisar e melhorar

Marque este guia como manual de design do seu site. Dessa forma, você sempre pode revisitá-lo se quiser’não tem certeza sobre as melhores práticas ou o design básico ‘Faz’s’ e ‘não’ts’.

Lembre-se: mantenha um olho artístico em seus concorrentes e não’Não tenha medo de aprender com os melhores. Siga as etapas do nosso guia e você’tornará o design sem graça em uma navegação agradável em pouco tempo.

Ah, e se você ficar preso, deixe um comentário abaixo – nós’tentarei ajudá-lo da melhor maneira possível!

A verdade é que um web designer’O trabalho de S nunca é realmente realizado. Se você apenas se sentar e admirar seu trabalho, outros o ultrapassarão.

Nós’não está sugerindo que você precise fazer alterações a cada minuto, mas mantendo-se no topo do seu site’s o desempenho e as mudanças nas tendências de web design irão percorrer um longo caminho.

Perguntas frequentes

Quanto custa criar um site?

Muitos construtores de sites oferecem planos gratuitos. Dito isto, ainda lhe custará um pouco se você’fala sério sobre o seu site. Por exemplo, um nome de domínio custa entre US $ 10 e 15 / ano. Se vocês’com um orçamento apertado, nós’recomendo usar um plano de criação de sites barato, que custa entre US $ 5 e 15 / mês.

Devo contratar um web designer ou fazê-lo sozinho?

Na verdade, tudo se resume a três coisas: seu nível de habilidade, seu orçamento e seus requisitos. A maioria das pessoas pode criar um site em uma plataforma de bricolage por quase nada sem muito trabalho, mas se seu site for complexo,’s melhor procurar um profissional’s ajuda. Se isso’s você, por que não confira Hibu?

Qual é a melhor plataforma para criar um site em?

De nossa pesquisa independente, o Wix saiu como o melhor construtor de sites DIY a ser usado. isto’é ideal para sites pessoais, pequenas empresas e aqueles que desejam vender alguns produtos online. Enquanto isso, o Shopify é a melhor plataforma para sites de comércio eletrônico completos, com uma variedade impressionante de temas e recursos.

Devo usar o WordPress ou um construtor de sites?

Novamente,’é uma questão de sua capacidade técnica. O WordPress é mais avançado e criativo do que o construtor de sites, mas você’Você precisará de um sólido conhecimento de codificação para criar um site. Vocês’Também precisamos pensar em hospedagem e segurança na web. Os criadores de sites são a opção mais simples e fácil para iniciantes.

Como você pode ganhar dinheiro com um site?

Desde coisas simples, como a venda de produtos, a conceitos mais avançados, como geração de leads, qualquer pessoa pode ganhar dinheiro online atualmente. Para ler sobre as diferentes maneiras de obter lucro, consulte nosso guia sobre as 8 maneiras de ganhar dinheiro com um site.

O Website Builder Expert visa fornecer dados honestos. que’s por que realizamos nossa própria pesquisa e obtemos informações pessoais diretas. Clique aqui para mais informações.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map