Il est parfaitement possible de concevoir un site internet créatif pour votre entreprise. Il y a cependant quelques règles de base à respecter pour un web design efficace. Vous devez créer un site web personnalisé qui reflète l’image et la personnalité de votre entreprise mais attention à la façon de l’obtenir.
Quels sont les 8 erreurs à ne pas commettre en webdesign ? Quelles sont les bonnes pratiques dans la création web ? Nous vous proposons notre liste des erreurs à ne pas commettre.
La mise en page
La mise en page de vos pages web, c’est un peu comme la vitrine de votre magasin (si vous en avez un) : surchargée ou désordonnée, elle ne donnera pas envie d’entrer. Aérée et stratégiquement composée, elle suscitera l’intérêt et donnera envie de poursuivre la visite.
Vous devez organiser le mieux possible ce qui se trouve au-dessus de la ligne de flottaison (ce qui est visible sans scroller). Vous devez y faire passer un message clair et le plus simplement possible.
N’hésitez pas à utiliser des bandes de contenu distinctes pour aider vos visiteurs à s’orienter intuitivement vers l’information qui les intéresse sur le reste du site. Les bandes verticales structurent l’information et rendent votre contenu plus lisible.
N’ayez pas peur de laisser des espaces blancs autour des éléments clés de votre page (bouton de transformation…), ils n’en seront que mieux identifiables pour vos visiteurs.
Les polices
Il existe des millions de polices que vous pouvez utiliser sur votre site Internet. L’une des erreurs à éviter, même si la tentation est forte, est de les multiplier pour varier les styles. En abusant des polices, vous risquez de perdre des visiteurs qui auront du mal à lire.
Les polices sont à consommer avec modération pour la création de votre site. Il est recommandé de ne pas en utiliser plus de 3 sur l’ensemble de votre site et il existe des règles pour apprendre à bien les marier.
Vous devez ensuite veiller à ce que les polices que vous allez utiliser correspondent à l’image de votre entreprise. Car une police véhicule un message visuel.
Dernier point, vos textes doivent être lisibles sans efforts, et sur toutes les tailles d’écrans. Prenez garde à instaurer un contraste suffisamment important entre le fond et la couleur de la police. Conservez une taille suffisamment grosse (12 pixels au moins).
Les couleurs
Votre site doit bien sûr respecter votre charte graphique et reprendre les couleurs de votre marque. Vous ne devez pas pour autant chercher à tout harmoniser. Deux zones notamment peuvent se démarquer : les zones de menus et les boutons.
On utilisera plutôt des couleurs complémentaires sur les boutons pour orienter stratégiquement son regard. Quant à la zone de navigation, on privilégiera des couleurs neutres.
Les images
Il y a deux catégories de site sur Internet, ceux qui utilisent de belles images de bonnes qualité et les autres. Si vous ne voulez pas finir dans la deuxième catégorie, vous ne devez pas utiliser d’images pixelisées pour votre projet web. C’est d’autant plus vrai si l’image est utilisée en grand format. Une image de mauvaise qualité renverra à l’internaute une impression de manque de professionnalisme.
La deuxième erreur commune avec les images, c’est de ne pas les optimiser pour le web. Rien ne sert d’avoir une magnifique image de photographe si elle met de longues secondes à charger et donc à s’afficher. La patience n’est pas la caractéristique principale des internautes.
L’orthographe
Fo til vrément vous expliqué pkoi la frase que vous lisait pause probleime ?
Alors oui, bien sûr, cet exemple est très exagéré mais il n’en reste pas moins qu’un trop grand nombre de fautes d’orthographe poussera vos visiteurs à quitter votre site avant d’y faire quoi que ce soit d’intéressant pour vous, et il ne garderont pas en plus la meilleure image de votre entreprise.
Votre contenu, c’est votre vendeur en magasin, il doit mettre en valeur votre produit ou service.
La navigation
La créativité et l’originalité de votre design web ne doit jamais aller à l’encontre des principes d’utilisabilité et d’ergonomie.
Il en va de même avec les tendances du web design, avant de reprendre le menu de navigation de votre site préféré sur votre site Internet, vérifiez qu’il est bien adapté au contenu que vous proposez. A quoi bon opter pour un méga menu pour un site d’une dizaine de pages ou au contraire refuser l’utilisation de sous-menus pour un site riche en contenu ?
L’absence de call-to-action
Vous avez créé votre site Internet dans un but bien précis : faire acheter vos produits (pour une boutique en ligne), obtenir des inscriptions, être contacté (pour un site vitrine)… Si vous n’avez pas sur votre site de bouton bien visible pour réaliser cette action, vous réduisez à néant ses performances. Mais attention, vous ne devez pas non plus en proposer trop sous peine de perdre vos visiteurs avec trop de choix.
Si la présence d’un call-to-action est indispensable sur chaque page de votre site, son positionnement et son aspect sont tout aussi stratégiques. Il doit être immédiatement repérable du reste de votre site.
Le plus simple est de créer un site responsive qui s’adaptera automatiquement aux différentes tailles d’écran. Vous pouvez aussi créer un version de votre site spécialement optimisée pour les mobiles.
Vous connaissez maintenant les règles d’ergonomie et de design qui régissent la création d’un site Internet. Vous pouvez donc éviter de tomber dans les pièges les plus communs du webdesign ou tenter d’y remédier si votre site est déjà en ligne.
Un CTA est un bouton d’appel à l’action (call-to-action en anglais). Il a un impact direct sur l’efficacité de votre site puisqu’il indique à vos visiteurs l’action que vous souhaitez qu’ils effectuent sur chaque page. Vous pouvez utiliser un CTA pour pousser à acheter, à s’inscrire, à s’abonner, à prendre contact, à demander un devis, à télécharger une plaquette…
Pourquoi votre CTA compte ?
On voit beaucoup de bouton “Inscrivez-vous ici”, “Cliquez-ici” sur des sites Internet. Ce genre de CTA a peu de chances de générer beaucoup de conversions.
Un CTA n’est pas un simple bouton, vous avez besoin d’un élément qui incite vraiment les gens à réaliser l’action qui vous intéresse sur votre publicité ou votre site. C’est exactement l’objet d’un CTA : dire à l’internaute ce qu’il doit faire ensuite et le convaincre qu’il a tout intérêt à le faire.
Attention : tout n’est pas à inclure dans le bouton. La partie pourquoi, peut être traitée dans le texte entourant votre bouton.
1- Choisir votre objectif
Avant de penser à vos boutons, définissez l’objectif principal de votre site Internet mais également de chacune de vos pages. Il influera sur le style, l’emplacement et le contenu de vos CTA.
Bien sûr, vous n’aurez pas un objectif unique mais hiérarchisez vos boutons pour que les internautes voient en premier le plus important.
2- Le texte du call-to-action
Pour un bouton efficace, l’internaute doit sentir une notion d’urgence ou d’offre spéciale qui le poussera plus ou moins consciemment à cliquer.
Il existe plusieurs façons de créer un sentiment d’exclusivité auprès de vos visiteurs, voici quelques exemples :
Plus que X jours restants
Stocks limités
Dernière chance
Maintenant
Aujourd’hui
…
Un bouton avec peu de texte fonctionnera mieux.
L’infinitif est préférable dans un cadre formel mais suivant votre secteur d’activité, vous pourrez tester plusieurs formules pour identifier celle qui fonctionne le mieux sur votre site. Dans tous les cas, il est préférable de s’adresser directement à votre lecteur et d’utiliser des verbes d’action.
Quelques exemples :
Je le veux!,
Achetez maintenant,
Inscris-toi,
Nouvelle collection
3- Le design du bouton
L’ergonomie et l’UX dictent quelques règles dans la création de boutons. Les internautes sont habitués à certains codes. Cela ne veut pas dire que vous ne pouvez pas vous démarquer en apportant votre touche. Faites en sorte toutefois de rester cohérent avec l’image de votre entreprise.
L’importance des couleurs
Le choix des couleurs joue un rôle dans le message que vous allez faire passer avec votre site et sur son ambiance générale. Celle de votre bouton aura un impact encore plus important sur vos résultats. En effet, un bouton qui se distingue et saute aux yeux fonctionnera mieux qu’un bouton à vos couleurs, noyé dans le reste du contenu de la même teinte. Pour cela, nous vous conseillons d’utiliser une couleur complémentaire de votre charte graphique.
4- L’emplacement du CTA
Si vous n’avez pas de bons résultats avec un bouton d’appel à l’action, c’est sûrement parce qu’il est mal placé.
Dans l’idéal, un bouton doit se trouver dans un endroit central, au-dessus de la ligne de flottaison. Vos visiteurs doivent le voir avant d’avoir effectué la moindre action (scroll) sur votre site.
Il ne doit pas dénoter mais rester bien visible.
5- Tester plusieurs boutons
On peut chercher toutes les informations possibles sur le sujet, le meilleur moyen de savoir ce qui marchera sur vos sites sera de tester.
Tentez une combinaison, voyez comment elle fonctionne puis tentez en une autre. Partez de celle qui marche le mieux et continuez de la décliner jusqu’à ce que vous compreniez ce qui plaît à vos visiteurs.
Vous serez parfois surpris des conséquences d’une modification qui vous paraîtra infime.
Exemple de CTA efficace
Étudions le CTA de Netflix, leader de la diffusion de films et séries en streaming. Comme vous pouvez le voir ci-dessous, il va droit au but :
CTA de Netflix
Le but de Netflix est de vous faire vous abonner à sa plateforme. Le call-to-action vous y incite très clairement en vous offrant en plus 30 jours pour essayer avant de payer.
“Sans engagement” indique immédiatement aux utilisateurs qu’il n’y a aucune risque avec l’essai gratuit. L’objection de l’engagement est balayé avant même l’appel à l’action. L’usage mobile de la plateforme est également mis en avant avec le sous-titre “Où que vous soyez”.
Avec cette page, Netflix balaie toutes les objections que pourraient avoir un utilisateur à tester sa plateforme gratuitement. Le seul risque qu’il prend c’est de devenir accro aux séries inédites de Netflix et donc de souscrire ensuite à l’abonnement payant pour pouvoir continuer à les regarder. Un tel CTA a donc de fortes chances d’augmenter les conversions.
Call-to-Action de Trello
De nombreuses études ont montré qu’une couleur vive peut augmenter le taux de clics d’un CTA. Trello met cette approche en pratique en utilisant un bouton vert qui contraste bien avec le fond bleu et attire ainsi le regard. Et le texte rassure en indiquant que l’inscription est gratuite.
Ces exemples montrent qu’avec un CTA fort, vous mettez toutes les chances de votre côté pour que votre site convertisse. Les CTA sont souvent négligés alors qu’ils peuvent avoir un impact conséquent sur l’efficacité de votre site. Vous connaissez maintenant les étapes à suivre pour créer des CTA efficaces, il ne vous reste plus qu’à vérifier ceux de votre site.
Aujourd’hui, aller sur internet est devenu une habitude et est rentré dans le langage courant. Mais cette action ne se limite pas uniquement à brancher sa box, activer son WiFi ou sa connexion mobile. Elle est bien plus vaste, à tel point que la notion de “toile” instaurée par le web (ou World Wide Web) lui est totalement associée.
Ce réseau informatique mondial accessible au public* est juste, pour le commun des mortels, une interface à manipuler. Il peut s’agir d’applications (musicales, de banque, de géolocalisation, de jeux), de solutions de Cloud mais aussi et surtout de NAVIGATEURS. Ils sont l’objet de notre article aujourd’hui.
Qu’est-ce qu’un navigateur ?
Un navigateur est un logiciel qui permet d’afficher puis de parcourir un site Internet (ou site web). Il se compose principalement d’une barre d’adresse et/ou de recherche et d’une zone pour afficher vos résultats ou votre site web.
Cet outil peut récupérer des informations stockées sur un serveur et les afficher sur votre ordinateur ou smartphone. Ces informations sont créées avec des langages de programmation complexes (principalement HTML et CSS) et sont composées de texte, d’images (JPEG, PNG ou GIF), de vidéos (MP4, OGG, WEBm), etc… On peut même y consulter ses emails !
Elles sont visibles sous la forme de ce que l’on appelle un code source (Il s’agit d’un ensemble d’instructions informatiques qui sont lisibles et compréhensibles par l’humain) et que le navigateur interprète pour afficher le résultat que vous connaissez.
Les langages de programmation évoluent, ce qui fait que les navigateurs doivent s’adapter sinon on dit qu’ils vieillissent, il faut donc effectuer régulièrement des mises à jours. Pour certains navigateurs web, les mises à jour sont automatiques, pour d’autres elles doivent être faites manuellement.
Si vous ne faites pas ces mises à jours, en fonction de votre version du navigateur, les pages web s’afficheront plus ou moins bien. Afin de profiter de la version optimisée et sécurisée d’un site (mais aussi pour l’administrer), nous vous conseillons très fortement de mettre à jour vos navigateurs.
Par exemple la version du CMS WordPress 4.8 n’est plus supportée par Internet Explorer 8, 9 et 10.
Quels sont les navigateurs les plus utilisés ?
Il en existe plusieurs. Les principaux navigateurs web sont Google Chrome, Mozilla Firefox, Internet Explorer, Microsoft Edge, Safari et Opera. Certains dépendent directement du système d’exploitation utilisé (Mac OS, Windows, Android, iOS, etc).
Tous ont des styles différents mais proposent essentiellement les mêmes fonctionnalités :
afficher une page web,
gérer vos sites favoris ,
installer des modules (pour améliorer votre navigation, masquer votre vie privée).
Tout ceci pour vous proposer le confort dont vous avez besoin pour l’utiliser le mieux possible.
L’historique de navigation
Un navigateur web peut stocker avec votre autorisation les données que vous accumulez pendant votre utilisation. On parle alors d’historique de navigation.
On y trouve vos mots de passe, les sites visités, les éléments des champs de formulaires. Cela est pratique si vous souhaitez retrouver une page web, une session utilisateur (site ecommerce , boite mail , etc).
Mais pensez toujours à votre sécurité, en utilisant des logiciels antivirus, des mots de passe complexes, à mettre à jour les différents outils que vous utilisez. En effet des hackers peuvent exploiter des failles et voler vos données. Vous pouvez aussi vider votre historique pour que votre collègue, ami ou un membre de votre famille ne tombe pas sur vos recherches 😉
Vous en savez un peu plus sur les navigateurs et l’art de bien les utiliser.
On remet souvent à plus tard la refonte de son site Internet faute de temps et/ou de moyens. Comment savoir dans ce cas quand il n’est plus possible de repousser ce projet ? Quand est-il grand temps de refondre son site plutôt que d’apporter quelques modifications à votre site actuel ? Voici 3 raisons pour lesquelles une refonte s’impose.
1- Vous voulez travailler votre référencement
Si votre site n’a pas été conçu à la base dans une optique de référencement naturel, il peut s’avérer plus simple et moins coûteux d’envisager une refonte complète de votre site Internet plutôt que des correctifs.
Prenons l’exemple du HTTPS. C’est un passage obligé pour tout site qui a des velléités de référencement naturel. Si votre site n’en bénéficie pas encore, vous devrez modifier l’ensemble de vos URL, ce qui aura forcément un impact négatif (à court terme) sur vos positions. C’est donc le moment parfait pour coupler une refonte. Si vos URL doivent changer, elles ne changeront qu’une bonne fois pour toutes.
2- Votre site n’utilise pas des technologies récentes
Si votre site web a été construit il y a plusieurs années (plus de … années), il risque d’utiliser des technologies devenus obsolètes (Flash, CMS tombé en désuétude…). Cela peut vous paraître anodin et sans grande importance pour votre activité mais ce n’est malheureusement pas le cas.
Un site obsolète porte préjudice à votre business car il donne une mauvaise image de votre entreprise à vos visiteurs et il vous fait perdre des contacts, souvent les plus intéressants, qui attachent de l’importance à la crédibilité des entreprises à qui ils font appel.
Il y a de fortes chances également que votre site ne soit pas adapté aux mobiles, hors la navigation sur mobile prend toujours plus d’importance. 75% des Français surfent sur Internet depuis leur terminal mobile selon une étude d’Hootsuite de janvier 2018.
Un trop vieux site limitera également le positionnement de votre site sur les moteurs de recherche et Google notamment. En effet, Google suit l’évolution des tendances et cherche à proposer la meilleure expérience à ses utilisateurs. Ses algorithmes pénalisent donc les sites utilisant la technologie Flash, n’offrant pas une expérience adaptée aux mobiles, etc.
3- Vous avez besoin de nouvelles fonctionnalités
Vous aviez un site vitrine et vous avez décidé de vous lancer dans la vente en ligne ? Vous aviez un site statique que vous voudriez maintenant manager grâce à un CMS ? Vous voulez connecter votre site avec votre ERP ?
Autant de situations dans laquelle une refonte complète de votre site s’impose.
Vous connaissez maintenant les 3 raisons majeures pour lesquelles vous devrez envisager une refonte de votre site Internet. Bien sûr, cette liste n’est pas exhaustive. Vous ne savez pas si votre site a besoin d’une refonte ou bien simplement de quelques adaptations ? N’hésitez pas à contacter nos chargés de projet qui étudieront pour vous la meilleure option.
Découvrez notre prestation de refonte de site Internet
Aujourd’hui, nous voulons vous présenter quels mécanismes se cachent derrière un site Internet pour vous aider à mieux comprendre l’objet de notre travail et les services que nous vous proposons. En effet, si nous sommes tous habitués à surfer sur des dizaines de sites tous les jours, nous ne savons pas forcément ce qui se cache derrière.
Ce site utilise des cookies afin que nous puissions vous fournir la meilleure expérience utilisateur possible. Les informations sur les cookies sont stockées dans votre navigateur et remplissent des fonctions telles que vous reconnaître lorsque vous revenez sur notre site Web et aider notre équipe à comprendre les sections du site que vous trouvez les plus intéressantes et utiles.
Cette option doit être activée à tout moment afin que nous puissions enregistrer vos préférences pour les réglages de cookie.
Si vous désactivez ce cookie, nous ne pourrons pas enregistrer vos préférences. Cela signifie que chaque fois que vous visitez ce site, vous devrez activer ou désactiver à nouveau les cookies.
Cookies Analytiques
Ce site utilise "Google Analytics", "Hubspot", "clicky" ainsi que "Facebook Pixel", "Hubspot" et "Linkedin Pixel" pour collecter des informations anonymes telles que le nombre de visiteurs du site et les pages les plus populaires.
Garder ces cookies activés nous aide à améliorer notre site Web.
Veuillez activer d’abord les cookies strictement nécessaires pour que nous puissions enregistrer vos préférences !
Cookies Marketing
Ce site utilise les cookies marketing suivants :
Google Ads et Facebook Pixel
Veuillez activer d’abord les cookies strictement nécessaires pour que nous puissions enregistrer vos préférences !
