Devis gratuit, réponse sous 48 h ouvrées Rendez-vous sur place en Bretagne

Site en panne ? Dépannage WordPress On en parle ? 06 75 19 96 92

Site vitrine une page + coupe de mur commentée et levages ouverts

Pieu & Pignon, constructeur de maisons bois à Plouha

Un écran coupé en deux : à gauche le vert sapin, le titre et la coupe du mur tracée au trait blanc, à droite le levage d'un mur face à la baie de Saint-Brieuc. Puis le mur couche par couche, et la même maison trois hivers plus tard.

Parcourir la démo

Tout ce qu’un site de constructeur de maisons bois doit faire

Métier
Constructeur de maisons bois
Ville
Plouha
Type de site
Site vitrine une page + coupe de mur commentée et levages ouverts
Style
Design sur mesure
Démo
Page d’accueil complète
Démo pieu-et-pignon.fr
Page d’accueil de la démo Pieu & Pignon

Faites défiler le téléphone, ou ouvrez la démo en grand.

Le scénario du projet

Un brief de départ, un site qui lui répond.

La demande

Les gens du Goëlo n'ont jamais vu une maison bois de près. Ils ont peur de l'humidité, ils ne savent pas ce qu'il y a dans le mur, et ils confondent hors d'eau hors d'air et clés en main. Je voudrais qu'ils voient un mur ouvert avant de venir me voir, et qu'ils viennent à un levage.

Client imaginé
Tugdual Le Moal, 45 ans, charpentier, a créé Pieu & Pignon en 2011 à Plouha et construit des maisons à ossature bois depuis 2013. Clémence Le Moal, dessinatrice, fait les plans et les dossiers de permis ; Yannick Briand mène l'équipe de levage. Neuf personnes en tout, un atelier de préfabrication rue de Kermaria.
L’approche retenue
Montrer le mur avant la maison : une coupe dessinée dès le premier écran, puis expliquée couche par couche. Ouvrir les levages au public sur inscription, poser les deux formules côte à côte poste par poste, dérouler le contrat et les garanties dans l'ordre de la page métier, et montrer un bardage qui a grisé plutôt qu'un bardage toujours neuf.
Le ton
Posé et concret, une fierté de charpentier sans superlatif. Vouvoiement, « nous » d'équipe, chaque mot technique (lisse, pare-pluie, frein-vapeur, lame d'air) expliqué en quelques mots.
La direction artistique
Site d'une seule page en écran scindé : vert sapin sombre #16302a pour le panneau du héros, le menu, les sections sombres et le pied, sapin #22463d en appui, blanc franc et brume pâle #e8f1f5 pour les sections claires, brume de falaise #9cc4d6 pour la coupe et les liens sur fond sombre, douglas #d9772b comme seul accent chaud (boutons, date du prochain levage, numéros d'étapes). Titres en Stack Sans Headline 600-700 en bas de casse, texte en Stack Sans Text. Angles vifs partout ; les séparateurs sont des lames de bardage, filets horizontaux espacés de 6 px.
Les visiteurs visés
Familles du Goëlo qui font construire, primo-accédants de l'agglomération de Saint-Brieuc qui achètent un terrain vers la côte, propriétaires de maisons en pierre de Saint-Quay-Portrieux à Paimpol qui veulent une extension.
Ce récit est un scénario : l’entreprise est imaginée, la démarche est celle que nous suivons pour un vrai client du métier. Il décrit le site tel que nous l’avons construit : la démo en ligne est le site complet.

Le brief

Tugdual Le Moal est charpentier. Il a créé Pieu & Pignon en 2011 à Plouha, sur la côte du Goëlo, et construit des maisons à ossature bois depuis 2013. Clémence Le Moal dessine les plans et monte les dossiers de permis, Yannick Briand mène l’équipe de levage, six charpentiers préfabriquent les murs à l’atelier de la rue de Kermaria. L’entreprise signe des contrats de construction de maison individuelle, en clés en main ou en hors d’eau hors d’air, et réalise des extensions bois sur des maisons de pierre.

Sa demande : « Les gens du Goëlo n’ont jamais vu une maison bois de près. Ils ont peur de l’humidité, ils ne savent pas ce qu’il y a dans le mur, et ils confondent hors d’eau hors d’air et clés en main. Je voudrais qu’ils voient un mur ouvert avant de venir me voir, et qu’ils viennent à un levage. »

Ce qu’on a compris

Une famille qui hésite devant le bois ne doute pas du charpentier : elle doute du mur. Ce qu’il y a derrière le bardage, ce que devient l’eau, ce que dira la banque. Une fois la maison bardée, plus rien ne se voit. Le site doit donc montrer le mur ouvert, et proposer de venir le toucher le jour d’un levage.

La deuxième confusion est celle des formules. Le hors d’eau hors d’air laisse au client une liste de postes qu’il découvre souvent trop tard. Le site la donne poste par poste, avec les artisans à trouver, et rappelle ce que dit la page métier : dès que l’entreprise réalise le gros œuvre et la mise hors d’eau hors d’air, le contrat de construction de maison individuelle s’impose, avec la garantie de livraison, la garantie de remboursement des sommes versées avant le chantier, la dommages-ouvrage à souscrire par le client et dix jours calendaires de rétractation.

Nos choix

Un écran coupé en deux. Le premier écran est partagé en deux moitiés exactes, sans marge ni cadre. À gauche, le panneau vert sapin porte le nom en bas de casse, le titre, la date du prochain levage en orange douglas, et, en bas, la coupe du mur tracée au trait blanc, huit couches en gradins. À droite, la photo d’un mur qu’on redresse en haut de falaise, la baie de Saint-Brieuc derrière.

Un seul carré blanc. Pas de barre d’en-tête : un carré blanc « menu », fixe en haut à gauche, ouvre un menu plein écran vert sapin. Les rubriques en grand à gauche, les deux prochains levages et l’atelier à droite.

Le mur couche par couche. Le dessin du héros revient en grand : bardage, lame d’air, pare-pluie, panneau, ossature et isolant, frein-vapeur, vide technique, parement. Chaque couche s’ouvre sur une phrase, et les épaisseurs sont renvoyées à l’étude thermique RE2020, sans résultat annoncé.

Un bardage qui a vieilli. La même maison de Lanloup, photographiée depuis le même coin du jardin à la livraison puis trois hivers plus tard. Le douglas est devenu gris, et le site le dit franchement.

Le style. Stack Sans Headline en bas de casse pour les titres, Stack Sans Text pour le texte. Vert sapin presque noir, brume de falaise et un seul orange. Aucun arrondi ; les séparateurs sont des lames de bardage, des filets espacés de 6 px.

La réalisation

Le site tient sur une seule page. Après le héros et les trois faits, on trouve le mur, les levages avec l’atelier en photo, les formules côte à côte, le contrat en six étapes, les maisons livrées, l’extension de Saint-Quay-Portrieux, puis la demande de projet sous la photo des pieux de Gwin Zegal, qui ont donné son nom à l’entreprise. Les dates de levage et les maisons livrées sont mises à jour par Clémence. Sur téléphone, le panneau vert passe au-dessus de la photo, la coupe se lit en bandes de haut en bas, le tableau des formules devient une carte par poste et une barre basse garde l’appel et l’inscription au levage. L’entreprise reste propriétaire de son nom de domaine et de ses accès.

Thomas lit chaque demande lui-même

Parlons de votre site, on commence par vos clients.

Décrivez votre besoin en une phrase ou laissez votre numéro, et Thomas vous rappelle. Le premier échange est gratuit et ne vous engage à rien.

Gratuit, sans engagement Réponse de Thomas sous 48 h ouvrées Aucun jargon

Avant de partir

Parlons de votre projet, 10 minutes au téléphone.

Thomas vous rappelle au créneau de votre choix : un premier conseil sur votre site, et un devis gratuit si vous le souhaitez. Sans engagement.

Formulaire protégé par reCAPTCHA : les règles de confidentialité et les conditions d’utilisation de Google s’appliquent.

Vous préférez appeler ? 06 75 19 96 92