Aperçu du projet
Site de démonstration conçu sans commande client. Entreprise fictive : un électricien installé à Maizières-lès-Metz, spécialisé dans la rénovation électrique d'appartements et de maisons sur l'axe Metz-Thionville. Trois métiers : électricité générale, réseau informatique et dépannage urgent. Une clientèle de particuliers qui rénovent leur logement et attendent un artisan sérieux, joignable et transparent.
Inspirer confiance dès le premier écran : années d'expérience, nombre de projets, satisfaction client et garantie décennale, visibles sans faire défiler. Présenter clairement les trois services, montrer des réalisations situées (Hettange-Grande, Rettel, Hayange) pour ancrer l'artisan dans son secteur, et conduire le visiteur vers la demande de devis, accessible à tout moment depuis l'en-tête.
Une palette resserrée : noir profond et or, sans troisième couleur, pour une identité forte et reconnaissable. Une seule police, Inter, déclinée en plusieurs graisses pour hiérarchiser sans surcharger. Des contrastes élevés pour rester lisible sur fond sombre, et des animations au défilement qui donnent du rythme sans ralentir la lecture.
Défis et Solutions
Les sites d'électriciens se ressemblent presque tous : fond blanc, photo de tableau électrique, liste de prestations. Il fallait se démarquer nettement tout en restant immédiatement compréhensible pour un particulier qui cherche simplement un artisan fiable près de chez lui.
- Donner une image haut de gamme à un métier technique, sans paraître inaccessible ni hors de prix.
- Faire tenir les preuves de sérieux (expérience, garantie, satisfaction) dans la section d'accueil sans l'encombrer.
- Rendre lisibles des textes clairs sur fond noir, sur ordinateur comme sur téléphone.
- Présenter trois métiers différents (électricité, réseau, dépannage) sans diluer le message principal : la rénovation.
- Garder un chemin court vers le devis depuis n'importe quel endroit de la page.
Construire la page autour d'un contraste fort : le noir installe le sérieux, l'or guide le regard vers ce qui compte (titres clés, chiffres, boutons). Chaque section répond à une question du visiteur, dans l'ordre où il se la pose : qui êtes-vous, que faites-vous, qu'avez-vous déjà fait, qu'en pensent vos clients, comment vous joindre.
- Section d'accueil : grand titre en deux couleurs, image en contrepoint, trois chiffres clés et un encart « Certification professionnelle / Garantie décennale ».
- En-tête intelligent : il se densifie au défilement et garde le bouton « Devis gratuit » toujours visible, avec un menu déroulant pour les services.
- Services en trois cartes, chacune avec ses prestations détaillées, pour comprendre l'offre en quelques secondes.
- Réalisations localisées par type de logement et par commune, pour rassurer un visiteur du même secteur.
- Avis clients en défilement continu, sans flèches ni boutons, pour une lecture fluide.
- Contact complet : formulaire, zone d'intervention, numéro cliquable et adresse, réunis dans une même section.
- Mobile : menu repliable, colonnes recomposées, boutons élargis et animations allégées.
Aperçu visuel
Découvrir le site
Passez de la théorie
à la pratique
Explorez le rendu final de ce projet. C'est l'occasion de juger le contraste noir et or et la lisibilité des textes sur votre propre écran, et de suivre le parcours jusqu'au devis tel qu'un client le vivrait.
Votre activité mérite la même attention. Parlons-en →