Exemplos de layout de site para seu site multilíngue

A criação de um site é mais do que apenas escolher a plataforma CMS correta e selecionar o modelo mais "elegante". 

Sim, a aparência tem um grande impacto na forma como você se apresenta aos clientes em potencial, mas há um processo de pensamento muito maior por trás disso. 

O layout do site contribui para o sucesso geral do site. Ele determina a aparência e a forma como os usuários navegarão e interagirão em suas páginas. Tudo isso contribui para aumentar a probabilidade de alguém comprar seu produto ou serviço. 

É interessante notar que 38% das pessoas deixarão de interagir com um site se o conteúdo/layout não for atraente. Um bom layout de site vai além da simples escolha de um design de modelo popular - ele é parte integrante do design do site.

E, como acontece com todos os setores, sempre haverá tendências. No momento, é justo dizer que as imagens com sangria total e o design de três colunas estão entre os layouts mais usados. 

Pode muito bem ser um formato reconhecível que traga familiaridade aos usuários do seu site, mas será que seguir as tendências é sempre o caminho certo quando as empresas on-line têm públicos-alvo tão variados? 

A personalização e a criação de um layout de site adequado ao seu cliente-alvo sempre serão cruciais se você quiser se destacar no mercado. 

O que faz um bom site?

Essa não é exatamente uma pergunta fácil de responder ou quantificar. Há muitas possibilidades quando se trata de web design. 

Dependendo do setor em que você atua, a imagem da sua marca e quem é o seu público-alvo terão um grande impacto sobre o que pode ser considerado um "bom site". 

Mas há alguns elementos gerais dos quais todas as empresas podem se beneficiar.

1. Simplicidade. Use espaço em branco para separar o conteúdo. Remova as "coisas" e concentre-se no que o usuário realmente está procurando. 
2. Navegação. Facilite o acesso do usuário do site às páginas de seu interesse. Isso é fundamental para reter os visitantes. 
3. Hierarquia visual. Estabeleça um ponto focal em seu site para mostrar aos visitantes do site onde estão as informações mais importantes da página. Isso pode ser feito em termos de organização dos elementos por ordem de tamanho, cor, imagens, fontes etc. 
4. Cores e imagens. O uso correto de cores e imagens pode atrair os usuários para que permaneçam mais tempo no seu site. O uso incorreto pode levar à distração. 
5. Compatibilidade com dispositivos móveis. Caso precise ser lembrado, o Google agora indexa os sites primeiro pela versão para celular. Portanto, certifique-se de verificar a aparência do seu site também na versão para celular. 
6. Multilíngue. Não é segredo que, em um mundo com conectividade cada vez maior, as pessoas estão optando cada vez mais por comprar produtos de fora de seu país de origem. Oferecer um site em mais de um idioma é um elemento essencial para quem deseja aumentar sua participação no mercado e aumentar seus fluxos de receita. 

Exemplos de layout de site para seu site multilíngue

Como todos os empreendedores com mentalidade internacional sabem, um site multilíngue é imprescindível quando se faz negócios on-line. Temos alguns ótimos exemplos de layout de site de alguns dos clientes de sites multilíngues da Weglot. 

Então, o que torna os layouts de seus sites tão atraentes? 

Crabtree & Evelyn

Vamos começar com a Crabtree & Evelyn, gigante de fragrâncias e produtos para o corpo, que usa Weglot para tornar seu site de comércio eletrônico verdadeiramente internacional. 

Quando você vende milhares de produtos on-line, pode ser difícil para o visitante do seu site se concentrar em apenas uma CTA acionável. É por isso que esse varejista on-line sabe exatamente como se destacar no layout do site. 

Eles criaram uma mensagem-chave de página inteira acima da dobra que pode ser alterada de acordo com a estação ou o país que estão almejando. E, como todo varejista de comércio eletrônico sabe, a maior época do ano é, naturalmente, a temporada de férias, portanto, faz sentido que eles estejam promovendo o que seus compradores estão, sem dúvida, procurando no momento. 

Não há nenhuma chance de uma alta taxa de rejeição para essa página inicial. Um CTA claro, "compre agora", leva você diretamente à página do produto dos conjuntos de presentes - essa é uma navegação rápida e impressionante no site.

Adotando uma abordagem diferente da de muitos varejistas on-line, eles optaram por criar um menu simples com duas opções suspensas e uma barra de pesquisa. 

Com o grande número de produtos que estão oferecendo em seu site, eles oferecem duas opções. A opção 1, a "barra de pesquisa", foi criada para a pessoa que sabe o que está procurando, e a opção "loja" pode ser preferível para um novo usuário que deseja ver quais produtos estão disponíveis.

Role a página inicial para baixo e veja que eles dividiram o layout do site em diferentes linhas, oferecendo itens mais direcionados. Os mais vendidos e os conjuntos de presentes adicionais novamente atraem novos usuários que não sabem onde concentrar sua pesquisa. 

No rodapé do site, eles optaram por personalizar o seletor de idioma para obter a melhor exibição possível da localização. 

Você tem a opção de escolher o país em que está e o idioma que fala. Como uma marca que sabe que a localização é fundamental, eles reconheceram que nem todas as pessoas localizadas em um determinado país podem falar o idioma local. 

Menta Digital

Observe como essa agência de mídia digital usa espaço em branco, ilustrações personalizadas e chamadas para ação claras para atrair imediatamente a atenção do visitante do site. 

Esse exemplo de layout de site é uma demonstração clara de como o usuário tem tudo o que precisa acima da dobra. Sua hierarquia visual vem na forma do slogan "digital revolucionário que importa", com destaque para as duas últimas palavras. 

A simples adição de um botão "let's talk" significa que o visitante do site não precisa procurar muito mais para realizar uma ação. A escolha de apenas duas cores, cinza e verde, como destaque, proporciona mais coerência e simplicidade. 

Para a maioria das agências de mídia digital, a mídia social é uma ferramenta poderosa e importante quando se trata de mostrar o trabalho e dar visibilidade ao que fazem. O uso de uma barra de mídia social fixa no lado direito do site mantém seus canais de mídia social à vista. 

Sua navegação é direta ao ponto e fica claro onde você precisa ir para obter as informações. Role a página inicial e você verá que o uso inteligente de fontes e o texto destacado mantêm o leitor envolvido com o que importa. 

No que diz respeito à mudança de idioma, eles optaram por adicionar o botão de mudança de idioma no rodapé (eles ativaram o útil recurso Weglot de de direcionar os usuários pelo navegador da web).

Yogang

Você sabe quando mencionamos a simplicidade e a remoção da "penugem" para criar o layout de um site? Bem, este exemplo de site faz exatamente isso. Esse jogo de ioga para crianças apresenta a combinação perfeita de animação e espaço em branco para criar um senso de curiosidade e intriga - enquanto a animação não está lá apenas como um artifício - é um indicador claro do que se trata. 

Sua primeira percepção dessa marca é a página de capa inteligente que apresenta personagens divertidos em vários movimentos de ioga. Com uma primeira impressão como essa, não há dúvida de que você vai querer ir mais longe no site.

Passe pela página de capa criativa e você chegará ao site principal. Mais uma vez, os personagens lúdicos são usados em todo o design do site para dar consistência, com o produto principal exibido assim que você chega à página inicial. 

Há uma CTA clara para que você possa comprar o jogo, além da opção de entender mais sobre o produto no lado direito. Dois CTAs para o comprador por impulso e para uma pessoa que primeiro precisa de mais esclarecimentos. 

Eles criaram uma barra de menu longa, mas, nesse caso, têm todos os motivos para isso. Com a opção de vender B2B e B2C, faz sentido que os usuários encontrem exatamente o que desejam imediatamente. 

Seu produto é vendido nos mercados francês e inglês, portanto, um discreto seletor Weglot no canto inferior direito do site oferece a opção de localização instantânea do site.

Marinho ou cinza

Esta empresa de alfaiataria Navy or Grey misturou espaço em branco, ilustrações e seu USP na primeira dobra do site. Sofisticação é a melhor maneira de descrever a aparência desse site, que combina bem com o setor em que atua. 

E, no que diz respeito à hierarquia visual, eles conseguiram isso. A primeira dobra do site chama a atenção para apenas dois elementos, imagem e texto. 

Seu menu de fácil navegação permite que você entenda o processo de vendas sem oferecer muitas opções. Role a página inicial e você encontrará imagens que mostram melhor como a empresa trabalha. 

Além disso, a divisão de seus produtos em dois itens de menu separados, "camisas" e "ternos", é excelente. Isso permite que os usuários cheguem ao que desejam sem precisar navegar pelas subpáginas.

No que diz respeito ao multilinguismo, o seletor de idiomas fica no canto superior direito do site, combinando perfeitamente com o visual e a sensação do design.

E em termos de oferta de comércio eletrônico multilíngue, eles facilitaram para seus clientes holandeses e ingleses o uso do método de pagamento de sua escolha, com nada menos que 9 opções diferentes.

Crie o layout de site correto para o seu usuário

Ao criar seu site, tenha sempre em mente o usuário-alvo. Os visitantes do site querem obter as informações de que precisam instantaneamente. Não torne isso mais difícil do que o necessário para eles. 

Os exemplos de layout de site mostrados acima sabem exatamente o que seus usuários querem e isso fica evidente. 

O que podemos aprender com eles no que se refere ao layout do site? Coloque suas CTAs na primeira dobra do site para maximizar a taxa de conversão, use espaço em branco para destacar sua mensagem e sempre garanta que a navegação do menu seja a mais simples possível. 

Interessado em traduzir seu website? Experimente Weglot em seu site com nosso teste gratuito de 10 dias.

Quer saber mais? Leia: 9 dicas para criar um site multilíngue, Multilingualympics: Um brinde aos sites multilíngues que estão fazendo isso direito, 6 tipos de empresas que definitivamente deveriam traduzir seus sites