Les 6 styles de sites web, lequel choisir

Le plus demandé, et le plus mal nommé des 5. Quand un dirigeant dit qu’il veut quelque chose de propre, c’est de cette famille qu’il parle 9 fois sur 10.

Ce qui la caractérise.

• Beaucoup de vide. L’espace entre les éléments fait partie du design, il n’est pas une place perdue.
• Une seule police, sans empattements, en graisse fine.
• Peu de couleurs, souvent 2 plus le noir et le blanc.
• Une grille visible, où tout s’aligne sans effort apparent.

Le malentendu est toujours le même. Une section qui contient peu de choses n’est pas une section bâclée. Retirer, c’est le travail le plus difficile, et c’est ce qui donne cette impression de maîtrise.

Antoine de Saint-Exupéry l’a formulé mieux que n’importe quel manuel de design. La perfection est atteinte, non pas lorsqu’il n’y a plus rien à ajouter, mais lorsqu’il n’y a plus rien à retirer.

À qui ce style convient. Une offre simple, un positionnement haut de gamme, une entreprise qui veut paraître sûre d’elle. En revanche il ne pardonne rien. Avec si peu d’éléments, le moindre défaut se voit.

C’est le sobre, mais encadré. On le trouve chez les éditeurs de logiciels, les sociétés techniques et à peu près toutes les entreprises qui cherchent des investisseurs.

Ce qui le distingue du précédent.

• Rien ne va d’un bord à l’autre de l’écran. Tout reste dans un cadre, ce qui donne une impression de contrôle.
• Des graphiques et des chiffres partout, même quand ils ne servent pas à grand-chose.
• Aucun choix visuel bruyant. Pas de couleur qui claque, pas de photo qui distrait.
• Tout ramène au produit, jamais à la marque.

Ce style dit une chose, une seule. Nous sommes sérieux, notre outil fonctionne, et nous ne sommes pas là pour faire joli.

À qui il convient. Une entreprise dont le client achète d’abord de la fiabilité. Logiciel métier, service comptable, société d’ingénierie. En revanche il est froid, ce qui le rend peu adapté à une activité de proximité.

Celui-là vise exactement l’inverse. Il veut que vous vous sentiez accueilli, comme si vous entriez chez quelqu’un et pas dans une entreprise.

Ses marqueurs.

• Des photos réelles, à mi-chemin entre le soigné et le pris sur le vif. Ni banque d’images, ni photo de vacances.
• Des angles très arrondis sur les images et les blocs.
• Des couleurs chaudes et naturelles, beiges cassés, terracotta, verts doux.
• De petites animations souples, qui rebondissent légèrement plutôt que de glisser.

C’est aussi la famille qui profite le plus de la tendance actuelle à la trace humaine. Traits dessinés à la main, soulignements irréguliers, petites imperfections volontaires. Tout ce qui signale qu’une personne est passée par là, et pas seulement une machine.

À qui il convient. Les commerces, les artisans, les cabinets, les clubs, tout métier où l’on achète autant la personne que la prestation. Sa condition de réussite est simple, et tout le monde la néglige, il lui faut de vraies photos. Sans elles, il s’effondre.

Inspiré de la presse et de la mode, ce style ne cherche pas à vous convaincre. Il montre, et il considère que vous suivrez.

Comment le reconnaître.

• Une mise en page qui prend des libertés. Textes décalés, blocs asymétriques, règles de lecture volontairement bousculées.
• Des images très travaillées, avec un cadrage de film plutôt que de catalogue.
• Très peu de texte, souvent en petits caractères.
• Un rythme lent, où l’on descend sans se presser.

La logique commerciale mérite d’être comprise, parce qu’elle est particulière. Ces entreprises ne disent pas ce que vous obtiendrez en travaillant avec elles. Elles montrent leur goût, et laissent le visiteur en déduire leur niveau.

À qui il convient. Une agence créative, un photographe, un architecte, une marque de mode, un hôtel de caractère. Partout ailleurs, c’est un pari risqué. Un visiteur pressé qui ne trouve pas l’information s’en va.

Cette famille ne se définit ni par le dépouillement ni par l’abondance. Elle se définit par une chose que vous ne pouvez pas ignorer.

Cela peut être plusieurs choses.

• Une typographie énorme, utilisée comme un dessin plutôt que comme un texte à lire.
• Un contraste de couleurs très fort, parfois inconfortable, et assumé.
• Un objet visuel unique, une forme en 3D, une matière, une image impossible à confondre.

Le principe qui fait tout le travail va contre l’intuition. L’élément doit être remarquable, pas gros. Un site qui hurle fatigue en 10 secondes. Un site qui pose un seul élément fort et le décline calmement sur toutes ses pages reste en mémoire.

C’est aussi la famille où l’on trouve le brutalisme, ce style volontairement brut, aux polices par défaut et aux bordures épaisses, adopté par des outils comme Gumroad ou Figma.

À qui il convient. Une marque qui doit se distinguer dans un secteur où tout se ressemble. C’est exactement le problème décrit dans notre article sur les sites générés par IA qui se ressemblent tous.

Le dernier, c’est celui que tout le monde montre en exemple et que presque personne ne devrait commander.

On le reconnaît en 3 secondes. Quelque chose bouge, se déforme, réagit au défilement d’une façon jamais vue. La page ne se contente pas d’exister, elle joue.

Ce qu’il faut savoir avant de le demander.

• Il demande une équipe. Direction artistique, expérience utilisateur et développement avancé, rarement réunis chez une seule personne.
• Il coûte cher à faire et cher à maintenir. Chaque effet est du code sur mesure qui vieillit.
• Il pèse lourd. C’est la famille qui dégrade le plus la vitesse d’affichage, sujet traité dans notre article sur ce que coûtent vraiment les effets à la mode.

À qui il convient. Une marque dont le site est le produit, un studio, un lancement, une campagne. Pour une entreprise qui veut être trouvée puis contactée, cet argent est mieux placé ailleurs. Presque toujours.

La question n’est pas de savoir lequel vous préférez. C’est de savoir lequel votre client attend.

3 questions suffisent à trancher.

• Qu’achète votre client en premier ? De la fiabilité, prenez le rigoureux. De la confiance humaine, prenez le chaleureux. Du goût, prenez le pointu.
• Avez-vous de vraies photos ? Si oui, le chaleureux devient votre meilleur atout. Si non, le sobre est le plus sûr, parce qu’il se passe d’images.
• Combien de temps votre visiteur va-t-il rester ? S’il vient chercher une information précise, écartez le spectaculaire et le pointu.

Une fois la famille choisie, le brief s’écrit tout seul. 3 sites de référence dans cette famille, et surtout 2 sites que vous refusez. L’interdiction est l’information la plus utile que vous puissiez transmettre, à un prestataire comme à un outil.

Une dernière règle, et elle évite bien des regrets. Vous choisissez une famille et vous la tenez sur tout le site. Ce qui donne une impression de bricolage, ce n’est presque jamais un mauvais style, c’est le mélange de 3 styles sur 5 pages.

Le style se choisit une fois, la mise à jour dure des années. C’est pour cette raison que nous construisons des sites web auto-gérés.