Ton site a l'air vibecodé ? Voilà pourquoiDoes your site look vibecoded? Here's why

Ces derniers mois, j'ai ouvert des dizaines de sites de startups, de freelances et de projets perso. Et j'avais l'impression de voir toujours le même site.

Même dégradé violet, mêmes petits icônes, mêmes phrases du genre « Boost your productivity ». Rien de mémorable.

C'est ce qu'on appelle un site vibecodé. Dans cet article, je t'explique comment on le reconnaît, pourquoi ça te dessert, et ce que je fais concrètement pour l'éviter sur les sites que je livre.

C'est quoi, un site vibecodé ?

Un site vibecodé, c'est un site généré presque entièrement par l’IA, à coups de prompts à répétition. Ça peut être retravaillé mais très souvent on décrit d’abord vaguement ce qu'on veut, on accepte ce qui sort, et on publie.

Le problème ne vient pas de l'IA. Je l'utilise tous les jours pour coder. Le problème, c'est qu'une IA sans consigne précise prend toujours le chemin le plus probable. Et le plus probable, c'est la moyenne de tous les sites qu'elle a vu.

Résultat : des milliers de personnes qui demandent « un site moderne pour mon activité » obtiennent presque le même site.

Les 6 signes qui trahissent un site vibecodé

Si tu coches plus de trois cases, ton site a probablement l'air généré.

1. Le dégradé violet-bleu. En fond de hero, sur les boutons, dans le texte. C'est devenu la signature visuelle par défaut des sites générés.
2. Les emojis partout. Un 🚀 devant chaque titre, un ✨ devant chaque bénéfice. Ça remplit, mais ça ne dit rien.
3. Les textes génériques. « Boostez votre productivité », « La solution tout-en-un », « Rejoignez des milliers d'utilisateurs ». Des phrases qu'on pourrait coller sur n'importe quel produit.
4. La même structure. Hero centré, trois cartes de fonctionnalités avec icônes, témoignages, tarifs en trois colonnes, FAQ. Toujours dans cet ordre.
5. Les mêmes composants. Les mêmes cartes arrondies avec ombre douce, la même police, les mêmes boutons. On reconnaît la librairie avant de reconnaître la marque.
6. Aucune vraie image. Des illustrations génériques ou des visuels générés, jamais une photo du produit, de l'équipe ou du fondateur.

Pourquoi c'est un vrai problème

Un site qui ressemble à tous les autres, c'est un site qu'on oublie. Et sur le web, on a quelques secondes pour convaincre.

Tu perds en crédibilité. Les visiteurs ont vu ces codes des centaines de fois. Inconsciemment, ils se disent : « ça a été fait en dix minutes ». Et si le site a été fait vite, pourquoi le produit ou le service serait différent ?

Tu perds la confiance. Des textes vagues ne répondent pas aux vraies questions : qui tu es, ce que tu fais exactement, pour qui, et pourquoi toi. Sans ces réponses, personne ne prend contact.

Tu ne te démarques pas. Si ton site ressemble à celui de ton concurrent, le client choisira sur le prix. Une identité forte, c'est ce qui te permet de ne pas jouer ce jeu-là.

Comment j'évite ça sur mes projets

J'utilise l'IA pour aller plus vite, pas pour décider à ma place. Voilà ma méthode.

1. Je pose une direction artistique avant d'écrire une ligne de code. Deux ou trois couleurs, une police, un style d'image. Pour mon compte Koddeur par exemple : noir, blanc, une police grasse et un seul accent jaune. C'est simple, mais c'est reconnaissable.
2. J'écris les textes moi-même, ou avec le client. Des phrases concrètes, avec des chiffres, des noms, des exemples. « On livre ton site en 3 semaines » parle plus que « Une solution rapide et efficace ».
3. Je supprime le superflu. Pas d'emoji décoratif, pas de dégradé sans raison, pas de section juste parce que « tous les sites en ont une ».
4. J'utilise de vraies images. Des photos du produit, de l'équipe, des coulisses. Même imparfaites, elles inspirent plus confiance qu'une illustration générique.
5. Je casse la structure par défaut. Je pars de ce que le visiteur doit comprendre en premier, pas d'un template. Parfois ça donne une page très courte, parfois une page très visuelle.
6. Je donne des consignes précises à l'IA. Je lui fournis la DA, les textes, les composants voulus. Elle exécute, je relis et j'ajuste chaque détail.

En résumé

L'IA n'est pas le problème. Le problème, c'est de la laisser choisir à ta place. Un site qui te ressemble demande une direction claire, des textes sincères et un peu de soin dans les détails.

Tu as un doute sur ton site, ou tu veux en créer un qui ne ressemble pas à tous les autres ? Écris-moi, ou bloque moi un rendez-vous, je regarde ça avec toi.

# Vibecoded Websites: How to Spot Them and Why You Should Avoid Them

Over the past few months, I've opened dozens of sites from startups, freelancers and personal projects. And I kept feeling like I was seeing the same site over and over.

Same purple gradient, same little icons, same phrases like "Boost your productivity." Nothing memorable.

This is what we call a vibecoded site. In this article, I explain how to recognize one, why it hurts you, and what I concretely do to avoid it on the sites I deliver.

What Is a Vibecoded Site?

A vibecoded site is one generated almost entirely by AI, through repeated prompts. It can be reworked, but very often you start by vaguely describing what you want, accept whatever comes out, and publish.

The problem isn't AI. I use it every day to code. The problem is that an AI without precise instructions always takes the most probable path. And the most probable path is the average of all the sites it has seen.

The result: thousands of people who ask for "a modern site for my business" get almost the same site.

The 6 Signs That Give Away a Vibecoded Site

If you tick more than three boxes, your site probably looks generated.

1. The purple-blue gradient. In the hero background, on buttons, in the text. It has become the default visual signature of generated sites.
2. Emojis everywhere. A 🚀 in front of every title, a ✨ in front of every benefit. It fills space, but it says nothing.
3. Generic copy. "Boost your productivity," "The all-in-one solution," "Join thousands of users." Sentences you could paste onto any product.
4. The same structure. Centered hero, three feature cards with icons, testimonials, three-column pricing, FAQ. Always in that order.
5. The same components. The same rounded cards with soft shadows, the same font, the same buttons. You recognize the library before you recognize the brand.
6. No real images. Generic illustrations or generated visuals, never a photo of the product, the team or the founder.

Why It's a Real Problem

A site that looks like all the others is a site people forget. And on the web, you have a few seconds to convince someone.

You lose credibility. Visitors have seen these codes hundreds of times. Subconsciously, they think: "this was done in ten minutes." And if the site was made that fast, why would the product or service be any different?

You lose trust. Vague text doesn't answer the real questions: who you are, what exactly you do, for whom, and why you. Without those answers, nobody gets in touch.

You don't stand out. If your site resembles your competitor's, the client will choose on price. A strong identity is what keeps you out of that game.

How I Avoid This on My Projects

I use AI to go faster, not to decide for me. Here's my method.

1. I set an art direction before writing a single line of code. Two or three colors, one font, an image style. For my Koddeur account, for example: black, white, one bold font and a single yellow accent. It's simple, but it's recognizable.
2. I write the copy myself, or with the client. Concrete sentences, with numbers, names and examples. "We deliver your site in 3 weeks" speaks louder than "A fast and efficient solution."
3. I remove the superfluous. No decorative emojis, no gradient without a reason, no section just because "all sites have one."
4. I use real images. Photos of the product, the team, behind the scenes. Even imperfect, they inspire more confidence than a generic illustration.
5. I break the default structure. I start from what the visitor needs to understand first, not from a template. Sometimes that makes a very short page, sometimes a very visual one.
6. I give the AI precise instructions. I provide the art direction, the copy and the components I want. It executes, I review and adjust every detail.

In Summary

AI isn't the problem. The problem is letting it choose for you. A site that feels like you requires clear direction, sincere copy and a bit of care in the details.

Have doubts about your site, or want to create one that doesn't look like all the others? Write to me, or book a meeting, and let's look at it together.