Protea Serrurerie
Un site de serrurerie construit autour d’une promesse à laquelle on croit rarement : le prix annoncé est le prix payé.
Le contexte
Protea réunit la serrurerie d’urgence (ouverture de porte, serrures et cylindres, portes blindées, organigrammes de clés, contrôle d’accès) et la métallerie sur mesure (portails, garde-corps, escaliers, verrières) en Île-de-France. Le site one-page couvre les deux métiers, publie des tarifs indicatifs et mène à l’appel ou à la prise de rendez-vous.
Le défi initial
La serrurerie d’urgence souffre d’un profond problème de confiance : une personne bloquée dehors le soir redoute la facture gonflée. Protea devait aussi présenter un second métier, plus lent, la métallerie sur mesure, sans diluer l’urgence du premier.
Le public
Des particuliers bloqués dehors ou victimes d’effraction, qui ont besoin d’une réponse rapide et honnête ; et des syndics, commerces, collectivités et propriétaires qui préparent une mise en sécurité ou un projet de métallerie.
Objectifs
Chaque objectif relié
à une décision.
Répondre à l’urgence immédiatement
Le titre nomme les trois situations typiques et le numéro de téléphone reste à portée de main tout au long de la page.
Faire du prix une preuve d’honnêteté
Tarifs indicatifs publiés, devis accepté avant intervention et bon signé font de la transparence l’argument principal.
Donner sa scène à la métallerie
Un chapitre dédié, avec son propre déroulé en quatre étapes, présente le sur-mesure comme un savoir-faire et non un service annexe.
Proposer la bonne prochaine étape
Appel urgent, intervention planifiée, relevé de mesures ou appel conseil : chaque intention a son chemin.
Un parcours construit
pour rassurer.
- 01
Nommer l’urgence et promettre de venir
- 02
Présenter les services de serrurerie
- 03
Publier les tarifs indicatifs
- 04
Introduire la métallerie sur mesure
- 05
Montrer le bon d’intervention signé
- 06
Expliquer les quatre étapes
- 07
Choisir un créneau ou appeler
Direction artistique
Une identité au service
du positionnement.
Une palette nocturne d’anthracite et de noir, éclairée de laiton brossé, emprunte aux matières du métier : acier, cylindres et clés. Les italiques Instrument Serif apportent une chaleur raffinée, presque hôtelière, à un secteur connu pour sa publicité agressive, tandis qu’Inter Tight et JetBrains Mono donnent aux documents et aux prix une voix précise et technique.
#0B0C0D#1B1D20#C9A13B#D4B160#EDE9E2#A29F98Inter Tight / Instrument Serif / JetBrains Mono
Décisions d’interface
Le design comme
outil stratégique.
« Prix annoncé = prix payé » en signature
Une carte du hero compare prix annoncé et prix payé, avec un écart de zéro : la promesse de marque devient un élément visuel repris dans toute la page.
Une grille tarifaire plutôt qu’un « appelez-nous »
Ouvertures, cylindres, clés et majorations sont listés avec des prix indicatifs, chaque majoration étant annoncée avant le déplacement.
Le bon d’intervention comme preuve
Un exemple de bon signé (travail réalisé, pièces posées, clés remises, prix identiques) montre ce que le client conserve après le passage.
Deux métiers, deux rythmes
La serrurerie est présentée comme une réponse immédiate ; la métallerie suit sa propre séquence, du relevé à la pose.
Une réservation en trois temps
Type de rendez-vous, créneau puis coordonnées : plages d’arrivée et rappels sont expliqués d’emblée.
Une base pensée
pour durer.
Développement
Un thème WordPress sur mesure structuré en page longue avec navigation par ancres. La carte de comparaison des prix, le bandeau de services, la grille tarifaire, le bon d’intervention, la carte de zone et les étapes de réservation sont des composants codés, nets et responsives sur tous les écrans.
Mouvement & interaction
Une séquence d’ouverture révèle la promesse et un bandeau continu égrène tous les services sans effort de lecture. Ailleurs, le mouvement reste discret : la FAQ s’ouvre à la demande et la réservation progresse étape par étape.
SEO & performance
Un H1 unique énonce les situations d’urgence, chaque métier et chapitre possède son titre et chaque photographie un texte alternatif descriptif. Métadonnées et données structurées WebSite et BreadcrumbList sont en place. Aucun classement ni score non vérifié n’est revendiqué.
Défis & solutions
Résoudre avec
intention.
Un secteur à la mauvaise réputation
Le visiteur s’attend à des frais cachés et à des factures de nuit gonflées.
Tarifs, majorations et devis signé sont visibles avant tout contact, et la promesse est reprise comme signature visuelle.
La transparence devient la raison d’appeler Protea plutôt qu’un autre numéro.
Urgence et savoir-faire sur une même page
Dépannage et projets sur mesure suivent des cycles de décision opposés.
Chaque métier dispose de son chapitre, de son déroulé et de ses appels à l’action.
Le parcours d’urgence reste court, la métallerie gagne en profondeur.
Une image premium sans distance
Une esthétique raffinée pouvait sembler chère à quelqu’un bloqué dehors.
Le laiton et les italiques sont équilibrés par un langage direct et des prix « à partir de » visibles.
La marque inspire confiance tout en restant accessible.
Ce que ce projet
nous a appris.
Dans les services d’urgence, le design n’a pas besoin de crier : il doit lever le doute. Faire de la promesse sur le prix une signature visuelle récurrente s’est révélé plus convaincant que n’importe quel badge d’urgence. Photos de chantiers réels, coordonnées définitives et avis Google vérifiés compléteront l’expérience à mesure que l’entreprise les publie.
Projet suivant
EvidMind Academy↗︎