Canopy.
Branding & Web

LM Agence Marketing

Branding, site vitrine et CMS sur mesure pour un collectif d'experts marketing, créa et automatisation.

BrandingDesign systemSite vitrineCMS sur mesureSEO/GEO
Aperçu du projet LM Agence Marketing
À propos

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.

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.

Notre solution

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.

Fonctionnalités clé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
  • 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

  • Stack
    Next.js 16React 19TypeScriptSupabaseTailwind CSS v4GSAP ScrollTriggerLenisFramer MotionRadix UIGTM
    Un projet similaire ?

    On démarre le vôtre ?

    Brief en 2 minutes via l’estimateur, ou écrivez-nous. Réponse sous 48 heures.