Supermetas
  • Home
  • Sobre o Autor
  • Nosso Papo
  • Blog
  • Contato
12/03/2020 por Klayton Georgio
Webdesign

6 coisas a se fazer no design de um site

6 coisas a se fazer no design de um site
12/03/2020 por Klayton Georgio
Webdesign

Às vezes, apenas aplicar os princípios do design e ficar atento a aparência da sua página pode não ser o suficiente para causar o engajamento do seu público e conquistar os tão desejados clientes. Aí você pode estar se perguntando como proceder então, certo? Calma que agora vou te dar 6 dicas para elaborar um layout de primeira página que converta mais. Vamos lá!

1. Adicione Botões de Ação no Cabeçalho

Não sei se cheguei a mencionar a nomenclatura de alguns elementos de design de site aqui, mas os botões de ação, ou “Call to Actions”, são ótimos para atrair a atenção do seu público para alguma interação que você deseja que ele execute.

Logo na primeira página do Supermetas você vê dois botões de ação: um explicando quem eu sou e outro apontando para o formulário de contato. Minha intenção com eles foi promover a interação imediata com meu público.

Uma sugestão que eu dou é: capriche no cabeçalho, mas fique atento ao seu público. Você pode colocar um slide com um convite para as informações mais importantes do seu site ou colocar apenas uma imagem com algum texto, como é o Supermetas. O primeiro caso é mais indicado para o usuário que for navegar com calma na página e o segundo para o usuário que deseja acessar informações de forma mais rápida.

2. Evite colocar links de redes sociais no topo do site

Não digo que seja totalmente errado fazer isso, mas a premissa de um site é fazer seu cliente consumir seu produto ou serviço no seu espaço. As redes sociais são indicadas para gerar relacionamento com potenciais clientes e atraí-los para sua página.

O melhor lugar para colocar suas redes sociais é no rodapé. Assim, seus usuários podem consumir seu conteúdo sem distrações.

3. Priorize os benefícios do seu serviço e/ou produto não as características

Falar sobreas características do que você quer vender é importante, mas falar sobre os benefícios é falar a língua do usuário, afinal, ele está na sua página para solucionar algum problema. Se você focar nas características, pode esquecer de provocar a emoção “era isso que eu procurava” no seu usuário. E tenho certeza de que você não quer isso!

Por exemplo, se você for vender um computador é interessante informar as características dele, por exemplo, “essa é uma máquina com o processador Core I7, 16gb de memória RAM, 1TB de HD” e outros detalhes técnicos.

No entanto, você pode convencer melhor dizendo: “este aparelho pode executar tarefas de forma mais eficiente e rápida, sem travamentos, além de armazenar uma infinidade de arquivos”.

Sentiu a diferença? Então coloque sempre as duas formas, mas não esqueça de caprichar na parte de descrição dos benefícios.

4. Mantenha a sobriedade da sua marca

Aqui o que quero dizer é para aplicar algumas técnicas de design que já mencionei aqui, principalmente o da repetição. O da repetição no sentido de explorar as cores e fontes da sua identidade visual.

A recomendação é usar até 4 cores para os elementos de layout da sua página, como em boxes, campos destacados, links e ícones. Isso vai manter a consistência da sua marca.

Quanto as fontes, uma coisa que gosto de fazer é utilizar uma fonte com algumas variações de peso. Por exemplo: para o design do Supermetas eu utilizo a Muli. Essa é uma fonte fornecida pelo Google Fonts e tem variações do light até o black. O contraste proporcionado pela aplicação de fontes de pesos diferentes dá uma aparência muito elegante à página.

5. Tenha um campo de captação de leads

Forneça materiais e informações extras para quem se inscrever no seu mailing. Usar o e-mail nunca saiu de moda, afinal, com ele que podemos nos cadastrar em diversos serviços na internet e ficar por dentro de novidades importantes dos nossos serviços prediletos.

6. Teste o desempenho do seu site no smartphone

Você está fazendo seu site e ele está estonteante pelo computador. Mas e pelo celular? Não deixe de averiguar como está a diagramação nos dispositivos móveis. Lembre-se que hoje 70% dos brasileiros já têm acesso à internet e destes, 97% também usam o smartphone como canal de acesso principal. Então, verifique a experiência de navegação do seu site nestes aparelhos também para cobrir todas as áreas.

E aí? Gostou dessas dicas? Deixa um comentário aqui ou nas minhas redes sociais.

Até mais! 😉

Compartilhe isso:

  • Clique para compartilhar no Twitter(abre em nova janela)
  • Clique para compartilhar no Facebook(abre em nova janela)
  • Clique para compartilhar no LinkedIn(abre em nova janela)
  • Clique para compartilhar no Tumblr(abre em nova janela)
  • Clique para compartilhar no WhatsApp(abre em nova janela)
  • Clique para compartilhar no Pinterest(abre em nova janela)
  • Clique para enviar por e-mail a um amigo(abre em nova janela)

Design centrado no usuário Design de Interface UI usabilidade User Experience User Interface UX Design

Artigo anteriorOs princípios básicos do Designprincípios básicos do designPróximo artigo Estrutura básica de uma página: HTML, CSS e JSImagem com teclas HTML
Klayton Georgio(https://supermetas.com.br)
Olá! Meu nome é Klayton Georgio, tenho 31 anos, sou formado em Comunicação Social, com habilitação para Jornalismo. Tenho conhecimento e prática em WebDesign, além de ser especialista em Design Digital. Já trabalhei em agências de publicidade da Região dos Lagos, no Rio de Janeiro, e hoje sou sócio na Editora Comunicação, onde sou Diretor de Arte.

Deixe uma resposta Cancelar resposta

Klayton Georgio

Assinar blog por e-mail

Digite seu endereço de e-mail para assinar este blog e receber notificações de novas publicações por e-mail.

Junte-se a 1.745 outros assinantes

Cursos que Indico

Quer desenvolver seus conhecimentos, seja você um designer, jornalista ou empreendedor? Eu me interesso muito por essas áreas e vivo fazendo cursos sobre esses temas. Se quiser conhecer alguns que eu já fiz, clique aqui e confira na barra oculta. 😉

Sobre o Projeto

O SUPERMETAS nasceu com o intuito de ajudar quem quer montar seu site na internet, mas que ainda não pode investir na contratação de um profissional. Para tanto, eu dou dicas básicas de design, registro de domínios e manutenção de hospedagem.

Recursos do Site

Hospedagem: Editora Comunicação

Plataforma: WordPress

Tema: Rife By Apollo13

Um pouco de CSS extra ^^’

Últimas Publicações

Criando um site com ferramentas gratuitas02/04/2020
O que ainda vamos falar no Supermetas?31/03/2020
3 bancos de imagens gratuitas para seus projetos online26/03/2020
Site mantido por Editora Comunicação (EdiCom)

Cursos para Iniciantes em Designer Gráfico

Separei aqui alguns cursos que eu já fiz e indico para quem está iniciando no mundo do design.

  • DG PRO
  • Profissão Criativo

Cursos de Design para Jornalistas

Aos meus colegas jornalistas também separei alguns cursos de design para nossa área

  • Diagramação para jornalistas
  • Photoshop para Jornalistas

Cursos para Empreendedores

Além de conferir o conteúdo aqui do Supermetas, você pode fazer esse curso que eu super recomendo.

  • Design Gráfico para Empresários

Cursos de Marketing Digital

Eu já fiz vários cursos do Gabriel Wohlfart sobre Mkt Digital e recomendo. O o suporte é excelente e a mensalidade é super em conta. Detalhe: você pode testar todos os planos por 7 dias!

  • Gerenciando Web Academy
loading Cancelar
Post não foi enviado - verifique os seus endereços de e-mail!
Verificação de e-mail falhou, tente novamente
Desculpe, seu blog não pode compartilhar posts por e-mail.