PIKS-L
Chargement en cours...
← Tous les templates
Pergolas · boutique en ligne2026Template

Clairvoie

La boutique d’un fabricant de pergolas, en 3D temps réel : une pergola dont on oriente les lames et qui suit le soleil heure par heure, dix-sept modèles avec leur fiche, un configurateur au centimètre qui chiffre en direct, un panier et une demande de commande qui arrive dans votre messagerie. Pensée d’abord pour le téléphone.

Abonnement · 4 outils compris
69 €/mois
sans engagement · ou 350 € en une fois
clairvoie.piks-l.com
Page d’accueil de Clairvoie : la pergola bioclimatique en 3D et ses lames réglables
Secteur
Pergolas · fabrication et pose
Année
2026
Abonnement
69 €/mois
Pages
35 pages + 3 pages légales + 404
Champs administrables
3 435
Outils inclus
4 outils
00

Votre site, ses outils, un prix par mois

Le même site, repris au nom de votre entreprise, avec vos modèles, vos prix, vos teintes et votre domaine, et les outils de la console déjà branchés dessus. Vous changez un prix au m² ou une option dans l’éditeur, le configurateur suit.

Abonnement mensuel
69 €/ mois
sans engagement · hébergement, domaine et certificat compris
Les 4 outils pris à la carte136 €/mois−49 %
Ou en une fois
350 €
TTC · paiement unique · mise en ligne comprise

Le site seul. La console et ses outils se prennent ensuite à la carte, voir les tarifs.

01

Les outils branchés sur ce site

Compris dans l’abonnement. Le site est livré relié à chacun : rien à installer, rien à configurer. Les dix-sept modèles sont aussi dans la Boutique de la console.

02

Ce que vous recevez

L’accueil et sa pergola en 3D : lames de 0 à 135°, heure du jour, décor du jardin
Un catalogue de dix-sept modèles filtrable par toiture, pose, usage et budget
Une fiche par modèle : vue 3D, teintes, tailles standard chiffrées, caractéristiques, options
Un configurateur au centimètre, prix TTC en direct, démarche en mairie selon la surface
Le panier et la demande de commande, le devis prérempli, les échantillons gratuits
Inspirations, comparatif, accessoires, cinq guides, pose et paiement, FAQ
3 435 champs administrables, grille tarifaire modifiable, trois pages légales incluses
01

Le brief

Un fabricant de pergolas aluminium et bois qui vend en ligne et pose lui-même. Le site devait faire ce qu’un catalogue papier ne fait pas : montrer l’ombre d’une pergola à toute heure, chiffrer une terrasse au centimètre sans visite commerciale, et présenter une grosse gamme comme les grandes enseignes — mais en blanc, en lumière, avec un vrai jardin autour.

02

Ce que nous avons fait

01

Trente-huit pages reprises au pixel près depuis la maquette et contrôlées propriété par propriété, au bureau et au téléphone.

02

Un moteur 3D temps réel — ciel HDR, gazon, dallage, salon de jardin, barbecue, ombres qui tournent avec le soleil — servi par le site et chargé seulement quand on regarde : sur téléphone, au premier geste.

03

Un configurateur qui lit sa grille tarifaire dans la page : le fabricant change un prix au m², une surface minimale ou une option dans l’éditeur, le total suit.

04

Les dix-sept modèles, leurs prix « à partir de » et leurs caractéristiques remontés aux moteurs en données structurées de produit, relues sur les pages publiées — sans aucune coordonnée d’exemple.

03

La palette et les typographies

#FFFFFF#E3F4E9#17603F#0F1512#E0A530

Le blanc d’une terrasse au soleil, la menthe des pastilles, le vert vigne des titres et des liens, l’anthracite du RAL 7016 le plus vendu, et une touche de soleil pour le panier. Des rayons de lumière traversent les fonds, les cartes s’éclairent sous le pointeur

Titres
De l’ombre quand il faut, du soleil
Archivo élargi et Instrument SerifArchivo 800 en largeur 112 pour les titres, le dernier mot en Instrument Serif italique vert
Aa Bb Cc 0123456789
Texte et cotes
Lames orientables, motorisées, posées en un jour. 500 × 350 cm · 17,5 m² · RAL 7016
Instrument Sans et JetBrains MonoInstrument Sans pour le texte · JetBrains Mono pour tout ce qui se mesure : cotes, surfaces, prix
Aa Bb Cc 0123456789
04

Des pages, en vrai

Les mêmes écrans aux trois largeurs qui comptent — bureau, tablette, téléphone : l’écran de chargement, la pergola en 3D de l’accueil, les gammes, le catalogue, une fiche, le configurateur, le panier, le comparatif, les inspirations et le pied de page. Captures du site en ligne, pas d’une maquette.

Écran1 280 px de large
Clairvoie — Écran de chargement (écran)
Écran de chargement
Clairvoie — Haut de la page d’accueil : la pergola en 3D (écran)
Haut de la page d’accueil : la pergola en 3D
Clairvoie — Les trois gammes et les modèles phares (écran)
Les trois gammes et les modèles phares
Clairvoie — Le catalogue filtrable (écran)
Le catalogue filtrable
Clairvoie — La fiche d’un modèle et sa vue 3D (écran)
La fiche d’un modèle et sa vue 3D
Clairvoie — Le configurateur et son prix en direct (écran)
Le configurateur et son prix en direct
Clairvoie — Le panier et la demande de commande (écran)
Le panier et la demande de commande
Clairvoie — Le comparatif par famille (écran)
Le comparatif par famille
Clairvoie — Les inspirations prêtes à charger (écran)
Les inspirations prêtes à charger
Clairvoie — Pied de page (écran)
Pied de page
Tablette834 px de large
Clairvoie — Écran de chargement (tablette)
Écran de chargement
Clairvoie — Haut de la page d’accueil : la pergola en 3D (tablette)
Haut de la page d’accueil : la pergola en 3D
Clairvoie — Les trois gammes et les modèles phares (tablette)
Les trois gammes et les modèles phares
Clairvoie — Le catalogue filtrable (tablette)
Le catalogue filtrable
Clairvoie — La fiche d’un modèle et sa vue 3D (tablette)
La fiche d’un modèle et sa vue 3D
Clairvoie — Le configurateur et son prix en direct (tablette)
Le configurateur et son prix en direct
Clairvoie — Le panier et la demande de commande (tablette)
Le panier et la demande de commande
Clairvoie — Le comparatif par famille (tablette)
Le comparatif par famille
Clairvoie — Les inspirations prêtes à charger (tablette)
Les inspirations prêtes à charger
Clairvoie — Pied de page (tablette)
Pied de page
Mobile390 px de large
Clairvoie — Écran de chargement (téléphone)
Écran de chargement
Clairvoie — Haut de la page d’accueil : la pergola en 3D (téléphone)
Haut de la page d’accueil : la pergola en 3D
Clairvoie — Les trois gammes et les modèles phares (téléphone)
Les trois gammes et les modèles phares
Clairvoie — Le catalogue filtrable (téléphone)
Le catalogue filtrable
Clairvoie — La fiche d’un modèle et sa vue 3D (téléphone)
La fiche d’un modèle et sa vue 3D
Clairvoie — Le configurateur et son prix en direct (téléphone)
Le configurateur et son prix en direct
Clairvoie — Le panier et la demande de commande (téléphone)
Le panier et la demande de commande
Clairvoie — Le comparatif par famille (téléphone)
Le comparatif par famille
Clairvoie — Les inspirations prêtes à charger (téléphone)
Les inspirations prêtes à charger
Clairvoie — Pied de page (téléphone)
Pied de page
05

Ce que ça change

01

3 435 champs administrables par le fabricant — modèles, prix, cotes, caractéristiques, options, guides, questions, images — sans une ligne de code.

02

Chaque demande de commande arrive dans la messagerie de la console avec chaque pergola, ses cotes, sa teinte, ses options et le total ; le devis, les échantillons, le contact et la lettre aussi. Les messages de confirmation se modifient dans l’éditeur.

03

Aucun saut de mise en page, polices et 3D servies par le site, rien de chargé pour rien sur téléphone ; zéro manquement d’accessibilité sur les trente-huit pages et la page d’erreur, au bureau comme au téléphone.

06

Ce que le fabricant gère lui-même

Depuis la console, sans toucher au code.

Les modèles, leurs textes, leurs prix « à partir de » et leurs caractéristiques
La grille du configurateur : prix au m², surface minimale, options, pose
Les guides, les questions fréquentes et les pages légales
Les coordonnées, les images et les messages de confirmation