// ───────────────────────────────────────────────────────────── // Mezoo — Page Étude de cas (Hortis SA · pièce n°47) // Editorial layout with tech proof side-bar. Demonstrates the same // hybrid system applied to a content-heavy page. // ───────────────────────────────────────────────────────────── function CasePage() { useReveal(); const { go } = useRouter(); return (
{/* ── Header ───────────────────────────────────────────── */}
/ Pièce 47 Hortis SA — Refonte 2025 Reconstruire cinq sites locaux en un seul outil métier. Hortis SA exploite cinq enseignes horticoles régionales sous une bannière commune. Chaque site avait été codé séparément, à dix ans d'intervalle, par trois prestataires différents. Un back-office partagé essayait de tenir l'ensemble. L'ensemble fuyait de partout. 40 heures de maintenance par mois, un score Lighthouse moyen de 54, zéro déploiement en moins de 6h. Onze jours plus tard, le tout marche sur un seul outil — score 99, ops divisées par six, et zéro régression à 90 jours.
{/* ── Vitals ───────────────────────────────────────────── */}
{[ ['Secteur', 'Horticulture pro.'], ['Effectif client', '240 personnes'], ['Durée', '11 jours ouvrés'], ['Équipe Mezoo', '2 seniors'], ['Stack', 'Next · PG · Stripe'], ['Période', 'Q1 2025'], ].map(([k, v], i) => ( {k} {v} ))}
{/* ── Cover capture ────────────────────────────────────── */}
{/* ── Body grid ───────────────────────────────────────── */}
{/* Body */}
I — Contexte

Cinq enseignes, une seule direction.

Hortis SA fédère cinq pépinières historiques, chacune avec sa clientèle locale et son catalogue propre. La direction voulait préserver les marques régionales tout en consolidant le système d'information. Verdict : refonte complète, outil unique, déploiement par bascule sans interruption commerciale.

II — Diagnostic

On a commencé par mesurer.

Cinq jours d'audit côté code, sécurité, infrastructure, SEO. Restitution écrite de 42 pages remise sous deux semaines. Le constat tenait en une ligne : la dette technique cumulée coûtait plus cher à maintenir qu'à réécrire.

{/* Diagnostic stat block */}
{[ ['54 / 100', 'Lighthouse moyen pré-refonte'], ['6 h', 'Délai déploiement d\'un correctif'], ['40 h / mois', 'Maintenance accumulée'], ].map(([v, l]) => (
{v} {l}
))}
III — Conception

Un seul codebase, cinq vitrines.

Architecture monorepo. Front en Next.js (App Router, RSC). CMS headless pour contenu éditorial régional. Catalogue unifié en PostgreSQL avec règles de visibilité par enseigne. Paiement Stripe. Hébergement AWS Frankfurt, CDN Cloudflare. Tout sous IaC, tout testé, tout documenté.

IV — Livraison

Onze jours ouvrés de bout en bout.

Migration nuit du 18 mars. Bascule DNS à 03h00, mise en production validée à 03h41. Aucune commande perdue. Aucune URL cassée — 14 000 redirections 301 pré-calculées. Trois mois plus tard, aucune ligne réécrite.

« On avait trois devis. Mezoo était au milieu en prix, mais le seul à refuser de chiffrer avant l'audit. C'est ça qui nous a décidés. »

Christine Vasseur, Directrice des opérations — Hortis SA
{/* Sticky tech sidebar */}
{/* ── Closing CTA ──────────────────────────────────────── */}
§ Démarrer · sous 48h On peut faire pareil avec votre outil métier.
); } Object.assign(window, { CasePage });