Aperçu du projet
Site de démonstration conçu sans commande client. Entreprise fictive : une entreprise d'électricité et de domotique basée à Nancy, qui intervient dans toute la Lorraine. Cinq métiers : électricité générale, climatisation, chauffage, domotique et réseau. Une clientèle mixte de particuliers et de professionnels du tertiaire, qui attend un interlocuteur unique pour plusieurs besoins techniques.
Présenter cinq métiers sans perdre le visiteur, en montrant qu'une seule entreprise peut tout prendre en charge. Rassurer par des repères simples (années d'expérience, projets réalisés, note des avis) et par une galerie de réalisations variées. Amener naturellement à la demande de devis gratuit, proposée dès la section d'accueil et rappelée en fin de page.
Une identité claire et technologique : dégradé allant du vert d'eau au bleu, posé sur des fonds blancs et gris très clairs. Deux polices complémentaires : Montserrat pour les titres, plus affirmée, et Roboto pour les textes, très lisible. Des cartes aux coins arrondis et des ombres légères, pour un ensemble doux et accessible.
Défis et Solutions
Quand une entreprise propose cinq métiers, le risque est de tout mettre au même niveau et de ne plus rien dire clairement. Il fallait que chaque visiteur, particulier ou professionnel, trouve son besoin en quelques secondes, sans avoir l'impression d'un catalogue.
- Rendre cinq métiers lisibles d'un seul coup d'œil, sans hiérarchie artificielle entre eux.
- S'adresser à la fois aux particuliers et aux professionnels, avec le même discours.
- Évoquer la technologie (domotique, réseau) sans tomber dans le jargon ni dans les visuels froids.
- Montrer des réalisations très différentes (bureaux, maison, climatisation) dans une galerie cohérente.
- Garder un parcours simple vers le devis, malgré la richesse de l'offre.
Organiser la page comme un parcours progressif : une promesse claire, les métiers présentés en cartes égales, des preuves visuelles, la parole des clients, puis le contact. Le dégradé de couleur sert de fil conducteur : il souligne les mots clés des titres, les icônes et les boutons, pour guider l'œil sans multiplier les effets.
- Section d'accueil : titre aux mots clés colorés, grande photo verticale, carte flottante « Certifié » et trois chiffres de confiance.
- Cinq métiers en cartes avec icône, description courte et lien « En savoir plus », disposées pour rester lisibles sur tous les écrans.
- Galerie de réalisations en grille de six photos, pour montrer la diversité des chantiers.
- Avis clients en carrousel, avec note globale et étoiles, pour une preuve sociale immédiate.
- Formulaire de contact avec choix du service, accompagné du téléphone, de l'e-mail et de l'adresse.
- Mobile : menu repliable, cartes empilées, galerie recomposée et boutons pleine largeur.
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 d'apprécier la clarté de la présentation des cinq métiers et la douceur du dégradé sur votre propre écran, puis de tester le parcours jusqu'au devis.
Votre activité mérite la même attention. Parlons-en →