Nos modèles Webflow préférés pour ajouter des langues à votre site

Une ardoise vierge.

Pour un concepteur, une ardoise ou un site web vierge est excitant. Les développeurs peuvent éprouver le même sentiment : l'excitation provoquée par une page blanche qui attend des parenthèses, des commandes et des points-virgules parfaitement placés, au point que certains décrivent même un "état d'euphorie du codeur" lorsque le travail devient intense.

Mais si vous n'êtes ni concepteur ni développeur , la page blanche est probablement plus intimidante qu'invitante. Surtout si vous essayez de créer une boutique en ligne et de vous occuper de la conception d'un site web.

Webflow se distinguent de la plupart des autres modèles gratuits ou des constructeurs de pages en ce sens qu'ils combinent essentiellement ces deux types de pages vierges : l'aspect conception web et la page vierge du codeur.

Mais ce qui le distingue vraiment , c'est son interface, qui rend ces deux espaces de travail accessibles aux utilisateurs qui ne construisent pas de sites web réactifs avec HTML5 et CSS, tout en leur donnant la puissance que les créatifs tels que les designers et les indépendants peuvent libérer dans des environnements de liberté totale.

Ardoise vierge ou modèle ?

Pour ceux qui regardent encore une page blanche, même celle Webflow , avec appréhension, n'ayez plus peur : Webflow et de nombreux membres de sa communauté ont créé ensemble toute une série de solutions à ce problème, sous forme de modèles.

Webflow se situent quelque part entre les modèles Squarespace (où tout est déterminé par les préréglages du modèle ou du site) et les thèmes WordPress, où tout peut être personnalisé à l'aide du plugin ou snippet code approprié.

Nous avons constaté que l'un des grands avantages des Webflow , du point de vue des concepteurs web, des professionnels de la création ou des freelances, est l'absence de contraintes en matière de conception et d'interaction. La création de modèles impose certaines restrictions au créateur de sites web,mais facilite également la création d'un site web en rationalisant le processus grâce à des préréglages.  

Cette idée peut sembler contraire à la logique d'un Webflow , mais ce n'est pas le cas. Vous vous demandez peut-être comment Webflow parvient à maintenir une économie parallèle florissante en matière de modèles ? 

Tout réside essentiellement dans l'architecture : tous Webflow sont créés avec Webflow , et pour en utiliser un (gratuit ou payant), vous clonez l'original directement dans Webflow , ce qui signifie que vous pouvez modifier n'importe quelle partie du site cloné en toute liberté. 

Alors que de nombreuses autres plateformes de création de sites, comme One Page, exigent que les concepteurs de modèles téléchargent des types de fichiers spécifiques qui peuvent être difficiles à modifier pour un non-développeur, Webflow regroupent tout au même endroit. Vous pouvez utiliser un Webflow tel quel ou simplement comme structure de mise en page pour un design de site web hautement personnalisé.

Nous avons déniché quelques Webflow particulièrement adaptés au multilinguisme pour ceux d'entre vous qui visent un public international. Ces modèles de blog permettent aux utilisateurs d'organiser leur texte et leurs médias de manière flexible, afin que la traduction du site web n'altère pas les éléments de conception web tels que l'espacement. La bonne nouvelle, c'est que tous ces Webflow sont clonables. Ainsi, si vous en voyez un qui vous plaît, vous pouvez l'utiliser comme base pour votre Weglot multilingue Webflow x Weglot .

1. Le bois, la simplicité

Développeur : Medium Rare

Prix : $79 (USD)

Découvrez-le par vous-même ici

Timber est plus qu'un modèle de blog. Il s'agit d'un kit d'interface utilisateur complet , ce qui signifie que les utilisateurs peuvent choisir parmi une variété d'éléments clonables, ainsi que des modèles de portfolios prédéfinis, pour les utiliser sur leur site comme bon leur semble.

Là encore, l'un des principaux avantages des éléments clonables est leur personnalisation: les boutons, les styles de menu et les autres caractéristiques de tout kit d'interface utilisateur peuvent être stylisés et adaptés à n'importe quelle conception de site web.

La flexibilité offerte par les kits d'interface utilisateur est essentielle pour les propriétaires de sites multilingues. La possibilité d'adapter les styles des boutons et les formats des menus vous permet de tenir compte des changements de longueur des mots qui peuvent survenir lors de la traduction dans une autre langue. Elle ouvre également de nouvelles possibilités pour styliser et intégrer votre bouton de changement de langue dans votre site de commerce électronique.

À première vue, l'esthétique de Timber semble figée. Mais les exemples d'éléments et de mises en page Timber sur le site Timber sont des véhicules pour la propre marque du modèle, et sont destinés à être réappropriés par d'autres marques. C'est là tout l'intérêt d'un kit d'interface utilisateur : il s'agit d'un code et d'un design épuré qui n'attendent qu'à être repris à leur compte.

Un excellent exemple multilingue de Timber en action est le site web allemand-anglais de Crisp Studio. Il suffit de jeter un coup d'œil à leur page d'accueil pour ne pas deviner qu'ils ont utilisé Timber comme modèle de site web :

Ils ont réussi à intégrer parfaitement leur marque sur une page d'atterrissage fournie par Timber, en ajoutant leurs propres CSS et HTML5 et en jouant avec la mise en page et les interactions pour créer une page d'accueil impeccable.

2. Quicksmart, la startup star

Développeur : Medium Rare

Prix : $79 (USD)

Découvrez-le par vous-même ici

La boutique Webflow ne manque pas de modèles d'interface utilisateur destinés aux start-ups : on trouve 42 modèles de sites web rien que pour le tag « Startup », contre 10 pour le tag « Beauty ».

Webflow est un outil adapté aux start-ups, car l'entreprise elle-même était autrefois une start-up. Si vous créez un site web pour une start-up, comment éviter d'être submergé par la multitude de modèles de sites web disponibles ?

L'image de marque d'une startup : une tâche difficile

Le mot "startup" ne désigne plus exclusivement les petites entreprises technologiques : il existe aujourd'hui des startups dans tous les secteurs d'activité. Malgré cette diversité, on a tendance à adhérer à une norme de conception inspirée de la technologie et du commerce électronique pour tout ce qui concerne l'image de marque.

L'image de marque des startups est devenue progressivement plus homogène, ce qui rend plus difficile pour les nouvelles startups de se distinguer, en particulier en ligne, où les modèles de kits d'interface utilisateur sont devenus la norme et où les sites multi-pages minimalistes et épurés ne diffèrent que par leur contenu et leur palette de couleurs. 

C'est peut-être en raison de la genèse même Webflow, qui est passé du statut de start-up à celui de norme, que son équipe Webflow a donné la priorité aux mises en page adaptées aux start-ups, ou parce que Webflowparfaite place de marché de modèles Webflowa attiré de nombreux designers sensibles à l'écosystème de l'innovation. Quoi qu'il en soit, les modèles hautement personnalisables pour start-ups ne manquent pas sur Webflow, comme Quicksmart.

Quicksmart, comme Timber, est un kit d'interface utilisateur, ce qui signifie qu'il est livré avec un ensemble de fonctionnalités clonables et modifiables, ainsi qu'une gamme complète de structures multi-pages qui attendent d'être embellies et renforcées par l'identité visuelle de votre marque.

Une solution localisable pour un marché mondialisé

L'un des critères pour être considéré comme une startup étant généralement la nouveauté, il est juste de dire que toutes les startups qui existent aujourd'hui ont été créées dans un contexte mondial. Même si toutes les startups ne ciblent pas les marchés mondiaux, elles devraient toutes être conscientes que leur portée peut s'étendre à toute la planète sans rien de plus qu'un site web HTML5 ou un bon classement dans Google.

Dans cette optique, adapter le site d'une startup à un public international n'est jamais une mauvaise idée.

Le kit Quicksmart UI suit les codes courants des sites web de start-up (espaces blancs et interactions fluides entre les pages) et offre un cadre fluide pour le changement de langue, avec des boutons préprogrammés personnalisables et une mise en page flexible (l'un des meilleurs atouts Webflowpour la création de sites multilingues).

La société suédoise Teamvate, spécialisée dans les solutions numériques de gestion des ressources humaines, a tiré parti des modèles de portfolio de Quicksmart sur son site, en organisant ses informations de manière à éviter les problèmes d'espacement lors du passage de l'anglais au suédois, malgré la contraction moyenne de 30 % du nombre de caractères qu'entraîne ce passage.

3. Oxy, communiquer de manière créative

Développeur : Deni Bozo, Webflow

Prix : $79 (USD)

Découvrez-le par vous-même ici

Oxy se présente comme un template/CMS pour les agences et les créatifs. Vous pouvez en savoir plus en lisant les témoignages et les FAQ.

Ce qui distingue Oxy, ce n'est pas uniquement son positionnement favorable aux agences. Ce sont plutôt ses visuels percutants : Oxy permet aux utilisateurs de tirer pleinement parti des animations de défilement fluides qui ont fait la renommée de Webflow.com.

Les séquences d'animation des modèles Oxy sont applicables à tout type de page d'atterrissage, de page d'accueil ou de page de tarification : l'essentiel est qu'elles donnent la priorité aux grands visuels, ce qui est un excellent moyen de communiquer de manière universelle. Ce n'est peut-être pas un avantage particulier pour les sites web multilingues, mais cela fonctionne de la même manière pour les sites web multilingues. 

Le style d'animation parallaxe d'Oxy est particulièrement bien adapté aux sites web multilingues en raison de l'espacement.

Que vous soyez ou non adepte de la tendance minimaliste en matière de conception de sites web, elle présente un avantage majeur : les zones de texte disposent de beaucoup d'espace, ce qui signifie que le passage d'une langue à l'autre ne perturbe pas la mise en page globale.

Prêt, prêt, clone

Prêt à vous lancer dans la création de votre Webflow multilingue avec des thèmes Elastic plutôt qu'avec le générateur One Page ? Timber, Quicksmart et Oxy sont tous disponibles dans la boutique Webflow , où vous pouvez également découvrir d'autres modèles et lire des témoignages et des FAQ. 

Nous avons également créé notre propre site WebWebflow prêt à être cloné, similaire aux thèmes Elastic ! Vous trouverez 14 sélecteurs de langue que nous avons créés pour vous, à ajouter à votre site Web Webflow Weglot Webflow !

Il en existe d'autres très intéressants que vous pouvez rechercher sur Google si vous travaillez dans l'un de ces six secteurs et que vous envisagez de créer un Webflow pour votre entreprise. Le monde multilingue Webflow vous offre également des opportunités en matière de commerce électronique, ainsi qu'une grande liberté de conception pour la mise en œuvre d'un sélecteur de langue et d'une stratégie visuelle multilingue.

Et si vous recherchez le meilleur outil pour localiser votre Webflow , nous avons ce qu'il vous faut.