• 0k
  • 0
Web design \ 18 Novembre 2014

Web design : 6 conseils pour enrichir votre site

Il n’est pas possible de pointer du doigt un ensemble de techniques permettant de créer une œuvre d’art. Il en va de même en matière de création Web, et peut-être est-ce précisément la beauté de la chose. Les outils technologiques et les tendances évoluent si rapidement que la liberté de design ne connaît aujourd’hui plus de limite.

Comme vous le savez, notre équipe parcourt au quotidien des dizaines de sites d’utilisateurs de Wix. Cette semaine, nous avons décidé de faire d’une pierre deux coups. Nous ne nous contenterons pas uniquement de vous exposer des sites réussis : nous allons également mettre en lumière les idées et concepts de design les plus intéressants.

Bonne pratiques de web design

Mariez des images séduisantes et des textes originaux

Une image vaut mille mots mais rien n’empêche de combiner les deux. Le site Butcher & Sons illustre parfaitement la bonne association mots/images. Il s’appuie sur l’attractivité des visuels (appétissants à souhait) pour attirer l’attention sur ses textes et tire ainsi un profit optimal de sa page d’accueil. Une savoureuse idée !

Comment procéder : dans l’éditeur, il vous suffit d’ajouter différentes boîtes et images, puis de superposer vos textes. Si vous souhaitez utiliser un template préconçu pour vous simplifier la tâche, celui-ci devrait vous combler.

Site Wix : butcher and sons

Fixez l’en-tête de votre site

La tendance du long scrolling (voir notre article sur le sujet) continue de voir grimper sa cote de popularité. Fixer l’en-tête de votre site permet à vos visiteur de ne pas perdre de vue votre menu quand ils font défiler votre page. Cette astuce rend la navigation plus intuitive et donne à votre site une touche sophistiquée et moderne. Le Mood Store en fait usage à la perfection. Comme vous pouvez le constater, en faisant défiler la page vous gardez en permanence le logo, le menu et même les liens vers les réseaux sociaux sous les yeux. Vous souhaitez améliorer la navigation sur votre site ? Découvrez nos meilleurs conseils !

Comment procéder : fixer votre en-tête est un changement très utile mais qui influence considérablement le rendu de vos pages. Il est essentiel de vérifier si cette pratique répond à vos besoins et si c’est effectivement le cas, de soigner votre en-tête pour qu’elle se fonde parfaitement dans votre design. Pour plus d’info sur le sujet, cliquez ici.

Site Wix : Le Mood Store

Faites bon usage des GIF

Les GIF sont extrêmement populaires sur le Web – en particulier sur les réseaux sociaux. Ces images animées donnent à votre site une touche d’originalité et rendent vos pages statiques plus dynamiques. Le musicien Jaxx parvient à captiver le regard grâce à cet outil et à mettre en valeur ses titres. Attention néanmoins à ne pas abuser des GIF. Vous ne voulez pas que votre site ressemble à un gag des Looney Tunes.

Comment procéder : dans l’Éditeur, cliquez sur le menu Ajouter, sélectionnez un fichier .gif depuis Mes Images ou téléchargez votre GIF sur votre ordinateur et importez-le. C’est aussi simple que ça.

Site Wix de Jaxx

Rendez vos images dynamiques

Oui, ce point mérite d’être clarifié. Il ne s’agit pas d’utiliser des animations pour faire bouger vos visuels. L’objectif de cette manipulation est de faire en sorte que vos visuels apparaissent différemment quand vos visiteurs les survolent avec la souris. Vous pouvez les faire passer du noir et blanc à la couleur comme Naomi ou, dans un style différent, utiliser un effet qui superpose le flou au net comme l’a fait le designer du site AvecCeci. Croyez-nous sur parole : une fois que l’on découvre le deuxième visage de l’une de vos images, il est difficile de ne pas toutes les parcourir.

Comment procéder : dans l’Éditeur, cliquez sur le menu Ajouter, sélectionnez Boutons & Menus puis, Bouton Image. Ensuite, double-cliquez sur le bouton par défaut qui s’affiche (une icône de flèche) et paramétrez votre bouton. Vous aurez la possibilité de modifier l’image au survol de la souris mais également après-clic.

Avec Ceci®  deco maison design   Meubles design   Avec Ceci mobilier

En image, dans l’éditeur, voilà ce que ça donne :

Paramétrage d'un bouton image dans l'éditeur Wix

Créez une Landing Page attractive

Les landing pages (ou pages d’atterrissage) permettent de concentrer l’attention des internautes sur un objectif précis : acheter un produit spécifique, s’inscrire à une newsletter, découvrir une page Facebook, participer à un événement etc. Ces pages doivent délivrer un maximum d’informations visant à pousser l’internaute à accomplir ledit objectif. Cette Landing Page de Heinz est un excellent exemple de réussite en la matière. Même si la page n’est pas en français, il est facile de comprendre ce que la célèbre marque de Ketchup nous suggère d’accomplir. Ils peuvent la faire à toutes les sauces, ça marchera aussi bien.

Comment procéder : suivez notre guide pour créer une Landing Page réussie.

Landing page de Heinz créée avec Wix

Restez dans la simplicité, la clarté et l’élégance

Enrichir votre site ne veut pas dire le surcharger. Certains web designers n’hésitent pas à utiliser tous les matériaux et outils dont ils disposent pour créer des sites originaux, et ce parfois, au détriment de leur utilisabilité. La créativité est un atout qui n’a pas de prix, mais en abuser peut coûter cher. Sur votre site, vous devez avant tout penser à l’expérience de vos visiteurs et au meilleur moyen de leur simplifier la vie. Il peut être tentant d’afficher sur votre page d’accueil une variété d’images et de visuels pour donner un large choix d’informations aux Internautes. Néanmoins, ce choix peut s’avérer être un embarras d’autant plus que les surfeurs n’accordent que peu d’importance aux textes présentés sur les sites Web. Bref, pour faire une première impression professionnelle, faites comme D.W.13 et n’hésitez pas à épurer vos pages. Comme dit presque le proverbe : tu aimeras ton utilisateur comme toi-même.

Comment procéder : dressez une liste des informations et des visuels que vous devez impérativement présenter sur votre page d’accueil. Vous pourrez en ajouter progressivement pas la suite en tenant compte du bon goût digital.  Cliquez ici pour découvrir comment rendre votre site plus praticable.

Abonnez-vous à notre newsletter pour vous tenir informé de nos meilleurs conseils :



Recevez le
par e-mail !

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

Adresse courriel invalide.

l\'email existe déjà

Adresse courriel invalide.

Rejoignez-nous ! \ 

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

Adresse courriel invalide.

l'email existe déjà

Adresse courriel invalide.