Présentation
Vitrine Pro est une plateforme qui vend et héberge des sites vitrines pour artisans et commerces. Le client choisit son métier, s’abonne, et son site est en ligne en moins d’une minute sur une adresse en vitrine-pro.fr, puis sur son propre nom de domaine.
Le problème
Un plombier ou un coiffeur a besoin d’un site qui fait sonner son téléphone, pas d’un outil à administrer. Les constructeurs de sites génériques demandent du temps et des choix qu’il n’a pas envie de faire, une agence coûte cher pour un besoin très standard.
Mon approche
Préparer le travail par métier plutôt que par client : 21 métiers, chacun avec ses textes, ses prestations, sa FAQ, son formulaire et ses scènes 3D animées — une maison qui monte brique par brique pour la maçonnerie, une serrure en coupe pour le serrurier. Le client n’a plus qu’à ajuster ce qui le concerne.
Fonctionnalités
- 21 métiers préconfigurés, des scènes 3D propres à chaque métier et des centaines de combinaisons de styles
- Éditeur directement sur la page : textes, photos, sections, horaires, bandeau d’annonce
- Formulaire de rappel : chaque demande arrive par e-mail et dans l’espace client, avec un suivi (rappelée, devis envoyé, gagnée…)
- Statistiques de visite sans cookie et score de référencement local avec conseils
- Nom de domaine personnalisé, avec diagnostic DNS et guide par hébergeur
- Avis Google affichés sur le site
- Abonnement Stripe avec essai gratuit, support intégré, centre d’aide avec démonstrations animées
Architecture technique
Chaque site client est un ensemble de fichiers statiques — environ 300 Ko — générés par la console d’administration et servis par Caddy selon le nom de domaine, avec HTTPS automatique. Pas de WordPress, pas de MySQL, pas de conteneur par site : créer un site, relier un domaine ou suspendre un abonnement ne demande aucun redémarrage. Les données vivent dans une base SQLite unique, à partir de laquelle les sites sont régénérés à chaque modification. La console tourne sous Node.js, et les scènes 3D sont écrites avec Three.js.
Choix techniques
Les styles et scripts communs à tous les sites sont versionnés par empreinte et mis en cache un an par les navigateurs, sans risque de servir une ancienne version. Les photos envoyées par les clients sont redimensionnées et converties en WebP directement dans le navigateur, avant l’envoi. Le back-office a été audité avec axe-core selon les critères WCAG 2.1 AA, en thème clair comme en sombre.
Difficultés rencontrées
Le point le plus délicat pour des clients non techniques est le nom de domaine. Chaque hébergeur a ses propres écrans de configuration DNS : la console détecte l’hébergeur à partir de ses serveurs de noms, affiche où pointe réellement le domaine, ce qu’il faut corriger, et vérifie la configuration automatiquement jusqu’à ce qu’elle soit bonne.
Ce n’est pas un site WordPress, et c’est voulu : pour des sites aux besoins identiques et très standardisés, des fichiers statiques sont plus simples à héberger et à maintenir. Savoir quand WordPress est le bon outil — et quand il ne l’est pas — fait partie du conseil que j’apporte sur une refonte WordPress.
