Toutes les études de cas

Étude de cas2026

UP Rénov

Conception du site d'une entreprise de rénovation énergétique du Mans, en mission chez Ranker : zoning, palette, typographie, pages et un questionnaire d'éligibilité en six étapes qui demande le nom en dernier.

L'accueil, tel qu'il est en ligne aujourd'hui
L'accueil, tel qu'il est en ligne aujourd'hui
Le point de départ

Un métier que le démarchage a rendu suspect

UP Rénov installe des panneaux photovoltaïques, des pompes à chaleur et de l'isolation thermique au Mans et dans un rayon de cinquante kilomètres. Le secteur a un problème que le dessin ne résout pas seul. Des années de démarchage téléphonique et de promesses d'aides ont appris au particulier à se méfier de quiconque lui parle de rénovation énergétique.

Le site devait donc faire deux choses avant de plaire. Établir qu'on a affaire à une entreprise réelle, et répondre à la question qui bloque tout le reste : ai-je droit aux aides ? C'est elle qui décide si le visiteur décroche son téléphone ou referme l'onglet.

Ma part

La conception, du zoning aux maquettes

En mission chez Ranker, j'ai tenu la conception : le zoning, la palette, la typographie, les wireframes, le principe du site, puis les maquettes de l'accueil, des services et des réalisations. J'ai également dessiné le questionnaire de conversion et la cartographie des zones d'intervention. Ranker a intégré et assuré le référencement.

La palette tient sur deux verts et un anthracite. Un vert vif pour ce qui appelle à l'action, un vert profond pour le texte d'accroche, l'anthracite pour la lecture courante, sur un blanc légèrement chaud. Le vert est obligé dans ce métier ; le sortir du cliché écologique tenait à n'en faire qu'un signal, jamais un décor.

Une seule famille typographique porte tout le site, la Bricolage Grotesque, une variable libre de droits. Un caractère unique sur un site de dix mille pixels de haut, c'est un choix de maquette autant que de budget. Rien à licencier, et une graisse qui monte du texte courant au grand titre sans changer de voix. Ce travail de maquette de site web s'arrête au fichier remis à l'intégration.

La décision

Demander le nom en dernier

Un formulaire de devis classique ouvre sur nom, courriel, téléphone. Il demande au visiteur de s'identifier avant de lui avoir rien donné, et sur un sujet où il se méfie déjà. Le questionnaire d'éligibilité prend le problème par l'autre bout, avec six étapes sur son projet, et les coordonnées à la fin.

Quel est votre projet, êtes-vous propriétaire ou locataire, combien payez-vous d'électricité par an, quelle est votre adresse, quelle est l'exposition de votre toiture. Chaque réponse est un bouton, pas un champ à remplir, l'adresse exceptée. Sur l'exposition, la seule question un peu technique, une réponse « je ne sais pas » évite l'abandon de celui qui l'ignore.

Le résultat s'affiche après un écran d'analyse qui occupe l'attente par un fait utile plutôt que par une roue qui tourne. À ce moment-là le visiteur a répondu cinq fois, il attend une réponse, et donner son nom pour l'obtenir devient la suite logique au lieu d'un péage. C'est ce mécanisme, pas l'habillage, qui fait le travail d'une page qui doit convertir.

La structure

Pensé pour le référencement dès le zoning

Le site n'a pas reçu son référencement après coup. La structure a été dessinée pour lui. Chaque service a sa page plutôt qu'une section dans une page fourre-tout, chaque réalisation nomme sa nature et son département — installation en toiture, installation au sol, isolation extérieure, toutes « en Sarthe » — et une zone d'intervention explicite Le Mans et son rayon de cinquante kilomètres.

Les preuves suivent la même logique. Certifications affichées, témoignages, avant-après avec les économies chiffrées. Ce sont des arguments pour le visiteur et de la matière pour les moteurs, et les placer au zoning coûte moins que les ajouter ensuite. Ranker a mené le référencement sur cette base.

La même maquette au téléphone
La même maquette au téléphone
Les réalisations, une par carte
Les réalisations, une par carte
Une page par réalisation, nommée avec son département
Une page par réalisation, nommée avec son département
Les quatre tomes en main · le fil de couture porte le code couleurProjet suivantEncyclopædia UniversalisÉdition · mise en page · façonnage · 2025