Mais de 20 Elementos de Design Essenciais para um Site WordPress Eficaz

Os sites mais eficazes não apenas têm uma boa aparência — eles guiam silenciosamente os visitantes para a ação.

Seja para se inscrever, fazer uma compra ou entrar em contato, um bom design facilita para os visitantes darem o próximo passo.

É menos sobre grandes orçamentos ou recursos sofisticados, e mais sobre escolhas inteligentes e focadas em objetivos.

Depois de trabalhar com centenas de sites WordPress em todos os tipos de setores, vimos o que realmente funciona.

Os sites que têm o melhor desempenho compartilham alguns elementos de design essenciais — e a boa notícia é que são coisas que qualquer proprietário de site pode implementar.

Neste guia, vamos guiá-lo por esses elementos de design essenciais para que você possa criar um site que não apenas pareça profissional, mas que realmente ajude a expandir seus negócios.

Primeiro o Essencial: Escolha a Ferramenta Certa para Projetar seu Site WordPress

Antes de abordarmos os melhores elementos de design para sites WordPress, vamos falar sobre o uso da ferramenta certa para editar seu site.

Experimentamos muitas maneiras de construir sites, desde construtores de arrastar e soltar fáceis até codificação manual quando precisamos adicionar recursos especiais. Cada método tem seus prós, dependendo do que você precisa.

Dito isso, achamos que a melhor ferramenta de design de sites WordPress é aquela que:

• Adequado às suas habilidades e ao que você quer fazer. Se você é novo nisso, então construtores de páginas de arrastar e soltar são ótimos porque são fáceis de usar e não precisam de codificação. Mas se você sabe codificar, talvez goste do controle de fazer as coisas com código.
• Possui todos os recursos que você precisa. Alguns construtores de temas, como o SeedProd, têm blocos especiais como depoimentos e contadores regressivos que podem ajudar a transformar visitantes em clientes. Outros apenas têm partes básicas de design de sites. Pense no que seu site precisa para funcionar bem.
• Funciona bem com outros softwares que você usa. Seja para marketing por e-mail ou software de design como o Figma, tudo deve funcionar em conjunto sem problemas. Isso facilita a adição de elementos de design interessantes ao seu site WordPress.
• Cabe no seu orçamento. Você não quer gastar muito em uma ferramenta com recursos que não usará. Procure algo que lhe dê o máximo pelo seu dinheiro.

Escrevemos muitas análises e listas para várias ferramentas de design de sites, incluindo construtores de sites com IA. Mas sempre voltamos ao SeedProd como nosso favorito.

Como construtor de temas, o SeedProd é fácil de usar, mas ainda tem muitos recursos. Você pode arrastar e soltar elementos onde quiser, e ele tem mais blocos e elementos do que o que vem normalmente com o WordPress.

O SeedProd tem até um recurso legal que usa IA para criar um site inteiro para você. Você apenas diz o que quer e, em menos de um minuto, você tem um novo site.

Você pode aprender mais sobre isso em nossa análise completa do SeedProd.

Se você não é fã do SeedProd, outro construtor de páginas que gostamos de usar é o Thrive Architect. Este construtor de páginas é um pouco mais avançado, mas se integra a muitas ferramentas de otimização de taxa de conversão, incluindo o Thrive Ultimatum.

Nós também gostamos de uma ferramenta chamada CSS Hero. É ótima se você estiver usando um tema clássico do WordPress, mas quiser mudar sua aparência sem codificar ou precisar de mais flexibilidade do que o desenvolvedor do tema oferece.

Você pode ler mais sobre isso em nossa análise do CSS Hero.

Claro, você sempre pode usar as ferramentas integradas do WordPress, como o editor de site completo. Esse recurso permite personalizar seu tema usando blocos, assim como escrever uma postagem ou criar uma página. Mas você pode precisar de alguns plugins de blocos Gutenberg para obter opções de design mais avançadas.

Depois de escolher a ferramenta certa, você estará pronto para projetar um site WordPress que tenha uma ótima aparência e seja fácil de usar. Aqui estão os tópicos que abordaremos, e você pode usar os links rápidos abaixo para navegar por este artigo:

Elementos Essenciais de Design de Sites WordPress

Tendo trabalhado em inúmeros sites WordPress, aprendemos que as necessidades de design podem variar muito.

No entanto, existem alguns elementos-chave que todo site deve ter, independentemente de seu nicho ou propósito. Esses componentes essenciais formam a espinha dorsal de um design eficaz de sites WordPress e contribuem para uma ótima experiência do usuário.

Nesta seção, exploraremos esses elementos de design indispensáveis para o seu site WordPress. Discutiremos vários plugins e temas que podem ajudá-lo a implementar esses recursos.

Lembre-se de que nem todas as ferramentas podem atender às suas necessidades específicas. Se você quiser testá-las sem risco, tente usar o WordPress Playground. Ele permite que você experimente diferentes elementos de design sem afetar seu site ativo.

1. Tema WordPress Responsivo

A base de qualquer ótimo design de site WordPress é um tema funcional, bonito e amigável para dispositivos móveis.

Sem ele, seu site pode ter dificuldades para oferecer uma experiência de usuário consistente em diferentes dispositivos, o que é muito prejudicial no mundo atual, focado em dispositivos móveis.

Após testar diferentes temas WordPress por anos, desenvolvemos um conjunto de critérios sobre como escolher o melhor tema WordPress para o seu site.

Primeiro, certifique-se de que o tema seja responsivo. Ele deve ter uma boa aparência e funcionar bem em todos os tamanhos de tela. Confira nosso guia sobre como visualizar a versão mobile de sites WordPress a partir do desktop para testar o tema.

Em seguida, verifique se o tema inclui todos os recursos que você precisa. Alguns temas podem ter layouts com barras laterais, alguns incluem efeitos animados e alguns podem até vir com plugins separados para funcionalidade adicional.

Além disso, escolha um tema que você possa usar a longo prazo. Alterar temas do WordPress pode ser desafiador e muitas vezes requer a reconstrução de partes do seu site. Certifique-se de que os recursos e elementos de design atendam às suas necessidades de longo prazo.

Além disso, você vai querer verificar a compatibilidade com plugins populares e construtores de páginas que você planeja usar. Por exemplo, se você planeja usar o WooCommerce para uma loja online, então você precisa garantir que o tema seja compatível com ele.

Em uma nota relacionada, certifique-se de testar seu tema do WordPress contra os padrões mais recentes. Esta etapa é muito importante para garantir que seu tema siga as regras do WordPress e os padrões modernos da web, o que pode prevenir vulnerabilidades de segurança e problemas de compatibilidade.

Você também precisa verificar o desempenho. Se possível, teste o site de demonstração do tema quanto à velocidade. Alguns temas podem vir com excesso de recursos desnecessários que deixam seu site lento.

Além disso, certifique-se de que o tema tenha boa documentação e suporte. Verifique quando o tema do WordPress foi atualizado pela última vez, pois isso pode ser crucial quando você precisar de ajuda.

Você também pode ativar as atualizações automáticas para manter seu tema sempre atualizado com os últimos recursos e patches de segurança. Dito isso, não recomendamos fazer isso se você tiver uma configuração complexa, pois algumas atualizações podem quebrar seu site.

Por último, mas não menos importante, considere seu orçamento. Temas premium do WordPress costumam ser de alta qualidade, mas nem sempre é o caso. Com temas gratuitos, tome cuidado de onde você o baixa. Nosso guia sobre temas gratuitos vs. premium do WordPress pode ajudá-lo a decidir.

Com nosso próprio site, somos bem exigentes com nosso tema. É por isso que decidimos criar um tema personalizado do WordPress sobre o framework Genesis. Isso nos permite ter controle total sobre nosso design e funcionalidade.

Se você usa construtores como o SeedProd, eles geralmente vêm com seus próprios temas. Dessa forma, você não precisa procurar em várias fontes para encontrar uma combinação compatível de tema e construtor de páginas.

Neste caso, você só precisa escolher um cujas cores e estilo atendam às suas necessidades para que você não precise fazer tantas alterações.

Se você precisar de mais orientação, temos um guia completo sobre os melhores e mais populares temas do WordPress que você pode conferir.

E se você usa o SeedProd, confira nossa lista dos melhores templates e kits de sites do SeedProd.

2. Esquema de Cores que Representa sua Marca

Escolher as cores certas é importante ao selecionar ou personalizar um tema do WordPress. Idealmente, você seria capaz de encontrar um tema com um esquema de cores que combine perfeitamente com sua marca, mas isso nem sempre é possível.

Para empresas, você provavelmente já tem uma paleta de cores estabelecida que se alinha com a identidade da sua marca, como as cores do seu logotipo. Se não, agora é um excelente momento para criar uma, especialmente para o seu site.

Escolher cores para um site é diferente de outros projetos de design. Aqui estão várias coisas que consideramos ao selecionar um esquema de cores:

• Consistência – As cores do seu site devem combinar com a identidade visual existente da sua marca para manter uma experiência de marca coesa.
• Personalidade – As cores podem transmitir emoções específicas. É por isso que você vai querer escolher cores que reflitam a personalidade da sua marca. Por exemplo, o azul é frequentemente associado à confiança, enquanto o verde pode representar crescimento.
• Indústria – Considere as convenções da indústria. Por exemplo, sites financeiros frequentemente usam azul para transmitir confiança e estabilidade, enquanto sites de saúde e bem-estar podem preferir verdes e brancos para uma sensação limpa e natural.
• Legibilidade – Certifique-se de que a cor do seu texto contraste bem com a cor de fundo para que os visitantes possam ler facilmente seu conteúdo sem forçar os olhos. O mesmo vale para a cor do seu link. Ela deve se destacar do texto normal, mas não conflitar com o design geral.
• Hierarquia visual – Você pode usar cores para direcionar a atenção dos usuários para elementos importantes, como chamadas para ação ou informações-chave. Por exemplo, se o site estiver promovendo uma promoção, o botão 'Comprar Agora' pode ter uma cor ousada e contrastante com a cor de fundo para atrair o olhar.
• Contexto cultural – Esteja ciente de como as cores são percebidas em diferentes culturas para evitar significados não intencionais. Por exemplo, enquanto o branco simboliza pureza em algumas culturas ocidentais, ele está associado ao luto em algumas culturas orientais.

Para quem não é designer, escolher o esquema de cores certo pode ser desafiador. Gostamos de usar ferramentas como Adobe Color CC e Coolors, que podem recomendar cores a serem usadas com base na cor principal que você escolheu.

Dessa forma, você pode facilmente criar uma paleta harmoniosa que complementa a cor primária da sua marca.

Não há uma regra rígida sobre o número de cores a serem usadas no design do seu site, mas geralmente é uma boa prática mantê-lo simples. Um esquema de cores típico pode incluir:

• Uma cor primária para a identidade da sua marca, frequentemente usada em logotipos e cabeçalhos
• Uma cor secundária para realces e para criar interesse visual, como destacar seções importantes
• Uma cor para botões de call-to-action para fazê-los se destacar
• Uma cor neutra (como preto, branco ou cinza) para texto e links

Essa abordagem cria um design equilibrado e visualmente atraente sem sobrecarregar o usuário. A cor primária estabelece a presença da sua marca, a cor secundária adiciona profundidade, a cor de chamada para ação guia a interação do usuário e a cor neutra garante a legibilidade.

Ainda não tem certeza de como é um bom esquema de cores para um site? Existem muitos ótimos exemplos por aí, mas vamos usar um da página inicial do All in One SEO (AIOSEO).

Gostamos porque seu esquema de cores inclui apenas branco, preto, azul e verde, mas usa todos eles de forma eficaz.

Você pode dizer que a cor característica do AIOSEO é o azul, mas não é exagerado. Ele usa verde para a chamada para ação para chamar a atenção e preto e branco para o texto. Dessa forma, o design permanece limpo e profissional, ao mesmo tempo em que é visualmente interessante.

Além disso, há muito espaço em branco entre todos os elementos, para que o design não pareça confuso.

Lembre-se de que o método para personalizar cores no WordPress varia de acordo com o tema. Para obter instruções detalhadas, consulte nosso guia sobre como personalizar cores em seu site WordPress.

3. Fontes Legíveis

Ótimo conteúdo em seu site será desperdiçado se os visitantes não conseguirem lê-lo facilmente. É por isso que escolher fontes legíveis é tão importante. Mas não se preocupe – legível não significa chato.

There are many fonts that are both easy to read and visually interesting. Check out our guides on the best web safe fonts and WordPress typography plugins for some great options.

A great example of effective typography is art director Dondre Green’s website. The site combines a modern sans serif font for body text with a more stylized sans serif for headings. This contrast enhances visual appeal while maintaining clarity.

What’s particularly interesting is the creative use of styles, mixing bold and italicized fonts, sometimes even within a single word. This adds a dynamic element to the text without overwhelming the reader.

Not sure if a font is readable enough? You can try it out in Google Docs or Microsoft Word.

If you’re using Google Fonts, their type tester feature lets you preview fonts in different sizes, colors, alignments, and even languages.

When testing fonts, you will want to look out for these key factors:

• Size – Is it easy to read on different devices?
• Line spacing – Is there enough space between lines?
• Letter spacing – Are the characters well-spaced?
• Weight variations – Is it still readable in bold or light versions?
• Screen rendering – Does it look good on digital screens, not just in print?

Depois de encontrar a fonte desejada, você pode adicioná-la ao seu site WordPress. Confira nosso guia sobre como adicionar fontes personalizadas no WordPress para instruções passo a passo.

Se você usa o Google Fonts, talvez queira torná-lo amigável à privacidade. Alguns países têm leis rigorosas de proteção de dados que consideram o carregamento do Google Fonts um potencial problema de privacidade. É por isso que muitos usuários optam por desativar o Google Fonts e usar alternativas hospedadas localmente em vez disso.

Além das fontes de texto regulares, você pode considerar o uso de fontes de ícones. Estas são fontes especiais que exibem gráficos pequenos e escaláveis em vez de letras. Você pode usá-las para coisas como botões de mídia social ou indicadores de menu.

Fontes de ícones funcionam como fontes regulares, então são fáceis de estilizar e não deixam seu site lento.

4. Cabeçalho Eficaz do Site

Um cabeçalho de site é a seção superior de uma página da web e geralmente é a mesma em todo o site. Ele serve como uma parte crucial do layout do site, fornecendo navegação, marca e, muitas vezes, ações importantes para os visitantes.

Um bom cabeçalho geralmente inclui um logotipo, um menu de navegação principal e, às vezes, um botão de call-to-action ou uma barra de pesquisa. No entanto, a aparência do seu cabeçalho dependerá do propósito, conteúdo e público-alvo do seu site.

Por exemplo, se você olhar para o site da Awesome Motive, o cabeçalho é simples e focado. Ele inclui um logotipo, um menu de navegação com opções de menu suspenso para acessar diferentes páginas e um botão de call-to-action para se juntar à equipe da AM, que leva à página de carreiras.

Por outro lado, um site grande como a Britannica tem um cabeçalho mais abrangente. É mais espesso e inclui mais elementos: o logotipo, uma barra de pesquisa, links para diferentes categorias da enciclopédia, um botão para assinar a assinatura da Britannica e um botão para perguntar ao Chatbot do site.

Há até um botão de menu hambúrguer no canto superior esquerdo para navegar para mais páginas. Este design reflete o extenso conteúdo e as diversas necessidades dos usuários de um site de enciclopédia.

Além disso, alguns proprietários de sites optam por criar um cabeçalho personalizado para páginas específicas em seu site. Fazer isso permite que eles adaptem a experiência do usuário para diferentes tipos de conteúdo ou objetivos.

Por exemplo, você pode ter um cabeçalho especial para suas páginas de produto que enfatiza recursos ou ofertas importantes, ou um cabeçalho exclusivo para seu blog que destaca categorias populares.

O editor de site completo do WordPress e construtores de páginas como o SeedProd oferecem essa capacidade, permitindo que você crie e gerencie facilmente vários cabeçalhos.

5. Barra de Menu Fácil de Navegar

O menu de navegação faz parte do cabeçalho, mas achamos que ele requer uma seção especial por si só. Um menu bem projetado é muito importante para a experiência do usuário e pode impactar significativamente como os visitantes interagem com seu site.

Ao criar um menu, você também precisa considerar como os usuários de dispositivos móveis interagirão com ele. Um menu geralmente é bem grande em desktops, mas o espaço é limitado em dispositivos móveis. É por isso que um menu pronto para dispositivos móveis é tão importante no design moderno de sites WordPress.

Ao decidir o que incluir em seu menu, considere estas perguntas:

• Quais são as páginas ou seções mais importantes do seu site às quais os usuários precisam de acesso rápido? Pense em suas páginas principais, como a página inicial, página de produtos ou serviços, página do blog e assim por diante.
• Existe uma ação principal que você deseja que os visitantes realizem, como se inscrever ou fazer uma compra?

Assim como existem diferentes tipos de cabeçalhos, também existem diferentes tipos de menus. A maioria dos sites usa um menu horizontal padrão que inclui links para suas páginas principais.

Se houver várias páginas para cobrir, então, muito provavelmente, eles usarão um menu suspenso ou um mega menu, como no exemplo abaixo do The Points Guy.

Muitos sites também optam por usar um painel deslizante ou um menu responsivo de tela cheia. A segunda opção é, na verdade, o que usamos aqui no WPBeginner quando nosso site é visualizado no celular.

Temos muitas categorias de blog, então fazer isso nos permite apresentar todas as nossas opções claramente sem sobrecarregar a tela.

Veja como fica se você usar a ferramenta Inspecionar elemento para visualizá-lo:

Existem muitas dicas e truques para estilizar seu menu de navegação. Por exemplo, algumas pessoas optam por tornar seu menu fixo e flutuante para que ele esteja sempre visível enquanto os usuários rolam a página. Isso pode melhorar a navegação, especialmente em páginas mais longas.

Alguns usuários também aplicam CSS para destacar um item de menu específico. Isso permite que você chame a atenção para páginas ou seções importantes, mas você ainda pode gerenciar todas as opções do menu como um único item quando necessário.

Se você quiser mais dicas e truques sobre como estilizar seu menu, confira estes guias:

• Como Estilizar Menus de Navegação do WordPress (Atualizado)
• Como Adicionar Lógica Condicional a Menus no WordPress

6. Seção de Rodapé Abrangente

Um rodapé é a seção inferior de um site e aparece consistentemente em todas as páginas. Ele geralmente complementa o cabeçalho, fornecendo opções de navegação adicionais e informações importantes sem sobrecarregar a página principal.

Apesar de estar na parte inferior, um rodapé é crucial por vários motivos. Muitas empresas e lojas online perceberam seu potencial e o utilizam de forma criativa.

A maioria dos sites incluiria coisas como links para páginas que, de outra forma, não caberiam no menu principal, informações de direitos autorais e política de privacidade.

Mas hoje em dia, você frequentemente encontrará formulários de inscrição para newsletter, depoimentos de clientes e, às vezes, uma lista de benefícios para persuadir por que você deve comprar no site.

Um ótimo exemplo de rodapé eficaz é o site da SearchWP. O rodapé deles inclui links para todas as páginas importantes, integrações recomendadas e um mapa do site.

Eles também adicionaram selos de segurança e confiança para aumentar a prova social. Acima da grande lista de links, há um botão de call-to-action para obter o SearchWP, que visa usuários que rolaram até o final e estão potencialmente interessados no produto.

Para mais inspiração, confira nossos exemplos de design de rodapé para WordPress e nossa lista de coisas para adicionar ao rodapé do seu site WordPress.

7. Seção Impressionante Acima da Dobra

In our experience, the main part of a WordPress website can vary a lot depending on the website type, so you can’t really create a one-size-fits-all design. However, regardless of the website and industry, we think it’s always good to have a strong above-the-fold section.

‘Above-the-fold’ means the content that’s visible on a web page without scrolling. It’s one of the most crucial parts of website layout, as it’s the first thing visitors see when they land on your site.

A strong above-the-fold section usually requires an impressive hero image, which is a large, eye-catching visual that dominates the top of the page. It should be relevant to your content, high-quality, and optimized for web use.

Having a hero image is common among online stores and business websites, but even blogs these days use this approach. They use it to feature their latest or most popular posts or to explain briefly what the blog is mainly about.

Um ótimo exemplo é o site de Ryan Robinson. A seção acima da dobra dele mostra uma imagem grande dele, um título forte, um subtítulo incentivando inscrições com prova social ('junte-se a mais de 332.947 blogueiros') e um formulário de inscrição para newsletter.

Nós geralmente gostamos de usar ferramentas simples como o Canva para criar imagens de destaque. Mas sinta-se à vontade para conferir nossa lista de alternativas ao Canva se estiver procurando por opções diferentes.

Alternativamente, alguns usuários optam por adicionar um fundo de vídeo em tela cheia. Isso pode tornar seu site mais dinâmico e chamar a atenção dos visitantes imediatamente.

No entanto, recomendamos fazer isso apenas se você enviar seu arquivo para uma plataforma de hospedagem como YouTube ou Vimeo, pois hospedar seus próprios vídeos pode deixar seu site WordPress lento.

Para mais inspiração, dê uma olhada em nossa lista selecionada de exemplos excelentes de sites WordPress.

8. Página de Formulário de Contato Fácil de Usar

Outro elemento essencial do WordPress é uma página de formulário de contato. Quer você tenha um blog, uma loja online ou um site de negócios, você sempre precisa de um formulário de contato para permitir que os usuários enviem mensagens diretamente para você em seu site.

Um bom formulário de contato é simples, fácil de usar e coleta apenas as informações necessárias. Ele não deve sobrecarregar os visitantes com muitos campos ou perguntas complexas, pois isso pode intimidar os usuários.

A imagem do formulário de contato abaixo é do site WPBeginner, demonstrando como seguimos o que pregamos. Nosso formulário é projetado para ser direto e solicita apenas detalhes essenciais, garantindo uma experiência amigável para o usuário.

Quando você tem um site pequeno, um único formulário de contato deve ser suficiente. Normalmente, você precisa de campos para o primeiro nome, endereço de e-mail para enviar e notificar uma resposta, e a consulta.

Mas, uma vez que seu site cresceu e você consegue identificar perguntas frequentes, você pode querer personalizar seu formulário ainda mais.

Por exemplo, no site Pinch of Yum, eles adicionaram um campo de seleção 'Motivo do Contato'. Ao selecionar uma opção, uma mensagem curta relacionada ao motivo aparece acima do campo de mensagem, que você precisa ler primeiro.

Essa abordagem pode ajudar a filtrar consultas e fornecer respostas imediatas para perguntas comuns, melhorando a eficiência e a experiência do usuário.

Felizmente, plugins de criação de formulários como o WPForms podem crescer facilmente com as necessidades do seu site. É uma das muitas razões pelas quais voltamos ao WPForms há anos.

Além dos campos de menu suspenso, você pode habilitar lógica condicional em seu formulário para que os campos apareçam ou se ocultem com base nas respostas do usuário. Isso pode ser útil quando você precisa coletar informações diferentes para diferentes tipos de consultas.

Se você gerencia um blog com vários autores, talvez queira criar páginas de perfil de autor personalizadas e adicionar um formulário de contato a cada uma. Isso permite que os leitores entrem em contato diretamente com autores específicos, aprimorando o engajamento e as oportunidades de networking.

Para empresas, a página de contato pode servir a dois propósitos: um local para clientes potenciais entrarem em contato e para clientes existentes solicitarem suporte. Nesse caso, você pode querer criar dois botões diferentes que levem a formulários separados.

Você pode até querer adicionar um botão de clique para ligar se oferecer suporte por telefone, facilitando o contato dos usuários da maneira que preferirem.

9. Recursos de Acessibilidade Web

Por último, mas não menos importante em nossa lista de elementos essenciais de design do WordPress, o design do seu site WordPress precisa ser acessível a todos os usuários.

Muitos usuários têm deficiências, o que dificulta a navegação e a interação com sites. Se o seu site não atender a essas necessidades, um número significativo de usuários pode não conseguir acessar seu conteúdo. Isso significa que você pode estar perdendo visitantes valiosos e clientes potenciais.

Além disso, a acessibilidade não é apenas uma questão de inclusão – é também uma preocupação legal.

A Lei dos Americanos com Deficiências (ADA) permite que os consumidores apresentem reclamações contra sites que não atendem às diretrizes de acessibilidade. Falhar em corrigir esses problemas pode prejudicar sua reputação e potencialmente levar a perdas financeiras.

Um ótimo exemplo de site acessível pertence à Smeg. Este site possui uma barra de ferramentas de acessibilidade útil que permite ajustar os recursos do site com base em diferentes necessidades.

Além de ajustar o conteúdo da página, como tamanhos de fonte e alinhamentos, você pode escolher perfis específicos, como seguro para convulsões, amigável para TDAH, para usuários cegos e muito mais. Isso oferece aos usuários uma maneira rápida de tornar o site mais acessível sem ter que alterar muitas configurações diferentes.

Embora o WordPress já tenha funcionalidades integradas para tornar seu site acessível, há muito mais que você pode fazer. Você pode conferir o site do W3C para começar, que oferece informações abrangentes sobre padrões de acessibilidade na web.

Além disso, nosso guia sobre como melhorar a acessibilidade do seu site WordPress fornece passos práticos que você pode seguir.

Uma maneira fácil de aprimorar a acessibilidade é instalando o plugin WP Accessibility. Este plugin adiciona uma barra de ferramentas ao seu site onde os usuários podem redimensionar fontes, o que é ótimo para pessoas com deficiências visuais.

Ele também permite que os usuários visualizem seu site em modo de cores de alto contraste, semelhante ao modo escuro, mas mais amigável para usuários daltônicos.

Outro recurso importante é habilitar a navegação por setas do teclado em seu site. Isso é importante para usuários com deficiência que dependem da navegação por teclado em vez de um mouse. É uma mudança simples que pode melhorar significativamente a experiência do usuário para muitos visitantes.

Principais Elementos de Design de Sites para Blogs WordPress

Embora muitos elementos de design sejam universais em diferentes tipos de sites, blogs WordPress frequentemente possuem recursos exclusivos que os diferenciam. Vamos analisar alguns elementos de design essenciais especificamente para blogs WordPress.

10. Barra Lateral Útil

Uma das coisas que tornam os blogs tão únicos é o layout associado a eles. Você pode estar familiarizado com o design onde o conteúdo principal ocupa o lado esquerdo ou direito, e uma barra lateral aparece em todas as postagens e páginas.

Gostamos de usar uma barra lateral porque ela nos ajuda a destacar conteúdo que pode ser útil para os leitores, como um plugin WordPress essencial em destaque, recursos gratuitos e até mesmo ofertas e cupons.

No entanto, isso é opcional. Atualmente, nem todos os blogs possuem uma barra lateral. Você encontrará alguns sem barra lateral ou apenas com um elemento flutuante, como ícones sociais ou um índice para a postagem do blog.

Essa abordagem limpa e minimalista se alinha com as tendências atuais de design web que priorizam a simplicidade e o foco.

Mas se você decidir incluir uma barra lateral, temos algumas dicas e truques de barra lateral para aproveitar ao máximo esse elemento:

• Considere o idioma do seu conteúdo (ou seja, é um idioma da direita para a esquerda?) e os hábitos de leitura dos usuários. A posição da barra lateral deve parecer natural para o seu público. Se precisar alterá-la, temos um guia sobre como alterar o lado da barra lateral no WordPress.
• Dependendo do tamanho do seu site, você pode querer exibir barras laterais diferentes para páginas ou posts específicos. Isso pode ajudar a adaptar a interface do usuário a conteúdos específicos, melhorando a relevância e o engajamento.
• Adicione apenas os widgets do WordPress mais necessários. Não sobrecarregue sua barra lateral com tantos elementos que os usuários se distraiam do conteúdo principal.

11. Blocos de Recomendação de Conteúdo

Outro elemento chave no design de blogs WordPress são os blocos de recomendação de conteúdo. Agora, como e onde os blogueiros os exibem varia de acordo com o layout e a preferência.

Se o modelo de postagem única tiver uma barra lateral, muitos usuários irão exibir posts recentes ou seus posts mais populares lá, assim como no site Cookie + Kate.

Outra opção é exibi-lo na parte inferior da postagem, que é o que fazemos no WPBeginner.

Dessa forma, os leitores que terminaram o artigo podem facilmente encontrar mais conteúdo relevante para explorar, aumentando as visualizações de página e reduzindo as taxas de rejeição.

Ao recomendar conteúdo, o mais importante é considerar a colocação correta. Deve ser visível o suficiente para chamar a atenção do leitor, mas não tão proeminente a ponto de distrair do conteúdo principal.

Além disso, para conteúdo relacionado, você pode querer pensar em quão relevante ele é para a postagem atual. Você pode até querer exibir os posts com miniaturas para que os leitores possam ter rapidamente uma noção visual do que se trata o conteúdo recomendado.

Além disso, encontramos um truque legal para destacar novas postagens para visitantes recorrentes no WordPress. Dessa forma, os leitores regulares podem facilmente identificar conteúdo novo, incentivando-os a permanecer mais tempo em seu site e explorar mais.

Não tem certeza de quais são suas postagens mais populares? Então, recomendamos o uso de um plugin de análise como o MonsterInsights, que pode extrair esses dados diretamente de sua conta do Google Analytics.

Isso economiza seu tempo e esforço de rastrear e atualizar manualmente suas postagens populares. Você pode exibir essas postagens populares como um bloco em sua página da web, e ele mudará automaticamente dependendo do que é mais popular entre seus leitores.

12. Auxílios de Legibilidade

Você sabia que a capacidade de atenção humana média é agora menor do que a de um peixinho dourado? É por isso que é mais importante do que nunca adicionar elementos às suas postagens de blog para capturar e manter a atenção dos usuários.

Você deve considerar o uso de recursos em suas postagens de blog que aumentam a legibilidade, permitindo que os leitores escaneiem e absorvam seu conteúdo facilmente.

Por exemplo, você pode adicionar um divisor de forma personalizado se sua postagem de blog for particularmente longa. Este elemento de design criativo pode dividir visualmente o conteúdo extenso, tornando-o menos intimidador para os leitores.

O SeedProd tem exatamente esse recurso em seu construtor de páginas, e você pode personalizar o design da forma, cores, tamanho e muito mais.

Muitos blogs, como o HubSpot, adicionam uma barra de progresso de leitura para mostrar aos usuários o quanto eles rolaram em um artigo.

Este elemento simples, porém eficaz, melhora a experiência do usuário ao dar aos leitores uma indicação visual de seu progresso, incentivando-os a concluir a postagem.

Você também pode considerar adicionar letras capitulares ao seu conteúdo, talvez não no início de cada parágrafo, mas sim para novas seções ou capítulos. Isso pode criar interesse visual e guiar o olhar do leitor.

Aqui está um exemplo do The New Yorker:

Se você tem muitas informações para compartilhar, mas quer manter seu conteúdo principal conciso, considere adicionar notas de rodapé simples e elegantes. Isso permite que você forneça detalhes adicionais sem poluir seu texto principal.

Outro truque útil é mostrar prévias ao vivo de seus links internos. Este recurso pode dar aos leitores uma ideia do conteúdo vinculado sem sair da página atual. É uma abordagem inovadora para links internos que pode manter a atenção dos usuários enquanto eles leem seu conteúdo.

13. Imagem de Destaque Relevante

Embora as postagens de blog sejam principalmente baseadas em texto, as imagens desempenham um papel crucial, especialmente a imagem de destaque.

Imagine ter um blog de culinária e postar sobre uma nova receita, mas não ter uma imagem de destaque para mostrar o prato. Como os leitores seriam atraídos a clicar e explorar a postagem?

Uma boa imagem de destaque deve ser:

• Relevante para o conteúdo da postagem
• De alta qualidade e visualmente atraente
• Dimensionada corretamente para o seu tema do WordPress (verifique a documentação do seu tema para mais informações)
• Otimizada para a web para garantir carregamento rápido
• Consistente com a estética geral da sua marca

Para as imagens de destaque do WPBeginner, nosso objetivo é criar um visual simples que mostre sobre o que é a postagem. No entanto, ela ainda deve parecer interessante o suficiente para fazer os leitores conferirem a postagem.

Tentamos não torná-la muito artística, pois os usuários podem não entender imediatamente o que a imagem está tentando comunicar.

Você pode criar imagens de destaque personalizadas usando ferramentas online como Adobe Express ou Canva, ou usar imagens livres de royalties para economizar tempo. Apenas certifique-se de ter o direito de usar quaisquer imagens e que elas se alinhem com o estilo do seu blog.

Entendemos que nem sempre é possível criar uma imagem destacada exclusiva para cada postagem, considerando o tempo e o custo potencial envolvidos. Nesses casos, é bom definir uma imagem destacada de fallback. Isso garante que mesmo as postagens sem uma imagem personalizada tenham uma representação visual.

Para variar, confira nosso guia sobre como definir imagens destacadas de fallback com base nas categorias de postagem. Essa abordagem adiciona diversidade visual ao seu blog e ajuda os usuários a verem facilmente postagens com tópicos diferentes.

14. Elementos Visuais Claros

Nem todo mundo gosta de ler longos blocos de texto em suas telas. É por isso que recomendamos adicionar elementos visuais às suas postagens de blog sempre que necessário, para que os usuários possam entender melhor seu conteúdo.

No entanto, às vezes imagens ou fotografias simples não são suficientes. Você pode precisar de elementos visuais mais interativos ou informativos para realmente engajar seus leitores e comunicar suas ideias.

Além disso, elementos visuais podem tornar seu conteúdo de texto mais expressivo e relacionável. Por exemplo, emojis podem adicionar personalidade e emoção à sua escrita, ajudando a comunicar o tom e criar uma experiência de leitura mais envolvente.

Uma dica que você pode incorporar ao design do seu site WordPress é adicionar hotspots interativos em imagens. Este recurso é particularmente útil para avaliações de produtos ou tutoriais, permitindo que os leitores explorem diferentes partes de uma imagem para obter informações mais detalhadas.

Se você exibe citações longas ou blocos de código extensos, talvez queira inserir uma barra de rolagem personalizada nesses elementos. Isso permite que os leitores rolem facilmente sem perder o lugar no conteúdo principal.

Outro elemento visual interessante é uma barra de progresso. Você pode usá-la para mostrar o status de conclusão de um projeto, marco de aprendizado, nível de habilidade, informações nutricionais e muito mais.

Elementos de Design WordPress para Converter Visitantes em Clientes

Em seguida, vamos ver alguns recursos de design essenciais do WordPress que podem transformar seu site em uma ferramenta poderosa para atrair e reter clientes.

15. Página de Destino de Lista de Espera "Em Breve"

Quer você esteja iniciando um negócio baseado em serviços ou uma loja online, um elemento que recomendamos que você crie é uma página de destino de lista de espera "em breve". Esta é uma parte importante do design do site que pode criar expectativa e capturar leads antes do lançamento completo do seu site.

É diferente de uma página de em breve comum porque o objetivo não é apenas informar os visitantes sobre o seu lançamento futuro. É também engajá-los ativamente e incentivá-los a entrar em uma lista de espera. Essa abordagem pode ajudar você a medir o interesse e construir uma base inicial de clientes.

Temos um guia sobre como criar uma landing page de lista de espera para mais informações. O tutorial usa o SeedProd, então é fácil de usar, mesmo que você não seja um especialista em design.

Dito isso, aqui estão alguns elementos-chave que você pode adicionar à sua landing page de lista de espera:

• Um widget de contador regressivo para criar um senso de urgência e empolgação sobre o seu lançamento. O SeedProd oferece este elemento por padrão, então você não precisa instalar um plugin separado para ativá-lo.
• Um formulário de inscrição por e-mail para capturar as informações dos visitantes. Recomendamos o uso de uma cor chamativa para o botão de call-to-action.
• Um popup de intenção de saída para capturar visitantes que estão prestes a sair da sua página. Você pode usar o OptinMonster para isso, que é o que usamos para aumentar nossos assinantes de e-mail em 600%.
• Alguns recursos visuais, como imagens, dão aos usuários uma prévia do que você está vendendo. Pode ser uma imagem de produto parcialmente obscurecida, uma foto dos bastidores do seu serviço em ação, ou até mesmo uma representação gráfica estilizada do que você oferecerá.
• Botões de redes sociais para que os usuários o sigam em seus perfis sociais oficiais. Dessa forma, eles podem receber as últimas atualizações sobre o lançamento do seu produto ou serviço.
• Links de compartilhamento social para que os usuários possam ajudar a divulgar seu negócio.

Aqui está um ótimo exemplo de uma página de destino de lista de espera da Every Tuesday. Esta lista de espera está tentando gerar expectativa para uma próxima inscrição em um curso de criação de fontes.

Gostamos de como ela mostra exemplos de trabalhos anteriores de ex-alunos. Isso funciona como prova social e mostra o que futuros alunos podem alcançar.

16. Botão de Chamada para Ação Atraente

Já mencionamos botões de chamada para ação (CTA) algumas vezes ao longo deste guia, e por um bom motivo. Eles são uma das partes mais importantes do design de sites WordPress porque influenciam diretamente o comportamento do usuário e impulsionam conversões.

Mas se você acha que qualquer formato de botão serve, pense novamente. Já falamos sobre como a cor importa anteriormente, mas há muita ciência por trás do que torna um CTA eficaz. É um elemento chave que pode fazer ou quebrar suas taxas de conversão.

Primeiro, é melhor incluir apenas um CTA principal por página para evitar confusão e paralisia de decisão. Caso contrário, você corre o risco de sobrecarregar seus visitantes.

Isso não significa que você só pode apresentar o botão uma vez; significa apenas que você deve focar em uma ação principal que deseja que os usuários realizem.

Vamos usar a página inicial do RafflePress como exemplo. Acima da dobra, o botão CTA 'Get RafflePress' é repetido duas vezes no menu e na seção principal.

Ele também inclui um link para 'View Live Example', mas não é projetado como o botão 'Get RafflePress', então não compete pela atenção.

Em segundo lugar, embora textos genéricos de CTA como 'Saiba Mais' ou 'Inscreva-se' sejam aceitáveis, você pode levá-los para o próximo nível tornando-os mais focados em benefícios.

Ao criar sua chamada para ação, você vai querer ter certeza de destacar brevemente os benefícios que está oferecendo e explicar o que os usuários ganharão ao agir. Se eles puderem ver o que há para eles, ficarão mais motivados a clicar.

John Turner, co-founder of SeedProd

Um ótimo exemplo é o LowFruits, que é uma ferramenta de pesquisa de palavras-chave.

O CTA deles é 'Encontre seus lowfruits', que é inteligente e descreve os benefícios que os usuários obterão: palavras-chave como frutas ao alcance, fáceis de ranquear.

John Turner fala mais sobre essas melhores práticas de chamada para ação que podem aumentar suas conversões em seu post convidado para o WPBeginner.

Por fim, certifique-se de que seu botão de CTA seja clicável em dispositivos desktop, mobile e tablet. Um botão que funciona perfeitamente em um desktop, mas é difícil de tocar no mobile, pode prejudicar significativamente suas taxas de conversão. Isso é especialmente verdadeiro, dado o número crescente de usuários de dispositivos móveis.

17. Caixas de Recursos Fáceis de Ler

Se você vende um único produto, uma plataforma SaaS ou tem um negócio baseado em serviços, exibir caixas de recursos é uma boa ideia. Esta seção geralmente lista os principais recursos do seu produto ou serviço, mas quando está cheia de texto, pode se tornar difícil de ler e digerir.

É por isso que muitos sites de negócios agora incluem caixas de recursos com ícones. Esses sinais visuais ajudam os usuários a identificar e entender rapidamente cada recurso, melhorando a experiência geral do usuário.

Ícones também adicionam uma quebra visual ao texto, tornando o layout mais envolvente e menos avassalador.

Além disso, também tentamos adicionar um pequeno título que descreve o recurso de forma breve e clara. Isso é seguido por apenas uma única frase que o descreve. Não queremos torná-lo muito longo para evitar poluir a página.

A página inicial do Charitable demonstra isso muito bem:

18. Elementos de Prova Social

Ao pesquisarmos para nosso artigo sobre estatísticas de eCommerce, descobrimos que 95% dos compradores procuram avaliações e outras formas de prova social antes de fazer uma compra. 

Isso faz sentido. Se os clientes potenciais virem avaliações positivas em seu site, eles se sentirão mais confiantes em sua decisão de comprar de você. 

Se você usar um plugin de landing page como o SeedProd, você terá acesso a blocos projetados especificamente para exibir prova social.

Por exemplo, você pode adicionar depoimentos rotativos. Este é um slider que exibe vários depoimentos de um único lugar ao mesmo tempo, e os usuários só precisam usar os botões de seta para lê-los.

Você também pode exibir animações de contagem de números. Estes são bons para informar aos usuários quantos clientes você atendeu, produtos vendeu ou quaisquer outras estatísticas impressionantes sobre seu negócio.

Não coloque apenas essas avaliações na sua página inicial. Você também pode exibi-las em outras partes do seu site, como incluí-las na animação de pré-carregamento, por exemplo.

Quer exibir depoimentos sem usar um construtor de páginas? Tente usar o plugin Reviews Feed da Smash Balloon. Este plugin facilita ainda mais, pois pode extrair conteúdo de avaliações de sites de terceiros como Google, Yelp, Facebook, e outros.

Dessa forma, você pode exibir automaticamente avaliações recentes e autênticas de várias plataformas diretamente no seu site WordPress.

19. Banners que Chamam a Atenção

Você pode ter criado uma página de destino para anúncios do Google para seu produto ou serviço. Mas se as pessoas não estão convertendo e você está perdendo dinheiro, pode ser hora de considerar outras estratégias.

Às vezes, os visitantes precisam apenas de um pequeno incentivo para fazer uma compra. É aqui que os banners de sites podem ser úteis no design do seu site WordPress.

Estamos falando de elementos dinâmicos como barras de rodapé fixas que exibem ofertas especiais ou tickers de rolagem que anunciam promoções por tempo limitado.

Eles podem destacar informações importantes, promover suas campanhas e gerar conversões sem serem excessivamente intrusivos.

Nossa plataforma preferida para isso é a OptinMonster. Embora muitos a conheçam como um plugin de pop-up, nós a usamos com sucesso para exibir várias promoções em nosso site.

Por exemplo, durante a Black Friday, adicionamos um banner flutuante em nosso site para direcionar os usuários à nossa coleção de mais de 100 ofertas exclusivas. Nós o tornamos fixo para que ele seguisse os usuários enquanto eles rolavam, mas o mantivemos pequeno o suficiente para não prejudicar a experiência do usuário.

Essa abordagem ao design de banners é sobre equilíbrio. O objetivo é capturar a atenção sem sobrecarregar os visitantes, criando uma interface de usuário que guia em vez de empurrar.

Ao projetar esses banners de site, você precisará considerar como eles se encaixam no design geral do seu site WordPress.

Eles devem parecer parte do layout do seu site, mas devem se destacar o suficiente para chamar a atenção do usuário. Recomendamos o uso de cores que complementem a paleta do seu site, ao mesmo tempo que proporcionam contraste suficiente.

20. Páginas de Carrinho e Checkout com Alta Conversão

A jornada do carrinho para o checkout é a parte mais importante da experiência do usuário de comércio eletrônico. De fato, em nosso artigo sobre estatísticas de abandono de carrinho de compras, descobrimos que 7 em cada 10 pessoas abandonam seus carrinhos antes de concluir uma compra. Isso representa uma enorme perda de receita potencial.

Se você está vendo uma taxa de abandono de carrinho alta, então você deve dar uma olhada nas suas páginas de carrinho e checkout. Pode haver elementos de design que façam as pessoas duvidarem da sua compra ou as deixem frustradas.

Por exemplo, em termos de design, talvez você tenha muitos campos pedindo informações, ou o preço total na página do carrinho e no checkout sejam amplamente diferentes. Esses problemas podem prejudicar a experiência do usuário e as taxas de conversão.

A página de checkout da WPCode é um ótimo exemplo. Como este é um produto digital, eles pedem apenas as informações mais relevantes, como seu e-mail, primeiro nome e sobrenome, e número de telefone.

A seção de pagamento também está na mesma página, reduzindo o número de etapas que um cliente precisa realizar para concluir sua compra. O desconto é aplicado automaticamente, então você não precisa procurar e inserir um código de cupom manualmente.

Além disso, existem elementos de prova social, como um bloco de depoimentos, para ajudar a tranquilizar os clientes que podem estar hesitando em converter.

Temos guias sobre como criar uma página de carrinho WooCommerce personalizada e como personalizar o checkout WooCommerce para mais informações.

Você também quer prestar atenção à página de agradecimento pós-conversão, pois essa é uma boa oportunidade para aumentar o valor médio do pedido. Você pode sugerir produtos relacionados à compra ou exibir um código de cupom exclusivo para a próxima compra.

A melhor ferramenta para otimizar essas páginas é o FunnelKit, que é um construtor de funil de vendas para WooCommerce que vem com modelos de página de agradecimento prontos. Você pode ler mais sobre seus recursos e capacidades em nossa análise do FunnelKit.

Elementos de Design WordPress Desejáveis para Impressionar Seus Visitantes

Embora os elementos de design do WordPress que discutimos até agora sejam essenciais para um site WordPress que funcione bem, existem recursos de design adicionais que podem levar seu site para o próximo nível.

Esses elementos não são necessariamente obrigatórios, mas podem criar uma impressão duradoura em seus visitantes e diferenciar seu site da concorrência:

• Adicione um fundo animado – Torne seu site mais animado para chamar imediatamente a atenção de seus visitantes.
• Use conteúdo dinâmico para personalização – Isso permite que você personalize o conteúdo com base em fatores como comportamento do usuário ou localização.
• Estilize cada post do WordPress de forma diferente – Faça cada post parecer único para combinar com seu tópico.
• Adicione notificação na aba do navegador – Reengaje visitantes que navegaram para longe do seu site e estão em outra aba.
• Adicione um widget de pesquisa de feedback de design do site – Colete insights valiosos dos usuários para melhorar continuamente o design e a funcionalidade do seu site.

Precisa de Ajuda com Web Design? Serviços Profissionais WPBeginner para o Resgate

Gerenciar todos os elementos de design do WordPress necessários para um site eficaz pode ser realmente assustador. Se você prefere se concentrar em expandir seus negócios, por que não deixar os especialistas cuidarem do design do seu site?

O WPBeginner Pro Services oferece soluções de design de sites WordPress sem complicações.

Fornecemos um gerente de projeto dedicado que trabalhará com você para criar um design personalizado, adaptado às suas necessidades específicas. Também configuraremos todos os recursos necessários de SEO e otimização de velocidade para garantir que seu site tenha o melhor desempenho.

Já tem um site, mas sente que ele precisa de uma renovação? Nossa equipe também é especializada em redesign de sites WordPress, dando nova vida ao seu site existente sem precisar começar do zero.

Quer saber mais? Agende uma ligação com nossos especialistas hoje mesmo. Eles ajudarão você a criar o melhor plano para seus objetivos de site e orçamento, garantindo que você obtenha um site WordPress profissional e de alto desempenho sem o estresse do design DIY.

Perguntas Frequentes

Aqui estão algumas perguntas que são feitas por nossos leitores sobre design de sites WordPress.

Qual é o melhor construtor de páginas para iniciantes em WordPress?

Para iniciantes, construtores de páginas como SeedProd e Thrive Architect oferecem interfaces intuitivas de arrastar e soltar, tornando-os ideais para usuários sem habilidades de codificação.

O SeedProd, por exemplo, oferece uma maneira descomplicada de criar temas e páginas personalizadas com sua integração de recursos inteligentes de IA para configuração rápida. O Thrive Architect vai um passo além, integrando ferramentas de otimização de taxa de conversão, ajudando você a construir não apenas sites bonitos, mas eficazes.

Se você ainda está em dúvida, confira nossas principais escolhas para os melhores construtores de páginas WordPress.

Como posso garantir que meu site seja compatível com dispositivos móveis?

Garantir que seu site seja compatível com dispositivos móveis começa com a escolha de um tema responsivo que fique bom em todos os dispositivos. Também é importante testar seu site usando ferramentas de emulação móvel para ver como ele aparece em smartphones e tablets antes de publicá-lo.

Além disso, você pode otimizar seu site otimizando imagens e minimizando requisições HTTP para melhorar os tempos de carregamento. Lembre-se, um site compatível com dispositivos móveis não só oferece uma melhor experiência ao usuário, mas também auxilia no ranking dos motores de busca.

Para começar, veja nossa lista de maneiras de criar um site WordPress compatível com dispositivos móveis.

O que devo considerar ao selecionar um esquema de cores para o meu site?

Ao selecionar um esquema de cores, você deve considerar o quão bem as cores representam a identidade da sua marca, pois a consistência constrói reconhecimento e confiança.

Preste atenção à psicologia das cores; cores diferentes podem evocar várias emoções, influenciando como os visitantes percebem seu negócio. Além disso, certifique-se de que haja contraste suficiente entre as cores do texto e do fundo para tornar seu conteúdo facilmente legível.

Ferramentas como Adobe Color ou Coolors podem ajudá-lo a criar uma paleta harmoniosa que se alinha com as cores primárias da sua marca e melhora a experiência geral do usuário.

Esperamos que este artigo tenha ajudado você a descobrir os elementos de design essenciais para um site WordPress eficaz. Você também pode conferir nossas melhores ferramentas para criar e vender produtos digitais e nosso guia sobre o que você deve fazer antes de iniciar um negócio de design de sites WordPress.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.