Méditerra Jardins.
A showcase site that plants an olive tree before your eyes
The website of Méditerra Jardins, a qualified landscaper in the south of France: a showcase website built from his own job-site photos, with a scroll animation where an olive tree settles into a traditional Anduze pot.
Visit the site
Méditerra Jardins is a landscaper based in Carry-le-Rouet, on the Côte Bleue near Marseille. His only showcase was an Instagram account: a flyer, before/after shots and a reel. The site had to reuse those visuals, build a Mediterranean identity from his logo and make people want to call for a quote.
My role · Art direction, generated visuals, design and developmentA local landscaper is chosen on proof: real gardens, before and after. The photos had to come first without falling into the green-banner landscaper template, stay fast on phones, and carry the legal notices required for a micro-business advertising a tax credit.
Start from what exists
Crawl of the Instagram account: every carousel photo and the reel collected, colours sampled from the flyer (chocolate brown, sage), the olive tree, amphora and cypress logo vectorised. The Roman lettering of the logo drove the typeface choice.
An animation that tells the trade
Inspired by a product page seen on Pinterest: the giant name, a foreground planting that parts, then the root-balled olive tree coming down into an Anduze pot. The planting is split along a seam computed on transparency, so both halves rejoin to the pixel.
Proof from the job site
A pinned before/after where scrolling moves through four views of one job and the mouse compares, the reel « from site to garden » alongside an olive branch that draws itself, and a large preview of every photo.
Fast and compliant
Vite, GSAP and Lenis, fonts and videos served from the site, no cookies. Legal notices written from the official registry, a « Call / Email » bar on mobile, share image and local SEO.
What it actually changed.
An identity grown from a logo
Palette, typography and visuals follow the flyer and the logo: the site extends what clients already see on Instagram.
Real jobs in the spotlight
The before/after photos and the reel carry the message: proof comes before the promise.
Live and ready to convert
One tap to call from any screen, free quote up front, and a light site that stays smooth on phones.