Étude de cas
Design premium Refonte
ATEC
Marc Torres chiffre, négocie et pilote le budget des travaux, partout à La Réunion. Il voulait un design qui colle à son métier, et surtout montrer ses réalisations, pour les partager facilement à de futurs clients.
Économiste de la construction · Saint-Denis, Saint-Pierre, toute l'île
Client
ATEC
Marc Torres
Activité
Assistance technique et
économiste de la construction
Objectif
Montrer les réalisations,
les partager en un lien
Prestation
Design premium,
refonte
Le point de départ
Le métier : avant qu'on signe, Marc dit combien ça va coûter. Pendant les travaux, il consulte les entreprises, négocie et suit le budget. Trente ans de maîtrise d'œuvre, pour des franchises, des commerces et des particuliers.
L'objectif : montrer ses réalisations, et pouvoir les partager facilement à de potentiels clients. D'où un objectif double pour le design : marquer l'esprit sans en faire trop, et laisser la part belle aux réalisations.
Le parti pris
Les réalisations d'abord.
Un design qui colle au domaine : le béton clair, l'encre, un orange de chantier. Le décor marque l'esprit, puis s'efface devant les projets.
- Le planLe fond de page est un plan de chantier en perspective : jalons cotés, lignes de cote, bâtiments en filigrane, dessinés par le navigateur. C'est le souvenir qu'on garde, sans qu'il gêne la lecture.
- Les lettresATEC en hachures, comme un relevé, et la phrase juste dessous. Sur téléphone, dans la largeur de l'écran.
- La ficheChaque réalisation a sa page et son lien : programme, lieu, mission, un carrousel de photos. C'est ce lien que Marc envoie à un futur client.
Le plan
Toutes mes pages suivent le même plan, celui des pages qui convertissent : la barre, le premier écran, la preuve, l'offre, comment ça marche, le prix, les questions, le dernier appel. L'habillage change d'un client à l'autre, jamais la logique. Ici, la preuve prend toute la place : ce sont les réalisations.
La barre garde quatre liens et deux boutons toujours visibles, écrire et appeler. Sur téléphone, ils passent en bas de l'écran et y restent.
Le premier écran pose les lettres, puis la phrase : ce que fait Marc, pour qui, en deux lignes, avec les trois publics en étiquettes et le numéro en orange avant de faire défiler.
L'offre et comment ça marche sont une seule section : cinq prestations numérotées, de l'étude de faisabilité au management d'équipe. Leur ordre est celui d'un chantier, de l'étude amont à la réception.
La preuve prend toute la place : trente-deux réalisations, filtrables par public, six affichées et un bouton pour tout voir. Chaque projet a sa fiche et son lien, celui que Marc envoie à un futur client.
Le concepteur vient ensuite : le portrait, sa phrase, et deux listes numérotées, ce que son savoir-faire inclut, ce que son activité concerne. Dans ce métier, la personne est la garantie.
Le dernier appel est un contact sans formulaire : le numéro et l'adresse en très grand, avec une consigne pour chacun. Le pied de page nomme le métier et les communes.
Deux blocs du plan ne sont pas là, et c'est voulu. Pas de prix : un chiffrage se fait sur le projet. Pas de foire aux questions : chaque projet est différent, la réponse se donne au téléphone.
Un mot du client
« On voit ce que je fais, on voit les chantiers, et on m'appelle. C'est exactement ce que je demandais. »
Pas cher ne veut pas dire pas bien.
Ce que vous venez de lire, le premier écran pesé au mot près, la preuve avant l'offre, le bouton au bon endroit, c'est la même méthode et la même attention pour un site à 49 €. Ce qui coûte moins cher, c'est le temps de production, pas le soin : chaque page est relue, testée sur téléphone, et vous la voyez en ligne avant de payer.
On en parle ?
Ça n'engage à rien.
Réalisation suivante : ACA Assurances et Patrimoine →