Kerbrat Paysage
Un site vitrine qui transforme la visite en devis
Site vitrine et parcours de devis guidé pour un paysagiste indépendant.
Construction / BTP·Devis & chiffrage
À quoi ça ressemble
Paysagiste indépendant basé à Bruz, près de Rennes, il intervenait jusqu'ici sans aucune vitrine en ligne pour présenter ses chantiers ni capter de nouvelles demandes.
Le prototype livre un site vitrine complet : catalogue de prestations, galerie de réalisations avec curseur avant/après, et un formulaire de devis guidé en plusieurs étapes.
Une identité visuelle unique
Couleurs
Typographie
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0 1 2 3 4 5 6 7 8 9 & @ # %
Titres qui portent le message
Sous-titres qui structurent
Un texte courant lisible sur tous les écrans, avec des interlignes généreux.
Construit avec des technologies qui durent
Les technos les plus utilisées au monde, qui font tourner Airbnb et Netflix.
Next.js
React
TypeScript
Tailwind CSS
Framer MotionLe projet écran par écran
Des enjeux concrets, des réponses concrètes
Des enjeux concrets, des réponses concrètes
Les choix qui comptent
Trois décisions de conception prises sur ce projet, et pourquoi.
Curseur avant/après
Curseur avant/après
Chaque chantier se compare en glissant une poignée sur la photo, avec libellés "Avant" et "Après" toujours visibles.
Au chargement, le curseur joue une démonstration automatique (78 % → 24 % → 50 %) pour montrer l'interaction, puis se laisse piloter au doigt, à la souris ou au clavier.
Devis guidé en plusieurs étapes
Devis guidé en plusieurs étapes
La demande de devis se découpe en 3 étapes courtes (travaux, projet, coordonnées) plutôt qu'un formulaire unique intimidant.
Chaque étape est validée avant de passer à la suivante (service choisi, commune et surface renseignées, téléphone au bon format), avec upload de photos en option.
Aide à la rédaction par IA
Aide à la rédaction par IA
Depuis l'espace gérant, un clic sur « Aide à la rédaction » propose un texte prêt à l'emploi pour chaque bloc clé du site, modifiable ensuite librement.
Un aperçu en direct affiche le rendu réel sur la page d'accueil avant même d'enregistrer, pour écrire sans jamais toucher au code.
Rapide, mesuré, prouvé
La vitesse n’est pas une promesse : elle se mesure.
Chargement immédiat
Le contenu essentiel s’affiche en une fraction de seconde : rendu côté serveur, HTML léger, JavaScript réduit au strict nécessaire.
Images optimisées
Formats modernes (WebP/AVIF), dimensions adaptées à l’écran et chargement différé hors de l’écran : aucun octet gaspillé.
Stabilité visuelle
Pas de saut de mise en page pendant le chargement : les tailles sont réservées à l’avance, l’interface reste calme sous les yeux.
Une sécurité qui ne dort jamais
Ce qui tourne en arrière-plan pour que votre projet reste debout, quoi qu’il arrive.
Sauvegardes quotidiennes sur serveur distant
Procédure de reprise testée mensuellement
Monitoring automatique toutes les 5 min du service, alerte auto si service down
Chiffrement SSL
Isolation des environnements de développement
5 étapes pour concrétiser votre projet
Cadrage
On tient un cabinet d’ostéopathie. L’idée : que nos patients réservent en ligne, sans appeler.
Reçu ! On vous prépare un prototype sous 3j
Vous décrivez votre projet
Un cahier des charges si vous en avez un, quelques paragraphes libres sinon.
Vous avez lu jusqu’ici ? Continuons ensemble.
Avant de signer, on vous offer sous 3j un prototype de votre projet.
Sans engagement
