Le brief du projet
Le point de départ.
Les Toits d’Armor est un concept d’entreprise de couverture et de rénovation implantée à Saint-Brieuc. Le projet consiste à concevoir un **site vitrine professionnel** pour présenter ses prestations : couverture en ardoise, zinguerie, étanchéité et entretien des toitures.
Le site doit permettre aux propriétaires de comprendre les interventions proposées, de découvrir le savoir-faire de l’artisan et de préparer une demande de devis. L’enjeu est de rendre lisibles des travaux parfois techniques, dont les détails sont difficiles à observer depuis le sol.
Les photographies de chantier et les comparaisons avant/après occupent donc une place centrale. Elles permettent d’illustrer les transformations et de montrer l’attention portée aux finitions.
La réponse proposée
Ce que nous avons conçu.
01Une identité graphique inspirée des matériaux du métier
La direction artistique associe un bleu ardoise profond, des accents cuivrés et des fonds clairs. Cette palette évoque les couvertures traditionnelles bretonnes et les éléments de zinguerie. Les découpes obliques et les lignes graphiques rappellent les pentes et les faîtages des toitures.
L’accueil s’ouvre sur une grande photographie de couvreur en intervention, accompagnée du message « Un toit solide. Une maison bien protégée. ». Les boutons cuivrés donnent un accès immédiat à la demande de devis. Les visuels illustratifs du concept seraient remplacés par les photographies de l’entreprise lors d’une réalisation réelle.
02Des prestations faciles à identifier
Trois entrées structurent l’offre : « Couverture en ardoise », « Zinguerie & étanchéité » et « Entretien & rénovation ». Chaque prestation associe une photographie du métier, une description courte et un lien vers une page dédiée.
Ces pages permettraient de préciser les travaux concernés, les matériaux utilisés et les étapes d’une intervention. Elles aideraient les visiteurs à distinguer une réparation ponctuelle d’un projet de rénovation plus complet.
03Un avant/après pour rendre les transformations concrètes
La maquette prévoit un grand comparateur visuel mettant en regard une toiture ancienne et sa version rénovée. Dans le site développé, un curseur permettrait de révéler progressivement les deux états, photographiés depuis un même point de vue.
Des fiches de chantier compléteraient cette présentation avec le besoin initial, les travaux effectués et des détails de finition. Les images du concept restent identifiées comme des illustrations ; les réalisations publiées par l’entreprise reposeraient sur ses propres chantiers.
04Une demande de devis préparée avec des photos
Un premier accès oriente le visiteur selon sa commune et son besoin. Le formulaire détaillé prévoit ensuite ses coordonnées, le type de travaux et une description du projet.
L’ajout facultatif de photographies aiderait l’artisan à préparer le premier échange, sans remplacer la visite sur place. Le formulaire invite à utiliser des photos existantes ou prises depuis le sol. Le parcours présente également les étapes suivantes : échanger, examiner la toiture et préparer un devis détaillé.
05Une structure WordPress adaptée aux services et aux chantiers
La solution proposée repose sur WordPress, avec des modèles de pages pour les prestations et les réalisations. Des blocs réutilisables permettraient d’ajouter des photographies, de présenter un nouveau chantier et de mettre à jour les informations pratiques sans reconstruire les mises en page.
L’arborescence comprendrait l’accueil, les pages de services, les réalisations, la présentation de l’entreprise et le contact, complétés par les pages légales.
06Un site responsive et un référencement local cohérent
Le design responsive prévoit une adaptation des photographies, du comparateur avant/après et du formulaire aux écrans mobiles. Les informations essentielles et les actions de contact restent facilement accessibles.
Le SEO local s’appuierait sur des contenus propres à chaque prestation et sur la zone d’intervention réelle de l’entreprise. Une hiérarchie de titres claire, des balises title et méta-descriptions dédiées, ainsi que des liens entre services et chantiers structureraient la navigation. Le redimensionnement des photographies, leur compression et leur chargement différé contribueraient à maîtriser le poids des pages.
Périmètre du projet
Les expertises mobilisées.
- Conception UX/UI
- Identité visuelle web
- Site vitrine WordPress
- Pages de prestations
- Galerie de chantiers
- Comparateur avant/après
- Formulaire de devis avec ajout de photos
- Design responsive
- Optimisation des performances et SEO local
Vous avez un projet proche de celui-ci ? Découvrez notre offre site vitrine ou demandez un devis gratuit : réponse sous 24 à 48 h, un interlocuteur unique à Saint-Brieuc.
