• 248k
  • 7
Web design \ 7 Février 2017

10 secrets de web design pour un site internet parfait

Pourquoi le site internet que vous avez créé ne ressemble pas à ce que vous aviez en tête ? Les couleurs ne donnent pas ce que vous aviez imaginé et la composition d’ensemble paraît fragile. Vous aviez pourtant tout bien respecté. C’est totalement incompréhensible.

Allez, on va vous révéler un secret : tout se joue dans les détails. Il suffit parfois de déplacer un bouton, d’aligner certains éléments ou de changer un visuel pour constater la différence. Ce sont ces petits riens qui changent tout. Mais comment savoir ce qu’il faut modifier exactement ? Pas de panique, on a dressé pour vous une liste des 10 critères à respecter pour obtenir le site de vos rêves.

Structurez votre site

La première étape de votre design est votre mise en page : vous devez commencer par organiser les différents éléments sur votre site internet. La façon dont vous allez présenter votre contenu aura un impact immédiat sur l’expérience utilisateur.

Wix vous offre plusieurs manières de structurer votre site. Vous pouvez tout d’abord opter pour une présentation par bandes, c’est-à-dire découper votre page en plusieurs sections horizontales afin de mieux structurer votre contenu. Deuxième possibilité : une fois que vos bandes sont en place, vous pouvez y ajouter des colonnes, qui diviseront le contenu à la verticale. À vous de choisir ce qui convient le mieux à votre site et à vos envies.

Choisissez bien vos couleurs

Quelle est la couleur de l’espoir ? Le vert. Quant au blanc, il représente la pureté et l’innocence. Le marron ? La nature, la stabilité et l’assurance. Vous l’avez compris, tout comme les mots, les couleurs diffusent un message. Sans même que vous vous en rendiez compte, elles vont déterminer l’atmosphère de votre site. Il est donc important de les choisir en connaissance de cause, tout en respectant vos goûts et votre personnalité.

> Découvrez comment modifier les couleurs de votre site.

choisir une couleur éditeur Wix

Sublimez votre page

Le mot « arrière-plan » vous fait encore penser à un vieux papier peint de chez vos grands-parents ? Il est temps de changer votre vision des choses. L’arrière-plan nouvelle génération est arrivé, il est dynamique, décoiffant et va révolutionner l’aspect de votre site internet : c’est l’effet parallaxe. Il consiste à faire défiler le fond d’écran et le premier plan de votre site à des vitesses différentes pour obtenir un effet 3D éblouissant. Zoom, fondu ou apparition : il y en a pour tous les goûts. Bien mieux que l’effet papillon, vous verrez vite comment cette petite révolution visuelle peut avoir des conséquences gigantesques sur votre trafic et votre taux de conversion.

> Découvrez nos différents effets parallaxe.

Téléchargez votre propre police

Votre entreprise, votre site, votre design. C’est le leitmotiv de la maison et nous nous faisons un point d’honneur à l’appliquer à tous les éléments de notre plateforme : de la couleur aux images en passant par les polices de caractères. L’Éditeur Wix vous propose une large gamme de polices gratuites parmi lesquels vous pouvez faire votre choix. Cependant, si vous n’y trouvez pas votre bonheur, vous avez également la possibilité de télécharger la vôtre, en parfaite adéquation avec votre identité visuelle et votre stratégie.

> Découvrez comment importer votre propre police.

Utilisez des photos professionnelles

On ne vous explique plus l’importance des visuels sur la Toile. Des photos de qualité attirent les visiteurs et instaurent immédiatement un climat de confiance. Seulement, vous êtes une petite entreprise et vous n’avez pas les moyens de vous payer les services d’un photographe professionnel. Pas de problème ! Puisque vous avez fait le bon choix en réalisant votre site sur Wix, vous avez accès à des milliers de photos et vidéos gratuites directement depuis votre Éditeur. Autre option : Wix vous donne un accès à Bigstock, une des plus grandes banques d’images présente sur le marché. Des millions de visuels professionnels sont alors à votre disposition pour un prix abordable. Redorez l’image de votre site (au sens littéral comme au sens figuré) gratuitement ou pour une poignée d’euros seulement.

> Découvrez comment acheter des images pros à prix très doux sur Bigstock.

banque d'images bigstock éditeur Wix

Uniformisez la taille de vos éléments

Créer un site internet est un travail minutieux et de longue haleine où chaque détail a son importance. Notre objectif est de vous faciliter la tâche pour vous permettre de vous concentrer sur l’aspect général de votre site. Pour cela, nous avons créé une fonctionnalité dont le but est d’ajuster automatiquement la taille de vos éléments les uns aux autres. Ça peut paraître banal, mais c’est bien connu, le diable se cache dans les détails. Si vous travaillez avec plusieurs éléments qui nécessitent une certaine uniformité – par exemple des icônes, boutons, etc. – cette fonctionnalité va vous permettre d’économiser un temps précieux et pas mal de migraines.

> Découvrez comment ajuster automatiquement la taille de vos éléments.

Soyez dynamique

Sur le Net comme dans la vraie vie, vous devez créer une interaction avec vos clients. Mais comment faire lorsqu’un écran vous sépare ? Tout simplement en faisant réagir les différents éléments de votre site aux actions de vos visiteurs – par exemple créez un effet de zoom lorsque la souris passe sur un bouton. C’est ce qu’on appelle des effets de survol. L’impact sera d’autant plus important si vous les appliquez à une galerie d’image : votre site bouge au rythme du curseur et vos visiteurs n’auront plus l’impression de parler à un mur – enfin à un écran.

> Découvrez comment ajouter un effet de survol.

Donnez vie à votre site

On ne se lasse pas voir une vidéo d’arrière-plan sur un site internet : c’est captivant. Qu’elle soit abstraite ou qu’elle représente quelque chose de précis, elle attire immédiatement l’œil et crée un effet inégalé. Petite précaution à prendre tout de même : la vidéo d’arrière-plan ne convient pas à tous les sites ni à tous les publics. Cependant, si vous jugez qu’elle a sa place sur le vôtre, n’hésitez pas un instant.

> Découvrez comment télécharger une vidéo d’arrière-plan.

motion designer

Mettez votre travail en valeur

Le diaporama permet mettre en avant une ou plusieurs parties de votre site. Par exemple, il peut s’agir d’une promotion, d’un nouveau service ou d’un article de blog. L’idée est de placer un élément spécifique « sous le feu des projecteurs » pour diriger l’attention du visiteur vers un endroit précis. Et bien sûr, pour rester fidèle à nous-même, le diaporama est entièrement et facilement personnalisable.

> Découvrez comment ajouter un diaporama à votre site.

Gardez la ligne

L’alignement et la symétrie sont des notions essentielles en web design, elles changent considérablement l’aspect d’un site. Seulement ce n’était déjà pas votre fort en CM2 et les années n’y ont rien changé. Heureusement nous avons créé pour vous un outil d’alignement automatique : tous les éléments sélectionnés vont se positionner uniformément et symétriquement les uns avec les autres. Grâce à cet outil, vous n’avez plus besoin de loucher sur votre écran en vous demandant si tout est bien droit. Par contre on n’a pas encore trouvé de solution pour les tableaux de votre salon (mais on y travaille).

> Découvrez comment utiliser l’alignement des éléments.

Prêt à mettre en pratique tout ces conseils de web design ? Créez votre site internet avec Wix.

Publié par Equipe Wix
Wix

Recevez le
par e-mail !

Rejoignez le blog de Wix Ne manquez rien de notre actu !

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

Rejoignez-nous ! \ 

Découvrez nos conseils en web design, en marketing digital,
et suivez toute l'actu Wix ! Pas de spam. Promis.

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email