Les erreurs de design web les plus courantes à éviter

Des erreurs qui coûtent cher — et que la plupart des PME ignorent

En Suisse romande, on voit régulièrement des sites de PME avec le même problème : le design a été "fait vite" lors du lancement, et personne n'y a touché depuis. Le résultat ? Des visiteurs qui partent en moins de 10 secondes, et un taux de conversion qui stagne sous les 1%.

Les données 2026 de Google confirment la tendance : 53% des visites mobiles sont abandonnées si la page met plus de 3 secondes à s'afficher. Sur les sites suisses testés par Lighthouse en début d'année, le score moyen de performance tombe à 62/100 — bien en dessous du seuil recommandé de 90.

Voici les erreurs les plus fréquentes, et comment les corriger concrètement.

1. Surcharge visuelle : trop de tout, pas assez de hiérarchie

Le réflexe naturel quand on lance son site, c'est de vouloir tout montrer. Trois polices, cinq couleurs, des images partout, du texte dense. Le visiteur ne sait plus où poser les yeux.

La solution est plus simple qu'on ne le pense : limiter la palette à 2-3 couleurs, utiliser une seule police (deux maximum), et structurer chaque page avec des espaces vides généreux. Le blanc n'est pas du gaspillage — c'est ce qui permet à l'œil de respirer.

2. Navigation confuse : le visiteur se perd

Un menu avec 12 entrées, des sous-menus à rallonge, des pages orphelines accessibles uniquement depuis le footer — on voit ça tout le temps. La règle : un utilisateur doit pouvoir atteindre n'importe quelle page en 3 clics maximum.

En pratique, ça veut dire 5 à 7 éléments dans le menu principal, pas plus. Et chaque élément doit avoir un intitulé clair : "Nos services" plutôt que "Solutions & accompagnements personnalisés".

Si vous voulez creuser la question de la structure, notre guide sur les pages essentielles d'un site vitrine détaille exactement quoi mettre où.

3. Temps de chargement : le tueur silencieux

C'est l'erreur la plus technique, mais aussi la plus impactante. Un site lent, c'est un site que Google pénalise dans ses résultats. En 2026, les Core Web Vitals exigent un LCP (Largest Contentful Paint) inférieur à 2,5 secondes pour être dans le vert.

Les causes habituelles : images non compressées (un JPEG de 3 Mo là où 200 Ko suffisent), trop de scripts JavaScript chargés en même temps, pas de mise en cache côté serveur. Pour une PME suisse, passer par un hébergeur local comme Infomaniak ou Cyon règle déjà une partie du problème grâce à la proximité des serveurs. On en parle plus en détail dans notre article sur l'hébergement web en Suisse.

Pour aller plus loin sur l'impact de la vitesse, consultez aussi notre analyse dédiée au temps de chargement et au référencement.

4. Pas de call-to-action visible

Chaque page de votre site devrait répondre à une question simple : qu'est-ce que le visiteur est censé faire ici ? Demander un devis ? Appeler ? Télécharger un document ?

Si la réponse n'est pas évidente en 5 secondes, vous avez un problème. Le bouton d'action principal doit être visible sans scroller (au-dessus de la ligne de flottaison), avec un texte direct : "Demander un devis gratuit" fonctionne mieux que "En savoir plus".

Pour optimiser vos formulaires de contact en parallèle, ce guide sur le formulaire de contact parfait vaut le détour.

5. Un site qui ignore le mobile

En Suisse, plus de 60% du trafic web passe par un smartphone. Un site qui s'affiche mal sur mobile — texte trop petit, boutons impossibles à toucher, images qui débordent — perd la majorité de ses visiteurs avant même qu'ils aient lu une phrase.

Le responsive design n'est plus optionnel depuis des années. Si votre site n'a pas été pensé mobile-first, il est probablement temps de le refondre plutôt que de bricoler des correctifs. Notre article sur l'approche mobile-first explique pourquoi et comment s'y prendre.

6. Ignorer l'accessibilité

Erreur moins connue mais de plus en plus pénalisante : un site inaccessible aux personnes en situation de handicap. En Suisse, la Loi fédérale sur l'élimination des inégalités frappant les personnes handicapées (LHand) s'applique aux services publics, et la tendance va vers une extension au secteur privé — d'autant que la directive européenne sur l'accessibilité (European Accessibility Act) entre en application en juin 2025 et influence déjà les standards attendus en Suisse. Concrètement : des contrastes de couleurs suffisants, des textes alternatifs sur les images, une navigation possible au clavier. Si vous ciblez aussi le marché alémanique, pensez à tester vos formulaires et menus dans les deux langues — <a href="/blog/multilingue-atteindre-les-clients-suisses-alemaniques">notre guide multilingue</a> détaille les pièges courants.

7. Négliger les signaux de confiance

C'est peut-être l'erreur la plus sous-estimée en 2026. Un visiteur atterrit sur votre site, le design est correct, la vitesse aussi. Mais il ne vous contacte pas. Pourquoi ? Parce que rien ne lui prouve que vous êtes fiable.

Les signaux de confiance qui font la différence pour une PME suisse : un numéro de téléphone local visible (pas planqué dans le footer), des avis clients authentiques avec prénom et contexte, des logos de certifications ou d'associations professionnelles, et une adresse physique. Un visiteur romand qui voit une adresse à Genève ou Lausanne se sent immédiatement plus en confiance qu'avec un site sans localisation identifiable.

Un détail souvent oublié : la page "À propos". Une photo de l'équipe, même prise avec un smartphone, vaut mieux que pas de photo du tout. Les gens veulent savoir à qui ils ont affaire avant de décrocher le téléphone. Pour aller plus loin, notre article sur l'importance des avis clients détaille comment les collecter et les afficher.

8. Oublier la cohérence entre les pages

Dernier point, et c'est un classique : chaque page du site a sa propre personnalité. La page d'accueil utilise une police, la page services en utilise une autre. Les couleurs changent selon les sections. Les boutons ont trois formes différentes.

Ça donne une impression d'amateurisme, même si le contenu est bon. La solution passe par un guide de style simple : une palette de couleurs fixe, une ou deux polices, des boutons cohérents, et des marges uniformes. Pas besoin d'un document de 50 pages — une feuille A4 avec les règles de base suffit.

FAQ

Mon site a été créé il y a 3 ans. Faut-il le refaire ? Pas forcément. Si la structure est saine et que le CMS le permet, une refonte partielle (vitesse, mobile, contenu) peut suffire. Comptez entre 2 000 et 5 000 CHF pour une mise à jour sérieuse chez un prestataire suisse.

Comment savoir si mon site est trop lent ? Testez-le sur PageSpeed Insights (gratuit, par Google). Visez un score supérieur à 80 sur mobile. En dessous de 50, c'est urgent.

Le design a vraiment un impact sur le référencement Google ? Oui. Depuis 2021, Google utilise les Core Web Vitals comme critère de classement. Un site lent ou mal conçu pour mobile est pénalisé dans les résultats de recherche — même si son contenu est excellent.

Quelle est la première chose à corriger si mon budget est limité ? La vitesse de chargement. C'est l'amélioration qui a le meilleur rapport effort-résultat. Compresser vos images et activer la mise en cache prend quelques heures et peut déjà changer vos scores PageSpeed de 20 à 30 points. Le reste peut attendre.

Faut-il engager un designer ou un développeur pour corriger ces erreurs ? Ça dépend de votre CMS. Sur WordPress ou Webflow, la plupart des corrections visuelles (couleurs, polices, espacement, boutons) se font sans toucher au code. Pour les problèmes techniques — vitesse, accessibilité, balisage — un développeur est souvent nécessaire. Comptez une demi-journée à une journée de travail pour un audit correctif de base. <h3>Comment détecter les dark patterns sur mon propre site ?</h3> <p>Faites le test vous-même : essayez de refuser les cookies, de vous désinscrire d'une newsletter, de trouver vos tarifs sans créer de compte. Si l'une de ces actions prend plus de deux clics, c'est un signal. Demandez aussi à quelqu'un qui ne connaît pas votre site de le parcourir pendant cinq minutes et notez où il bloque. Ce test informel vaut parfois mieux qu'un audit technique.</p>

<h3>Quelle police choisir pour un site de PME suisse ?</h3> <p>Privilégiez la lisibilité. Inter, Source Sans Pro ou Helvetica Neue fonctionnent dans les trois langues nationales sans problème d'accents ou de caractères spéciaux. Évitez les polices gratuites exotiques qui alourdissent le chargement — une police Google Fonts bien choisie pèse 20 Ko, une police décorative peut en peser dix fois plus. Pour en savoir plus sur l'impact de la vitesse, consultez <a href="/blog/vitesse-chargement-impact-referencement">notre guide sur le temps de chargement</a>.</p>