Les sites moches convertissent mieux que les beaux : notre site est enfin en ligne.

On aurait pu jouer la carte du grand spectacle.

Des animations qui s'enchaînent à la scroll, des vidéos plein écran qui te murmurent « omg look how premium we are », des effets de texte dans tous les sens, des effets glossy, du storytelling émotionnel, et une vidéo drone sur fond de montagne au ralenti (non on ne vise personne ?).

Mais on a choisi autre chose. 

I. C’est quoi un site moche ?

A. 🥸 “Moche” ne veut pas dire raté (mais ça fait bien cliquer)

Quand on parle de site « moche », on n’insulte pas ton designer, mais on parle plutôt d’un style qui casse les standards du beau, qui joue contre les codes graphiques du moment. Et qui, pourtant, fonctionne beaucoup mieux que prévu.

Dans le monde du design, « moche » signifie : brut, direct, non stylisé, parfois même « mal foutu ». 

Mais en creusant, ce que ces sites ont en commun, c’est surtout :

• L’authenticité : pas de filtre, pas de marketing cosmétique.

• La fonctionnalité : on comprend vite, on trouve vite, on clique vite.

• Le fait qu’ils inspirent confiance : justement parce qu’ils ne semblent pas chercher à vendre à tout prix.

Ces interfaces qui ne cherchent pas à plaire plaisent plus, littéralement « suis-moi je te fuis, fuis-moi, je te suis ».

Parce qu’elles nous ramènent à quelque chose de plus basique, plus sincère.
Et ça, les utilisateurs le sentent. Même inconsciemment.
Là où les sites trop beaux peuvent générer de la distance ou du doute (« trop marketing », « trop fake »), les sites bruts génèrent une émotion différente, aka « c’est pas joli, mais je crois ce qu’on me dit ».

Et aujourd’hui, dans un web saturé de sites qui crient « regarde comme je suis beau », ceux qui disent « regarde comme je suis utile » gagnent en silence.

Alors non, ce n’est pas de l’anti-design. C’est du design anti-flou, anti-fioriture, pro-fonction. 

B. 🥸 Mais comment faire un site moche et pourquoi ?

Chez Pinstrap, on a choisi de faire un site moche aka un site qui fonctionne. Un site utile. Un site qui, dès que tu arrives dessus, te donne ce que tu es venu chercher. En somme, la définition classique de ce qu’un site devrait être. Mais d’abord pourquoi ? 

Aujourd’hui, les utilisateurs ne veulent plus qu’on les épate. Ils veulent des réponses. Des preuves. Et du temps gagné. 

Ce site est une réponse. Pas un décor. Pas un portfolio. Pas une vitrine égotripée comme on en voit trop. C’est un outil. Conçu comme un raccourci.
Tu arrives, tu dis qui tu es, ce que tu veux, et on te montre ce qu’on peut faire pour toi.
Pas de détour, pas de piège. Juste la bonne info, au bon endroit. 

L’idée derrière notre anti-blabla est tout simplement due au fait que nous savons comment les gens naviguent. Ils ne lisent pas tout. Ils scannent. Ils ne cherchent pas une histoire. Ils cherchent une réponse.
Alors au lieu de « notre mission est de réinventer l’expérience numérique à travers une approche humaine et centrée sur la valeur perçue »…
on a préféré écrire : « On adapte la tech à ton projet. Et pas l’inverse. »

II. Ce que cherchent vraiment les visiteurs sur un site (et comment leur cerveau fonctionne)

Quand un prospect arrive sur un site, il ne lit pas. Il scanne. Il ne réfléchit pas. Il suit une logique rapide, instinctive.

A. 🧠 Les visiteurs scannent, ils ne lisent pas

Selon une étude récente (2023) de la Nielsen Norman Group, 79 % des utilisateurs scannent les pages web, contre seulement 16 % qui lisent mot à mot.
Pire encore, 92 % des internautes n’ont aucune intention de lire selon le cabinet, et qu’ils ne lisent pas un site web dans l’ordre, ni même de manière linéaire ; ils « scannent » le contenu à la recherche de repères cognitifs familiers, à savoir titres, mots-clés, boutons, prix, témoignages, logos rassurants.

De manière naturelle et inconsciente, le regard suit un schéma en F : une barre horizontale en haut (menu/titre), une seconde au milieu (éléments secondaires), et une colonne verticale à gauche (accroches + CTA).
En clair, ce qui ne saute pas aux yeux n'existe pas. 

Étude de suivi des yeux réalisée par le groupe Nielson (F-Shaped Pattern For Reading Web Content)

B. ⚡ 3 secondes pour convaincre

D’après des tests menés par le Behavioural Design Lab (LSE, 2024), le temps moyen d’évaluation d’un site est de 3,42 secondes.
C’est ce que met le cerveau à décider : je reste ou je ferme l’onglet.

Ce micro-moment active le système 1 du cerveau (intuitif, rapide, émotionnel). C’est la première impression, dictée par la lisibilité, la promesse perçue, et surtout l’effort mental à fournir. 

C. 🫀 Le cerveau aime ce qu’il connaît déjà (même vaguement 🌊)

En psychologie cognitive, c’est le principe de cognitive fluency (ou « fluidité cognitive ») : plus une interface semble familière, plus elle est perçue comme fiable, crédible, digne de confiance.

C’est pourquoi les sites aux structures classiques (menu top, bloc texte/image, footer clair) performent souvent mieux que ceux qui cherchent à « réinventer » l’ergonomie.
Une étude conjointe de Stanford et l’Université de Toronto, le Web Credibility Project (mis à jour en 2023) a montré que les designs trop originaux peuvent entraîner une baisse de -18 à -30 % en engagement, simplement parce que le cerveau doit fournir plus d’effort pour décoder la logique de navigation ( aka la « flemme » ).
Et si 73 % disent avoir déjà quitté un site « trop beau » car ils ne comprenaient pas ce qu’on leur proposait, la conclusion est toute faite. 

D. 😓 Les gens ne veulent pas réfléchir, ils veulent décider

La fameuse loi de Hick-Hyman : plus il y a de choix, plus la décision prend du temps (ou est abandonnée).
Un internaute lambda prend des décisions d’achat ou d’intérêt en moins de 7 secondes lorsqu’il est sur une page web, selon l’analyse récente (2024) combinée de Hotjar et Fullstory. En revanche, ce n’est pas parce qu’il réfléchit vite, mais parce qu’il filtre à grande vitesse les signaux faibles (ex un bouton bien placé, une formulation limpide, un site qui répond à sa question avant même qu’il la pose).

Et puis, les pages avec moins de 3 options principales convertissent 2,3x plus que celles qui en proposent 5 ou plus.

E. 📲 Mobile first, cerveau en scroll auto

Paragraphe d’une importance capitale, que trop peu de gens prennent en compte. 75 % du trafic web est désormais mobile (Statista 2024).
Mais le plus important est tel que le comportement mobile est plus rapide, plus impulsif, plus vertical.
Le cerveau est en « mode scroll », et lit 40 % moins de contenu que sur desktop. C’est à dire que si ta version mobile ne guide pas, l'utilisateur s’enfuit, et que cette version n’est certainement pas la version réduite, mais bel et bien la version principale. 

F. 🗣 Ce que disent les vraies personnes (pas les marketeurs)

Dans une enquête menée dans la rue à Paris, Berlin et Montréal (YouGov x UXPlanet, 2024), on a demandé à 1200 personnes ce qu’elles attendaient d’un site d’agence, d’e-commerce ou de service. Les réponses sont les suivantes :

• « Qu’il me dise direct s’il peut m’aider. » (74 %)

• « Qu’il ait pas l’air de me mentir. » (69 %)

• « Que je comprenne où cliquer sans réfléchir. » (87 %)

• « Pas de musique, pas d’effet inutile. » (61 %)

La confiance se gagne donc en une fraction de seconde, et se perd tout aussi vite si l’utilisateur sent qu’il doit « comprendre le site » avant de pouvoir comprendre l’offre.

→ Creusons plus profond :

Finalement, toutes les grandes études convergent sur un point essentiel, à savoir que la performance d’un site web est directement proportionnelle à sa capacité à réduire la friction cognitive.

C’est ce qui explique pourquoi des sites « moches » comme Craigslist ou Drudge Report continuent d’avoir des millions d’utilisateurs actifs, parce qu’ils répondent vite, sans détour, et avec une efficacité presque brute.
Et c’est exactement ce que nous avons voulu appliquer à notre propre site. Pas un site qui montre ce qu’on sait faire, mais plutôt un site qui te le prouve dès les 5 premières secondes.

Tu veux qu’on te conçoive un site qui parle aux cerveaux (pas aux juges d’Awwwards) ?
Tu sais très bien où cliquer fait pas genre.

III. Notre page d’accueil, décortiquée section par section

On vous a dit que notre site n’était pas fait pour briller, mais pour guider.
Voici, en toute transparence, les zones les plus intelligemment structurées, selon nous (objectivement parlant évidemment), selon les standards UX/UI actuels… et selon ce que disent les vrais utilisateurs.

A.1 👑 La section reine  : « Je suis / Je veux »

On commence fort et bien. Ce n’est pas un menu classique. Ce n’est pas une arborescence imposée. C’est un moteur d’intention.
« Je suis… » / « Je veux… » — une double entrée pensée comme une interface de tri naturel, qui respecte la façon dont les gens pensent, pas la logique de l’entreprise, et fonctionne comme un filtre d’identité qui réduit le brouillard décisionnel pour l’utilisateur.
Psychologiquement, c’est notre meilleur déclencheur d’action. On force l’utilisateur à se positionner. 

C’est simple, c’est rapide, c’est conversationnel, et surtout, c’est actionnable sans effort cognitif.
Une vraie UX de service, qui fait gagner du temps dès la première seconde. Et on en est pas peu fiers ça c’est sûr. 

A.2 🗿 Les blocs « solutions » par profil

Ou « notre magnifique structure modulaire façon « cartes » des services par besoin ».
Chaque profil reçoit une sélection de services adaptés : dev web, branding, SEO… Mais là où on a bien joué, c’est dans la manière dont ces blocs sont designés, avec des points de repère cognitifs rapides, ce qui diminue la charge mentale.
Pas de sur-information, simplement des mots qui sonnent juste. Les descriptions sont utiles, les icônes lisibles, et chaque bouton est explicite (pas de « En savoir + » générique ici).
Visuellement, on efface l’effet catalogue. On n’empile pas. On oriente. 

Pour cette section, on a fait en sorte de parfaitement respecter la règle des 3 :
– Compréhension immédiate
– Orientation fluide
– Action déclenchable. 

B. ✨ L’approche « fonctionnelle avant esthétique » dans la structure des pages

Pas de longue scroll narrative, et pas de blabla à rallonge. Les sections sont courtes, ciblées, hiérarchisées (on a pas le time et vous non plus).
Chacune remplit une fonction : informer, guider, déclencher une action, et chacun de nos blocs a été interrogé « est-ce que ça aide l’utilisateur à décider plus vite ? ». Et si ce n’était pas le cas, il sautait direct. 

C. 😎 Les micro-accroches dans les textes

On parle ici des petites phrases, entre les lignes, qui viennent briser le formel, exemple de « on a failli appeler ça « Nos Vibes » » ou encore « faut pas déconner non plus ».
Ces détails font bien plus que de l’humour, car ils viennent créer une connexion émotionnelle avec l’utilisateur, casser la méfiance, et installer une tonalité de proximité.
Une mécanique issue du copywriting conversationnel, validée par tous les tests d’attention sur interfaces numériques. Et ça c’est beau. 

Notre design est donc volontairement direct.
On a joué avec des contrastes forts, une palette assumée, des éléments hyper lisibles.
C’est pensé pour l’action, pas pour la contemplation.

Et tu sais quoi ? Ça fonctionne.
Parce que ce qu’on appelle « moche » parfois, c’est juste un design qui arrête d’essayer de séduire pour enfin commencer à servir. 

Notre site ne te demande jamais de réfléchir plus que nécessaire, et inconsciemment, toi même tu vois de quoi on parle. 

On va terminer sur notre CTA en image :