• 0k
  • 0
Web design \ 10 Novembre 2014

Les secrets du design des sites Wix à succès

Un proverbe coréen dit « la perfection est un chemin, non une fin ». Tout web designer a conscience du fait qu’un site Internet peut toujours être amélioré. L’objectif doit être de viser continuellement la perfection, autant en matière de design que d’utilisabilité – mais cette cible mouvante est difficile à atteindre.

Choisir le Template idéal pour votre site et vous tenir informé des grandes tendances du web design sont certes des atouts considérables pour commencer du bon pied, mais ils ne vous garantissent pas la conquête des Internautes. À cet effet, certaines améliorations chirurgicales vous seront d’une aide précieuse afin de vous démarquer réellement sur le Web.

Nous avons interviewé nos designers afin qu’ils nous révèlent les aspects des sites Web à succès qui les ont séduits. Nous vous présentons un condensé de leurs observations :

Secrets de design Wix

Un espace Web sur son 31

Ne sous-estimez pas l’importance des détails. Un design aligné et des éléments symétriques constituent les fondements d’un site visuellement cohérent – donc professionnel. Ce n’est pas uniquement une question d’esthétique : l’expérience de vos utilisateurs dans son ensemble s’en verra améliorée. Une technique utile pour aligner vos éléments consiste à utiliser les règles violettes qui s’affichent sur votre site lorsque que vous les déplacez.

Suivre les lignes n’est pas dans votre ADN ? Vous pouvez annuler l’affichage automatique des règles en cliquant sur un simple bouton.

Si vous désirez grouper des éléments pour les aligner d’un coup, il vous suffit de suivre les instructions suivantes : maintenez la touche Ctrl de votre clavier enfoncée et sélectionnez les différents éléments que vous souhaitez aligner > Effectuez un clic-droit sur la boîte qui s’affiche autour de votre sélection > Cliquez sur l’icône Paramètres dans le menu pop-up > Cliquez sur Aligner et choisissez l’orientation qui vous convient.

L’info en plus : épurez au maximum vos pages. Le trop plein d’éléments graphiques est un moyen infaillible de provoquer un strabisme chez les visiteurs.

Utiliser des règles dans l'éditeur

Un en-tête qui ne perd pas pied

Il était un petit surfeur qui n’avait ja ja jamais navigué. S’il perd votre menu de vue en scrollant (c’est à dire en faisant défiler de haut en bas) votre site, il risque fort de ne pas trouver l’objet de ses recherches et de cliquer sur l’icône rouge à la croix blanche de l’onglet de navigation. Pour éviter cet écueil, vous n’avez qu’a fixer l’en-tête de votre site. Elle accompagnera alors vos visiteurs le long de votre site.

Vous souhaitez fixer votre en-tête ? Rien de plus simple ! Il vous suffit de suivre ces instructions.

L’info en plus : renseignez-vous sur la tendance du long scrolling qui fait des ravages sur le Web.

En-tête fixe site Wix

Des icônes sociales chaleureuses

De plus en plus de sites présentent des liens vers leurs comptes sur les réseaux sociaux (si ce n’est pas votre cas, cliquez ici pour savoir comment procéder). Saviez-vous que Wix vous donne accès à une vaste sélection d’icônes préconçues ? En plus d’apporter une touche plus sophistiquée à votre site, cela permettra de rendre vos liens sociaux plus attractifs – donc de générer du passage.

Attention : dans les Templates Wix, les icônes sociales sont liées par défaut aux comptes sociaux de Wix. Non pas que la pub gratuite nous dérange, mais dans votre intérêt, mieux vaut paramétrer les vôtres correctement.

L’info en plus : si vous envoyez vos fans vers votre compte Facebook, pensez à créer une photo de couverture percutante.

Icônes sociales personnalisées

Des transitions qui font effet

Cette astuce originale vous permet de surprendre vos visiteurs et de rendre votre site plus dynamique.  Vous pouvez faire votre choix parmi plusieurs effets de transition entre vos pages : vertical, horizontal etc. Prenez soin de sélectionner un style qui corresponde à votre site. Du bon goût, voilà le mot d’ordre d’une transition réussie. Vous trouverez un tutoriel sur le sujet ici.

L’info en plus : vérifiez que toutes vos pages sont en place en suivant ce lien.

Effets de transition entres les pages

Dess photos filtrées en mode Instagram

L’une des tendances les plus fortes en matière de création d’images est la superposition de filtres. Instagram a fixé un nouveau standard de mode en matière de photographie et il serait dommage de rester à la traîne. Pour vous faciliter la vie, Wix vous propose un éditeur d’images intégré à l’outil de création de sites. Très simple d’utilisation, il vous suffit de quelques clics pour donner à vos photos le look idéal.

L’info en plus : à la recherche d’autres tendances de création de visuels ? Cet article devrait vous intéresser.

éditeur d'images Wix

Des images qui défilent dans des galeries

Éblouissiez vos visiteurs en faisant défiler vos images dans des galeries élégantes. Wix met à votre disposition un large choix de galeries de tous genres : 3D, 2D, interactives, statiques, miniatures, diaporama pour ne parler que des plus classiques. Le clou du spectacle : vous pouvez transférer vos images d’une galerie à l’autre en un simple clic ! Comme en cuisine, la présentation de vos visuels est aussi importante que leur qualité. Rien de telle qu’une galerie soignée pour mettre en appétit vos visiteurs.

L’info en plus : si vous ne vous sentez pas d’humeur à les essayer une à une, cet article pour présente une sélection de nos galeries les plus récentes.

Galeries Wix

Des icônes qui cassent la baraque

Avec l’ascension du Flat design – du quoi ? – les icônes voient leur cote de popularité monter en flèche. Outre la touche moderne qu’elles apportent, les icônes contribuent à orienter visuellement les visiteurs. Vous pouvez utiliser les Clip Art que Wix vous propose dans l’éditeur – pour vous, c’est gratuit. Allez-y de bon cœur, ça nous fait plaisir.

Comment ajouter un clip art (ou une icône) sur votre site ? À gauche de l’Éditeur, cliquez sur l’icône Ajouter > cliquez sur Image > cliquez sur ClipArt.

L’info en plus : si vous recherchez une icône spécifique qui n’est pas proposée dans l’éditeur, vous pouvez utiliser les ressources gratuites présentées sur cet article.

Changer une icône sur Wix

Des vidéos qui ont du punch

Nous avons traité plus haut de l’importance des galeries d’images. Vos vidéos sont tout aussi importantes et méritent d’être présentées avec bon goût.  Découvrez notre galerie de vidéos, personnalisez-la comme vous l’entendez et dynamisez votre design.

L’info en plus : faites en sorte que vos vidéos soient référencées sur YouTube en suivant ces conseils et gagnez en visibilité !

Application de galerie de vidéos

Une page contact qui renseigne

L’utilité première de votre page de contact est de renseigner vos visiteurs sur toutes les informations pratiques liées à votre entreprise – adresse, téléphone(s), email, fax, télégraphe sans fil etc. Une astuce que nous chérissons particulièrement consiste à afficher une carte Google Maps sur votre page contact. La célère épingle rouge de Google permettra à vos visiteurs de vous localiser facilement et de trouver leur chemin vers vos locaux.

L’info en plus : inscrivez-vous sur Google My Business pour informer le géant de la recherche en ligne au sujet de votre entreprise. Il est essentiel d’y figurer, croyez-nous sur parole : sans Google, la fête est moins folle.

Application Google Maps sur une page de contact


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