LM Agence Marketing
Branding, site vitrine et CMS sur mesure pour un collectif d'experts marketing, créa et automatisation.
En bref
LM Marketing est un collectif d’experts en acquisition : publicité, SEO/GEO, CRM, création et automatisation. Canopy a livré l’identité de marque, le design system éditorial, le site Next.js 16 et un CMS interne qui permet à l’équipe de modifier chaque texte et chaque intégration sans toucher au code.
Par Simon Duchène, fondateur de Canopy · Mis à jour le
Qui est le client ?
LM Marketing rassemble un collectif d'experts qui couvre toute la chaîne d'acquisition : publicité digitale, SEO/GEO, CRM, stratégie, création visuelle et automatisations. Nous avons pris en charge le projet de bout en bout : identité de marque, design system éditorial, développement du site Next.js et CMS interne. Le résultat : un site structuré autour de trois pôles (Agence, Studio, Solutions), entièrement pilotable par l'équipe sans toucher au code.
Quel était le défi ?
LM voulait un dispositif complet, du logo au site, qui reflète à la fois la rigueur d'une agence marketing et la singularité d'un studio créatif :
- Bâtir une identité de marque cohérente pour trois pôles aux ADN différents (Agence, Studio, Solutions) sans les fragmenter en sous-marques.
- Traduire cette identité en site éditorial dense, qui se lit en scrollant plutôt qu'en enchaînant des slides marketing.
- Livrer un CMS interne où chaque bloc de texte et chaque intégration (newsletter, formulaire, agenda) s'édite sans toucher au code.
- Un socle technique récent (Next.js 16, React 19, Tailwind v4) qu'une équipe non développeuse puisse faire vivre au quotidien.
- Un site rapide et bien référencé, y compris auprès des moteurs génératifs : c'est exactement ce que LM vend à ses propres clients, donc rien n'était négociable là-dessus.
Qu’avons-nous construit ?
On a pris le projet du logo jusqu'au déploiement :
- Identité visuelle complète : logo, palette, système typographique et règles de composition, pensés pour décliner trois pôles sans diluer la marque.
- Site Next.js 16 (App Router), avec des sections plein écran qui se fixent au scroll via GSAP ScrollTrigger.
- Défilement adouci par Lenis, transitions secondaires en Framer Motion.
- Chaque texte du site est stocké en base et modifiable depuis l'admin, sans redéploiement.
- Des emplacements libres où insérer une newsletter, un agenda Cal.com ou un widget tiers sur n'importe quelle page.
- Authentification Supabase et back-office réservé à l'équipe LM.
- Une route par pôle (`/agence`, `/studio`, `/solutions`) et des données structurées par service.
- GTM posé dès le layout racine pour le suivi publicitaire.
- Sitemap et métadonnées générés par page, structure sémantique pensée aussi pour ChatGPT et Perplexity.
Quelles fonctionnalités ?
- ·Branding complet : logo, identité visuelle et design system éditorial
- ·Narration scrollytelling avec sections pinned via GSAP
- ·Pôle Agence : paid media, SEO/GEO, CRM, stratégie
- ·Pôle Studio : direction artistique, production, motion
- ·Pôle Solutions : automatisations n8n, agents IA, intégrations
- ·CMS interne pour éditer textes et embeds depuis l’admin
- ·Système de slots pour intégrer newsletters et formulaires sans code
- ·Smooth scroll Lenis et transitions Framer Motion
- ·Blog éditorial et pages contact dédiées
- ·Auth Supabase et back-office sécurisé pour l’équipe
- ·SEO et GEO avancés : sitemap, JSON-LD, structuration sémantique
Quels résultats ?
- 01
Identité de marque livrée et déclinée sur tout le site, du logo aux templates de contenu
- 02
Site déployé en moins de 8 semaines, du brief à la mise en ligne
- 03
Trois pôles différenciés (Agence, Studio, Solutions) sans fragmenter l’expérience
- 04
Équipe LM 100 % autonome sur l’édition de textes et embeds via le CMS interne
- 05
Animations scroll fluides sans pénaliser les Core Web Vitals
- 06
Suivi publicitaire (GTM, Meta, Google) en place le jour de la mise en ligne
- 07
Balisage sémantique lisible par Google comme par les moteurs génératifs
- 08
Next 16, React 19 et Tailwind v4 : rien à migrer avant plusieurs années
Comment chaque besoin a-t-il été traité ?
| Aspect | Le besoin | Ce qui a été livré |
|---|---|---|
| Marque | Trois pôles aux ADN différents, sans les fragmenter en sous-marques | Logo, palette, système typographique et règles de composition communs aux trois pôles |
| Lecture | Un site éditorial dense, qui se lit en scrollant | Sections plein écran fixées au scroll (GSAP ScrollTrigger), défilement adouci par Lenis |
| Autonomie | Éditer textes et intégrations sans toucher au code | CMS interne : textes stockés en base, emplacements libres pour newsletter, agenda ou widget |
| Visibilité | Être bien référencé, y compris par les moteurs génératifs | Sitemap, métadonnées par page, données structurées par service |
Questions fréquentes
L’équipe LM peut-elle modifier le site sans développeur ?
Oui. Chaque texte est stocké en base et s’édite depuis l’admin, sans redéploiement. Des emplacements libres accueillent une newsletter, un agenda Cal.com ou un widget tiers sur n’importe quelle page.
Comment le site est-il organisé ?
Autour de trois pôles, chacun avec sa route : /agence pour le paid media, le SEO/GEO, le CRM et la stratégie ; /studio pour la direction artistique, la production et le motion ; /solutions pour les automatisations n8n, les agents IA et les intégrations.
Qu’est-ce qui a été prévu pour le référencement ?
Un sitemap et des métadonnées générés par page, des données structurées par service et une structure sémantique pensée pour Google comme pour ChatGPT et Perplexity. GTM est posé dès le layout racine pour le suivi publicitaire.
Combien de temps a duré le projet ?
Moins de 8 semaines, du brief à la mise en ligne.
Lexique du projet
- Design system
- Un design system est un ensemble de règles et de composants réutilisables (couleurs, typographie, composants d’interface) qui garde un produit cohérent à mesure qu’il grandit. Source : Wikipédia
- CMS
- Un CMS est un logiciel qui permet de créer et de modifier le contenu d’un site sans écrire de code. Source : Wikipédia
- Next.js
- Next.js est un framework open source basé sur React, qui peut générer les pages côté serveur avant de les envoyer au navigateur. Source : Wikipédia
- GEO
- Le GEO est l’optimisation des contenus pour qu’ils soient repris et cités par les moteurs génératifs, au même titre que le SEO vise les moteurs de recherche classiques. Source : Wikipédia
- Core Web Vitals
- Les Core Web Vitals sont les indicateurs définis par Google pour mesurer le chargement, la réactivité et la stabilité visuelle d’une page. Source : web.dev (Google)
Stack
Liens
On démarre le vôtre ?
Brief en 2 minutes via l’estimateur, ou écrivez-nous. Réponse sous 48 heures.