Réserver un appel

Étude de cas · Vétérinaire · Cluses, Haute-Savoie

Une Charte Print Devenue Un Site Entier

La Clinique vétérinaire de l'Arve a ouvert en janvier 2026 à Cluses, en Haute-Savoie, et soigne chiens, chats et nouveaux animaux de compagnie. Sa charte graphique existait en print. Nous l'avons transposée en design system web complet, décliné sur grand écran comme sur mobile, avec les avis de ses clients mis en avant dès le premier écran.

Création de siteIdentité visuelleMaintenance

Publié le · Mis à jour le

En un coup d'œil

Le même site, sur PC et sur mobile

Page d'accueil d'arvets.fr sur grand écran : photo du bâtiment de la clinique, titre « Votre vétérinaire de confiance à Cluses », boutons or, note Google sous les boutons
Sur grand écran : le bâtiment réel de la clinique, la typographie de la charte, l'or réservé aux boutons d'action et la note Google dès le premier écran.
Page d'accueil d'arvets.fr sur mobile : photo de la clinique, titre dans la typographie de la charte, boutons pleine largeur, badge d'avis Google
Sur mobile : la même charte, les actions pleine largeur à hauteur de pouce et l'appel en un geste depuis l'en-tête.

Deux captures de la même page d'accueil, prises le même jour sur le site en production.

Le point de départ

Une clinique neuve, et tout à construire

La Clinique vétérinaire de l’Arve a ouvert en janvier 2026 dans des locaux neufs à Cluses : bloc chirurgical, imagerie, chatterie séparée, deux salles d’attente. Son identité visuelle existait, mais uniquement en print. Il fallait un site à la hauteur de l’établissement : c’est ce que nous avons construit, page par page, à partir de cette charte.

Le design

La charte de la clinique, du papier à l'écran

La charte était fixe et non modifiable : nous ne partions pas d’une page blanche, mais d’une identité à respecter. Elle a été transposée en design system web complet : teal foncé en couleur primaire, or réservé aux appels à l’action, titres en Baloo 2, textes en Montserrat, et des règles de mouvement (apparitions en cascade au défilement, préférence de mouvement réduit respectée). Le logo a été conservé, pas redessiné : le site devait ressembler à la clinique, pas l’inverse.

Ce système n’est pas resté une affaire de page d’accueil : chaque gabarit le décline, des fiches services aux articles de conseil.

Fiche du service chirurgie sur arvets.fr : titre « La chirurgie », présentation du bloc et de l'anesthésie gazeuse, boutons de prise de rendez-vous
Une fiche service dans le design system : l'eyebrow qui situe l'équipement, les domaines d'intervention, puis le bloc anesthésie. Chaque fiche se termine par l'encart de prise de rendez-vous.

Pensé pour la poche d’abord

Environ sept visites sur dix se font depuis un mobile (relevé Google Analytics). La déclinaison mobile n’est donc pas une adaptation après coup : hiérarchie du premier écran repensée, boutons pleine largeur à hauteur de pouce, appel en un geste depuis l’en-tête. La charte reste strictement la même, seule la mise en scène change.

La preuve sociale

Les avis des clients, en première ligne

Le meilleur argument d’une clinique vétérinaire, ce sont ses clients qui l’écrivent. Cette preuve vivait uniquement sur la fiche Google de l’établissement. Nous l’avons ramenée sur le site, à deux endroits :

  • Dans le hero de la page d’accueil : la note Google et les photos de profil des derniers avis, juste sous les boutons d’action. Le visiteur qui hésite a la réponse avant même de défiler.
  • Dans le corps de la page d’accueil : un carrousel des derniers avis, alimenté automatiquement depuis la fiche Google. Personne ne recopie d’avis à la main, et la section reste vivante sans aucune maintenance.
Section « Ce que disent nos clients » sur arvets.fr : badge de note Google à gauche et carrousel de trois avis récents avec noms, dates et étoiles
La section des avis sur la page d'accueil : le badge de note à gauche, et les derniers avis Google, remontés automatiquement, avec le nom, la date et le texte de chaque client.

Ce qui a été construit

Une fiche par service, un conseil par question

L’arborescence suit ce qu’on demande à une clinique : une page Services pivot et une dizaine de fiches (chirurgie, arthroscopie, dentisterie, hospitalisation, imagerie et analyses, dermatologie, luminothérapie LED, reproduction, médecines alternatives, animaux exotiques et comportement), la clinique, l’équipe, les conseils, les actualités, le contact, et les pages légales conformes au code de déontologie vétérinaire.

Conseils et Actualités sont de vraies listes filtrées : un filtre chien et chat instantané, un gabarit d’article unique, un sommaire ancré et des articles liés. Les conseils reprennent les questions réellement posées en consultation, ce qui donne à l’équipe un endroit où renvoyer ses clients plutôt que de répéter la même réponse.

Page Conseils d'arvets.fr : filtres Tous les conseils, Chien, Chat, puis cartes de conseils avec leurs étiquettes d'espèce
La liste des conseils, avec son filtre chien et chat instantané. Chaque carte porte ses étiquettes d'espèce.

Le site règle aussi les questions propres au métier : un bouton Urgences dans l’en-tête donne le bon numéro selon l’heure (la clinique en soirée, la maison des urgences voisine la nuit), et la clinique règle elle-même ses horaires, ses numéros et ses fermetures depuis un écran d’administration dédié, sans repasser par nous.

Sous le capot

WordPress, Elementor et Elementor Pro sur le thème Hello, cache WP Rocket, hébergement Plesk, et deux extensions sur mesure, l’une pour le blog, l’autre pour les horaires et les urgences. Toutes les pages sont générées par script en ligne de commande, jamais à la main dans l’éditeur : le site est reproductible et révisable.

Le rôle du prestataire

Un texte réécrit au lieu d'être publié

Pendant la rédaction, un texte de service fourni par la cliente s’est révélé être un copier-coller intégral des pages d’un autre établissement vétérinaire, transmis de bonne foi. Le publier tel quel aurait exposé la clinique au contenu dupliqué et à une question de droits d’auteur. Nous l’avons signalé, puis réécrit entièrement à partir de la réalité de la clinique : ses équipements, ses protocoles, ses mots. C’est le rôle du prestataire de lire ce qu’on lui envoie, pas seulement de le mettre en page.

Votre charte existe en print ? Passons-la à l'écran

Cabinets, cliniques, praticiens de santé animale ou humaine : votre identité visuelle mérite un site qui lui ressemble, sur l'écran où vos clients vous cherchent vraiment. Nous transposons votre charte en design system web, et votre équipe garde la main sur le contenu.

Réserver un appel