Exemples de mise en page pour votre site web multilingue

La création d'un site web ne se résume pas au choix de la bonne plateforme CMS et à la sélection du modèle le plus "élégant". 

Oui, l'aspect visuel a un impact important sur la façon dont vous vous présenterez à vos clients potentiels, mais il y a un processus de réflexion beaucoup plus large derrière tout cela. 

La mise en page de votre site web contribue à son succès global. Elle détermine à la fois l'aspect et la convivialité de votre site, ainsi que la manière dont vos utilisateurs navigueront et interagiront sur vos pages. C'est ce qui fait qu'un internaute sera plus enclin à acheter votre produit ou votre service. 

Il est intéressant de noter que 38 % des personnes cesseront de s'intéresser à un site web si le contenu/la présentation n'est pas attrayant(e). Une bonne présentation de site web va plus loin que le simple choix d'un modèle populaire - elle fait partie intégrante de la conception d'un site web.

Et, comme c'est souvent le cas dans tous les secteurs, il y aura toujours des tendances. À l'heure actuelle, on peut dire que l'imagerie à fond perdu et la conception en trois colonnes figurent parmi les mises en page les plus utilisées. 

Il s'agit peut-être d'un format reconnaissable qui apporte une certaine familiarité aux utilisateurs de votre site web, mais suivre les tendances est-il toujours la bonne façon de procéder lorsque les entreprises en ligne ont des publics cibles si différents ? 

La personnalisation et la création d'une présentation de site web adaptée à votre clientèle cible seront toujours cruciales si vous voulez vous démarquer sur votre marché. 

Qu'est-ce qui fait un bon site web ?

Il n'est pas facile de répondre à cette question ou de la quantifier. Il existe de nombreuses possibilités en matière de conception de sites web. 

En fonction de votre secteur d'activité, de votre image de marque et de votre public cible, vous aurez un impact majeur sur ce que l'on peut considérer comme un "bon site web". 

Mais il existe des éléments généraux dont toutes les entreprises peuvent bénéficier.

1. Simplicité. Utilisez les espaces blancs pour découper le contenu. Éliminez le superflu et concentrez-vous sur ce que l'utilisateur recherche réellement. 
2. Navigation. Faites en sorte que les utilisateurs de votre site puissent accéder facilement aux pages qui les intéressent. C'est la clé pour retenir les visiteurs. 
3. Hiérarchie visuelle. Établissez un point central sur votre site pour montrer aux visiteurs où se trouvent les informations les plus importantes de la page. Il peut s'agir de classer les éléments par ordre de taille, de couleur, d'images, de polices de caractères, etc. 
4. Couleurs et images. Une bonne utilisation des couleurs et de l'imagerie peut inciter les utilisateurs à rester plus longtemps sur votre site. Une mauvaise utilisation peut entraîner une distraction. 
5. Compatibilité mobile. Au cas où vous auriez besoin de le rappeler, Google indexe désormais les sites web en fonction de leur version mobile. Veillez donc à vérifier l'aspect de votre site sur la version mobile. 
6. Multilingue. Ce n'est un secret pour personne : dans un monde où la connectivité ne cesse de croître, les gens choisissent de plus en plus d'acheter des produits en dehors de leur pays d'origine. Proposer un site web dans plus d'une langue est un élément essentiel pour quiconque souhaite accroître sa part de marché et ses flux de revenus. 

Exemples de mise en page pour votre site web multilingue

Comme le savent tous les entrepreneurs à l'esprit international, un site web multilingue est indispensable pour faire des affaires en ligne. Nous vous proposons quelques exemples de sites web multilingues réalisés par des clients de Weglot. 

Qu'est-ce qui rend leurs sites web si attrayants ? 

Crabtree & Evelyn

Commençons par le géant du parfum et du corps Crabtree & Evelyn, qui utilise Weglot pour rendre son site de commerce électronique véritablement international. 

Lorsque vous vendez des milliers de produits en ligne, il peut être difficile pour les visiteurs de votre site de se concentrer sur un seul CTA actionnable. C'est pourquoi ce détaillant en ligne sait exactement comment se démarquer lorsqu'il s'agit de la mise en page de son site web. 

Ils ont créé un message clé en pleine page, au-dessus du pli, qu'ils peuvent modifier en fonction de la saison ou du pays qu'ils ciblent. Et, comme le savent tous les détaillants de commerce électronique, la période la plus importante de l'année est naturellement celle des fêtes de fin d'année, il est donc logique qu'ils mettent en avant ce que leurs acheteurs recherchent sans aucun doute en ce moment. 

Cette page d'accueil ne risque pas d'avoir un taux de rebond élevé. Un CTA clair, "Acheter maintenant", vous amène directement à la page produit de leurs coffrets cadeaux - c'est une navigation impressionnante et rapide.

Adoptant une approche différente de celle de nombreux détaillants en ligne, ils ont choisi de créer un menu simple avec deux options déroulantes et une barre de recherche. 

Compte tenu du grand nombre de produits qu'ils proposent sur leur site, ils offrent deux options. L'option 1, la "barre de recherche", a été créée pour les personnes qui savent ce qu'elles cherchent, tandis que l'option "boutique" peut être préférable pour un nouvel utilisateur qui cherche à voir quels produits sont disponibles.

En faisant défiler la page d'accueil, on constate que la présentation du site a été divisée en plusieurs rangées offrant des articles plus ciblés. Les meilleures ventes et les coffrets cadeaux supplémentaires attirent à nouveau les nouveaux utilisateurs qui ne savent pas où orienter leur recherche. 

Au bas de leur site, ils ont choisi de personnaliser leur sélecteur de langue pour un affichage optimal de la localisation. 

Vous avez la possibilité de choisir le pays dans lequel vous vous trouvez, ainsi que la langue que vous parlez. La marque, qui sait que la localisation est essentielle, a reconnu que toutes les personnes résidant dans un pays donné ne parlent pas forcément la langue locale. 

Menta numérique

Remarquez comment cette agence de médias numériques utilise l'espace blanc, des illustrations personnalisées et des appels à l'action clairs pour attirer immédiatement l'attention du visiteur du site. 

Cet exemple de mise en page de site web montre clairement que l'utilisateur a tout ce dont il a besoin au-dessus du pli. Leur hiérarchie visuelle se présente sous la forme de leur slogan "revolutionary digital that matters" (un numérique révolutionnaire qui compte) - avec une mise en évidence des deux derniers mots. 

Le simple ajout d'un bouton "parlons-en" signifie que le visiteur du site n'a pas besoin de chercher beaucoup plus loin lorsqu'il s'agit d'entreprendre une action. Le choix de deux couleurs seulement, le gris et le vert, comme accents, apporte plus de cohérence et de simplicité. 

Pour la plupart des agences de médias numériques, les médias sociaux sont un outil puissant pour présenter leur travail et donner de l'importance à leurs activités. L'utilisation d'une barre de médias sociaux collante sur le côté droit du site permet de ne pas perdre de vue les canaux de médias sociaux. 

La navigation va droit au but et l'on voit clairement où l'on doit aller pour trouver l'information recherchée. En faisant défiler la page d'accueil, vous verrez que l'utilisation intelligente des polices de caractères et du texte mis en évidence permet au lecteur de rester attentif à ce qui est important. 

En ce qui concerne le changement de langue, ils ont choisi d'ajouter leur bouton de changement de langue dans le pied de page (ils ont activé la fonctionnalité utile Weglot fonctionnalité qui permet de diriger les utilisateurs en fonction de leur navigateur web).

Yogang

Vous savez, lorsque nous avons parlé de simplicité et d'élimination du "superflu" pour créer la présentation d'un site web, c'est justement ce que fait cet exemple de site. C'est exactement ce que fait cet exemple de site. Ce jeu de yoga pour enfants présente le mélange parfait d'animation et d'espace blanc pour créer un sentiment de curiosité et d'intrigue - alors que l'animation n'est pas juste là comme un gadget - elle est un indicateur clair de ce dont il s'agit. 

La première impression que l'on a de cette marque est sa page de couverture astucieuse, qui met en scène des personnages enjoués effectuant divers mouvements de yoga. Avec une telle première impression, il ne fait aucun doute que vous voudrez aller plus loin sur le site.

Dépassez la page de couverture créative et vous vous retrouverez sur le site web principal. Là encore, les personnages ludiques sont utilisés dans l'ensemble de la conception du site pour assurer une certaine cohérence, le produit principal étant mis en valeur dès l'arrivée sur la page d'accueil. 

Il y a un CTA clair pour acheter le jeu, ainsi qu'une option pour en savoir plus sur le produit sur le côté droit. Deux CTA pour l'acheteur impulsif et le buyer persona qui a d'abord besoin de plus d'informations. 

La barre de menu est certes longue, mais dans ce cas, elle a toutes les raisons d'être. Avec la possibilité de vendre en B2B et en B2C, il est logique que les utilisateurs trouvent immédiatement ce qu'ils recherchent. 

Leur produit est vendu à la fois sur le marché français et anglais. Un sélecteur Weglot discret, situé en bas à droite de leur site, permet donc de localiser instantanément le site.

Bleu marine ou gris

Cette entreprise de confection Navy or Grey a mélangé l'espace blanc, les illustrations et son USP dans le premier pli du site web. La sophistication est la meilleure façon de décrire l'aspect et la convivialité de ce site, qui correspond bien à son secteur d'activité. 

En ce qui concerne la hiérarchie visuelle, ils ont réussi à cocher cette case sur la liste. La première page du site attire l'attention sur deux éléments seulement, l'image et le texte. 

Leur menu facile à parcourir vous permet de comprendre leur processus de vente sans offrir trop d'options. En faisant défiler la page d'accueil, vous trouverez des images qui illustrent le fonctionnement de l'entreprise. 

De plus, il convient de souligner la division des produits en deux rubriques distinctes dans le menu: "Chemises" et "Costumes". Cela permet aux utilisateurs d'accéder à ce qu'ils veulent sans avoir à naviguer dans des sous-pages.

En matière de multilinguisme, leur sélecteur de langue se trouve en haut à droite de leur site, s'intégrant parfaitement à l'aspect et à la convivialité du design.

En ce qui concerne le commerce électronique multilingue, les clients néerlandais et anglais peuvent facilement utiliser le mode de paiement de leur choix, avec pas moins de 9 options différentes.

Créer une présentation de site web adaptée à l'utilisateur

Lorsque vous créez votre site web, gardez toujours à l'esprit votre utilisateur cible. Les visiteurs d'un site web veulent accéder instantanément aux informations dont ils ont besoin. Ne leur rendez pas la tâche plus difficile qu'elle ne doit l'être. 

Les exemples de sites web présentés ci-dessus savent exactement ce que veulent leurs utilisateurs et cela se voit. 

Que pouvons-nous apprendre d'eux en matière de présentation de sites web ? Placez vos CTA dans le premier pli de votre site web pour maximiser votre taux de conversion, utilisez l'espace blanc pour mettre en valeur votre message et veillez toujours à ce que la navigation dans votre menu soit aussi simple que possible. 

Intéressé par la traduction de votre site web ? Essayez Weglot sur votre site avec notre 10 jours d'essai gratuit.

Vous voulez en savoir plus ? Lire : 9 conseils pour la conception d'un site web multilingue, Multilingualympics : Voici les sites web multilingues qui réussissent, 6 types d'entreprises qui devraient absolument traduire leur site web