Cas clients
Paysagiste · VitrineEn ligne · 2026

Méditerra Jardins.

Une vitrine qui plante un olivier sous vos yeux

Le site de Méditerra Jardins, paysagiste diplômé dans les Bouches-du-Rhône : un site vitrine construit à partir de ses propres photos de chantier, avec une animation au scroll où un olivier vient se planter dans un vase d'Anduze.

Visiter le site
méditerrajardins.fr
Méditerra Jardins
Contexte

Méditerra Jardins est un paysagiste installé à Carry-le-Rouet, sur la Côte Bleue. Sa seule vitrine était un compte Instagram : un flyer, des avant/après de chantiers et un reel. Le site devait reprendre ces visuels, poser une identité méditerranéenne à partir de son logo et donner envie d'appeler pour un devis.

Mon rôle · Direction artistique, visuels générés, design et développement
Le problème

Un paysagiste local se choisit sur la preuve : de vrais chantiers, avant et après. Il fallait mettre ces photos au premier plan sans tomber dans le template de paysagiste à bandeau vert, rester rapide sur téléphone, et afficher les mentions qu'impose une micro-entreprise qui annonce un crédit d'impôt.

Mon approche
01

Partir de ce qui existe

Crawl du compte Instagram : les photos de tous les carrousels et le reel récupérés, les couleurs relevées sur le flyer (brun chocolat, sauge), le logo olivier, amphore et cyprès vectorisé. Le lettrage romain du logo a guidé le choix de la typographie.

02

Une animation qui raconte le métier

Inspirée d'une page produit vue sur Pinterest : le nom géant, une bordure de plantes au premier plan qui s'écarte, puis l'olivier en motte qui descend dans un vase d'Anduze. La bordure est découpée le long d'une couture calculée sur la transparence, pour que les deux moitiés se recollent au pixel près.

03

La preuve par le chantier

Un avant/après épinglé où le scroll fait défiler quatre vues d'un même chantier et où la souris compare, le reel « du chantier au jardin » accompagné d'une branche d'olivier qui se dessine, et un aperçu en grand de chaque photo.

04

Rapide et en règle

Vite, GSAP et Lenis, polices et vidéos hébergées sur le site, aucun cookie. Mentions légales rédigées depuis le registre officiel, barre « Appeler / E-mail » sur mobile, image de partage et SEO local.

Stack technique
ViteTypeScriptGSAPLenisTailwind v4HiggsfieldVercel
Médias
Résultats

Ce que ça a concrètement changé.

01

Une identité à partir d'un logo

Palette, typographie et visuels découlent du flyer et du logo : le site prolonge ce que les clients voient déjà sur Instagram.

02

Les vrais chantiers en vedette

Les photos avant/après et le reel portent le discours : la preuve arrive avant la promesse.

03

En ligne et prêt à convertir

Un geste pour appeler depuis n'importe quel écran, devis gratuit mis en avant, et un site léger qui reste fluide sur téléphone.

Un projet similaire ?Discutons-en autour d’un appel.
M’écrire