Étude de cas 04 / 05 Expertise comptable · Bordeaux

Mérot & Associés

La refonte d’un cabinet d’expertise comptable — une offre claire, des honoraires transparents, un rendez-vous en deux clics.

Prestations
Refonte, Stratégie de contenu, UX, Développement
Technologies
Astro, CSS moderne, JavaScript, SVG
Statut
Étude — marque fictive, 2026 Pourquoi ?
Page d’accueil de Mérot & Associés — titre « Des chiffres clairs, pour des décisions sereines. » et aperçu de l’espace client.

Le brief

01 Le point de départ

Mérot & Associés est un cabinet fictif d’expertise comptable installé à Bordeaux. Son site date de 2011 — bandeau dégradé, texte justifié, espace client en colonne, aucune version mobile. Il présente le cabinet, sans aider personne à le choisir.

02 L’enjeu

Un site de 2011, sans version mobile, qui décrit le cabinet mais ne répond à aucune question de ses futurs clients.

03 Notre réponse

Des offres lisibles, un simulateur d’honoraires comme pièce maîtresse et une prise de rendez-vous accessible depuis chaque écran.

04 Refonte

Avant, après.

Faites glisser le curseur pour comparer l’ancien site et la nouvelle version.

Ancien site de Mérot & Associés : page d’accueil datée
Page d’accueil de Mérot & Associés — titre « Des chiffres clairs, pour des décisions sereines. » et aperçu de l’espace client.
Reconstitution de l’ancien site (fictif), réalisée pour illustrer l’avant/après.
Ancien site de Mérot & Associés sur mobile : page non adaptée, texte illisible
Avant — non adapté au mobile
Nouveau site de Mérot & Associés sur mobile
Après — conçu pour le mobile

05 Direction artistique

Une identité, pas un thème.

Une élégance éditoriale au service de la clarté — la serif Newsreader pour les titres et les chiffres, un vert profond pour la confiance, beaucoup d’air. Le simulateur d’honoraires devient la pièce maîtresse de la page.

  1. 01

    Répondre avant qu’on demande

    Offres, tarifs et interlocuteurs sont visibles dès la page d’accueil.

  2. 02

    Des chiffres, pas du jargon

    Chaque offre tient en une phrase et trois livrables concrets.

  3. 03

    Un seul geste de contact

    « Prendre rendez-vous » est accessible depuis chaque écran.

Papier

#F7F5F0

Encre

#0F1E2E

Vert cabinet

#0E6B50

Menthe

#DCEDE4

Or

#E9B949

Titres & chiffres Newsreader

Des chiffres clairs, pour des décisions sereines.

Texte & interface Public Sans

Bilan, liasse fiscale et accès à l’espace client inclus.

06 Le site

De haut en bas.

Simulateur d’honoraires en JavaScript léger (barème de démonstration), tableau de bord codé en HTML et CSS, graphiques animés sans bibliothèque, contrastes vérifiés.

Page d’accueil complète de Mérot & Associés, de l’en-tête au pied de page

07 Sur mobile

Pensé pour le pouce.

Le site est pensé pour le mobile d’abord — navigation compacte, simulateur utilisable au pouce, rendez-vous toujours visible.

Mérot & Associés sur mobile — écran 1
Mérot & Associés sur mobile — écran 2
Mérot & Associés sur mobile — écran 3

08 Détails

Là où se joue la différence.

Simulateur d’honoraires avec forme juridique, chiffre d’affaires, options et estimation mensuelle.
01 Le simulateur répond à la question du prix avant le premier rendez-vous.
Aperçu de l’espace client avec chiffre d’affaires, trésorerie, graphique mensuel et tâches.
02 L’espace client, codé en HTML et CSS, montre le service plutôt que de le décrire.
Quatre offres du cabinet numérotées de I à IV avec leurs livrables.
03 Quatre offres, une phrase chacune, trois livrables concrets.

— Ce que le projet démontre

En résumé.

  • Une réponse immédiate à la question du prix.
  • Une identité sobre et contemporaine, fidèle à un métier de confiance.
  • Un site figé en 2011 remplacé par une expérience mobile complète.

Mesures

Performance
97 / 100
Accessibilité
100 / 100
Affichage principal (LCP)
2,6 s
Poids de la page
309 Ko

Mesuré le 27 septembre 2026 — Lighthouse 12, mobile simulé, build de production servi en local sans compression.

  • Astro
  • CSS moderne
  • JavaScript
  • SVG

Nouveau projet

Et si le prochain projet était le vôtre ?

Un premier échange de 30 minutes, gratuit et sans engagement. Vous repartez avec un avis franc sur votre projet — et des pistes concrètes, même si nous ne travaillons pas ensemble.

contact@agencefutura.fr
  • Devis gratuit et sans engagement
  • Solde réglé à la mise en ligne
  • Ajustements inclus jusqu’à validation