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. Il pardonne mal l'approximation, puisqu'avec si peu d'éléments, chaque 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 et une seule. Nous sommes sérieux, notre outil fonctionne, nous ne sommes pas là pour faire joli.

À qui il convient. Une entreprise dont le client achète de la fiabilité avant tout, un logiciel métier, un service comptable, une société d'ingénierie. Il est en revanche assez froid, ce qui le rend peu adapté à une activité de proximité.

Celui-ci vise l'inverse. Il veut que vous vous sentiez bien accueilli, comme si vous entriez chez quelqu'un plutôt que 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, toute activité où l'on achète autant la personne que la prestation. Sa condition de réussite est simple et souvent négligée, il lui faut de vraies photos. Sans elles, il s'effondre.

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

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. Il est risqué partout ailleurs, parce qu'un visiteur pressé qui ne trouve pas l'information part.

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 est contre-intuitif. 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 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, l'argent est presque toujours mieux placé ailleurs.

La question n'est pas lequel vous préférez. C'est 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, votre brief devient facile à écrire. Donnez 3 sites de référence de 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.