Cascade

Refonte du site web de l'Institution Notre-Dame de la Merci

Proposition commerciale pour la conception, le développement et la mise en ligne du nouveau site institutionnel lamerci.com

Avril 2026
Marianne Lemercier
Responsable communication
et projets Erasmus+
01 — Compréhension

Votre institution,
notre compréhension

Depuis près de 180 ans, l'Institution Notre-Dame de la Merci accompagne des générations de jeunes à Montpellier et sur le littoral, avec une promesse claire : l'exigence et la bienveillance.

Aujourd'hui, l'institution rassemble plus de 1 800 élèves et étudiants autour de quatre pôles de formation complémentaires :

100 %
Réussite au bac 2024
90 %
Mentions
1 800+
Élèves et étudiants
15+
Associations actives

Un établissement où l'on ne se contente pas d'enseigner : on forme des citoyens engagés. Trois dimensions structurent le projet éducatif de La Merci :

1.
L'ouverture sur le monde.

Programme Erasmus+, partenariat avec le CEGEP de Saint-Félicien au Québec, Dual Diploma, sections européennes, enseignement du chinois.

2.
L'ouverture vers le monde professionnel.

Conférences, interventions de chefs d'entreprise, stages, alternance via l'ICFA : les parcours sont connectés au marché de l'emploi.

3.
Réussite et bien-être au cœur du projet éducatif.

Exigence académique, attention portée à chaque élève, accompagnement personnalisé, associations dédiées à la santé mentale et à l'entraide : La Merci fait du bien-être sur le lieu d'étude une priorité.

Les enjeux de la refonte de lamerci.com

Exigence académique, bienveillance envers chaque élève, responsabilité citoyenne : c'est cette institution complète, vivante et ambitieuse que le nouveau site doit refléter. Conçu il y a dix ans, le site actuel mérite aujourd'hui une vitrine numérique moderne à la hauteur de l'identité de La Merci.

Donner à voir La Merci dans sa globalité. Aujourd'hui, le site oriente le visiteur vers un pôle dès son arrivée. C'est une logique qui a eu son utilité, mais qui ne permet plus de montrer la complémentarité de l'offre de formation ni la force de l'institution dans son ensemble. Une famille qui découvre La Merci doit pouvoir, en quelques secondes, comprendre toute la richesse des parcours proposés, du lycée aux classes préparatoires, de l'alternance à l'international, et accéder au pôle qui l'intéresse.

Traduire en ligne ce qui fait l'âme de La Merci. La vie lycéenne, l'ouverture internationale, les liens avec le monde professionnel, l'attention au bien-être, tout ce qui rend La Merci unique : l'enjeu est de donner à ces dimensions la même visibilité en ligne que celle qu'elles ont dans l'établissement au quotidien, portées par une identité visuelle renouvelée.

Rendre le site accessible à tous les publics. Un site d'établissement scolaire s'adresse à un public large : familles, élèves, partenaires, personnes en situation de handicap. Proposer une expérience de navigation confortable pour tous, y compris les personnes malvoyantes ou naviguant avec des outils d'assistance, est à la fois une question de cohérence avec les valeurs d'accueil de La Merci et une obligation réglementaire depuis 2019 pour les établissements sous contrat.

02 — Analyse & recommandations

Votre site aujourd'hui

Pour construire une solution adaptée à vos besoins, nous avons analysé votre site actuel sous cinq angles. Pour chacun, nous partageons notre constat et la réponse que nous proposons.

Expérience utilisateur

Constat

La pré-homepage oblige le visiteur à choisir entre Montpellier et Littoral avant de découvrir l'institution et l'offre dans son ensemble. Une fois entré, il découvre deux sous-sites avec des navigations et des structures différentes. Les quatre pôles ne sont pas présentés à égalité. Les contenus riches (vie lycéenne, international, résultats) existent mais se perdent dans des sous-menus.

Notre réponse

Un site unique avec une seule porte d'entrée. La page d'accueil présente simultanément les quatre pôles de formation, la vie lycéenne, les résultats et les actualités. Chaque pôle disposera du même niveau de visibilité et de la même profondeur de contenu : même architecture de pages, même traitement graphique, même place dans la navigation. Chaque visiteur atteint l'information qu'il cherche en deux clics maximum. Les outils du quotidien (École Directe, Moodle, CDI, cantine) restent accessibles en permanence.

Identité visuelle

Constat

En dix ans, les standards du web ont évolué : expérience mobile, typographie, hiérarchie visuelle, animations. Le site ne projette plus l'image de modernité que porte l'institution. En parallèle, un travail d'identité visuelle a été amorcé en interne (nouvelles pistes de logo, palette de couleurs renouvelée, premières déclinaisons sur les supports de communication). Ces pistes constituent une direction prometteuse qui mérite d'être affinée et structurée pour le digital.

Notre réponse

Nous partirons de ces fondations pour construire un univers visuel cohérent sur l'ensemble du site : contrastes adaptés à l'écran, typographie harmonisée, déclinaisons pensées pour chaque gabarit de page. Nos premières pistes sont présentées plus bas, dans la section dédiée à l'identité visuelle.

Performance

Constat

Nous avons mesuré la performance technique à l'aide d'outils de référence.

Pré-homepage
Performance
70
Accessibilité
85
Bonnes pratiques
100
Référencement
100
Homepage
Performance
80
Accessibilité
80
Bonnes pratiques
100
Référencement
85

Les scores sont corrects mais laissent une marge de progression significative, notamment sur la vitesse de chargement et l'expérience mobile.

Notre réponse
Objectif
Performance
95+
Accessibilité
100
Bonnes pratiques
100
Référencement
100

Un site conçu avec les technologies actuelles, optimisé pour un chargement rapide sur tous les appareils, avec des objectifs de performance mesurables dès la mise en ligne.

Accessibilité

Constat

Le site actuel ne dispose pas de déclaration de conformité RGAA (Référentiel général d'amélioration de l'accessibilité) et présente des écarts sur les contrastes, la navigation au clavier et les descriptions d'images. Depuis 2019, les établissements privés sous contrat ont une obligation légale de conformité en matière d'accessibilité numérique.

Notre réponse

Le nouveau site sera conçu dès le départ dans une démarche de conformité RGAA : contrastes vérifiés, navigation au clavier, descriptions d'images, structure sémantique. Notre équipe est en cours de certification RGAA, garantissant une expertise dédiée sur ce sujet. Pour une institution qui place l'accueil de tous au cœur de son projet, c'est une évidence.

Référencement naturel

Constat

La base est correcte (85 à 100 selon les pages), mais le potentiel sur les requêtes stratégiques (« lycée privé Montpellier », « CPGE Montpellier ») n'est pas pleinement exploité. La structure en deux sous-sites dilue l'autorité de la marque auprès des moteurs de recherche.

Notre réponse

Un site unifié concentre toute la visibilité sur un seul domaine. La structure sera optimisée pour positionner La Merci sur ses requêtes clés, avec un balisage technique adapté et un score de performance cible supérieur à 95/100.

Le contenu est là. La base éditoriale est solide. C'est la forme qui doit évoluer pour porter l'ambition de l'institution.

03 — Notre solution

Un site unique,
reflet de votre identité

Pour rendre notre approche tangible, nous avons esquissé une première direction créative. Elle s'appuie sur votre identité et sur les enjeux identifiés dans notre analyse.

La page d'accueil

Pour illustrer notre approche, nous avons réalisé une esquisse rapide de la page d'accueil. Il ne s'agit ni d'une maquette définitive, ni d'une proposition graphique aboutie : les images, les textes et le logo utilisés ici sont provisoires et ne préjugent en rien des choix que nous ferons ensemble.
Comme évoqué, nous pourrons intégrer une vidéo immersive sur la page d'accueil pour valoriser le cadre et l'ambiance de l'institution dès le premier regard.

Page d'accueil — vue bureau
Section institution — vue ordinateur portable Page d'accueil — vue mobile

Premières pistes d'identité visuelle

Logo

Le travail d'identité visuelle mené par Marianne Lemercier constitue une base solide : nouveau logo intégrant le porche, palette de couleurs renouvelée, déclinaisons sur les supports de communication et la boutique en ligne. Nous proposons de prolonger cette direction et de la structurer pour le digital.

Logo actuel de l'Institution Notre-Dame de la Merci

Logo existant, créé par Marianne Lemercier · Typographie : Twentieth Century

Palette proposée

La palette s'appuie sur les deux couleurs historiques de l'institution (vert, bleu) en les affinant pour le web : contrastes renforcés, déclinaisons pour l'accessibilité, tons complémentaires pour enrichir l'univers visuel sans le dénaturer.

Vert institution
#175536
Bleu institution
#1b4965
Blanc cassé
#ECE9E2
Brun profond
#1f1300

Cette direction s'appuie sur les fondations posées par l'équipe de communication. Pour aller plus loin (refonte du logo intégrant le porche, charte graphique complète, déclinaisons sur tous supports), nous proposons une option dédiée détaillée dans la section Investissement.

04 — Choix technologique

Le choix de la technologie

Votre équipe de communication gère aujourd'hui le site sous WordPress et en maîtrise les usages au quotidien. Ses attentes pour le futur site sont claires : conserver un maximum d'autonomie, disposer d'un outil accessible, et bénéficier d'un site performant, sécurisé et durable. Nous avons analysé les solutions les plus pertinentes et recommandons Webflow.

Notre recommandation : Webflow

Webflow est une plateforme tout-en-un qui réunit la conception visuelle, la gestion de contenu et l'hébergement dans un seul environnement, utilisée par plus de 300 000 entreprises dans le monde.

Et si vous préférez WordPress ?

Notre recommandation va à Webflow, mais nous maîtrisons également WordPress et pouvons réaliser le projet sur cette technologie si vous le souhaitez. Le budget, le calendrier et le niveau de qualité restent identiques, seules les modalités de maintenance et d'autonomie diffèrent. Nous en discuterons ensemble lors du cadrage.

Bonnes pratiques incluses

Conception responsive (mobile-first) Conformité aux normes d'accessibilité (RGAA) Référencement naturel optimisé Score de performance cible supérieur à 95/100 Conformité RGPD Éco-conception

Un comparatif détaillé Webflow vs WordPress est disponible en annexe.

05 — Méthodologie

Notre méthode, votre calendrier

1.
Cadrage et architecture

Semaines 1 à 4 — Réunion de lancement avec les parties prenantes. Validation de l'arborescence définitive. Recueil et inventaire des contenus existants à migrer. Livrable : cahier des charges fonctionnel validé, arborescence complète.

2.
Direction artistique

Semaines 4 à 6 — Proposition de direction artistique : maquettes des pages clés du site en version bureau et mobile. Itérations et ajustements. Livrable : maquettes validées.

3.
Développement et intégration

Semaines 7 à 12 — Construction du site sur la technologie retenue. Intégration des contenus. Paramétrage du CMS (back-office), des formulaires, du référencement et des outils d'analyse. Livrable : site en version de test.

4.
Tests et mise en ligne

Semaines 13 à 15 — Tests multi-navigateurs et multi-appareils. Audit d'accessibilité et de performance. Corrections. Formation. Livrable : site mis en ligne.

5.
Accompagnement post-lancement

Mois 1 à 3 — Suivi de la performance et du référencement. Corrections mineures incluses. Support réactif. Point de suivi mensuel.

Périmètre fonctionnel

Communication et actualités

Module d'actualités avec catégories
Pop-up et bandeau temporaire programmable
Agenda et événements
Intégration réseaux sociaux

Gestion de contenu

Espace téléchargement (menus, brochures)
Formulaires de contact par campus
Recherche interne
Plans d'accès interactifs

Qualité et conformité

Accessibilité (contrastes, clavier, alt text)
Conception mobile-first
Conformité RGPD
Éco-conception web

Visibilité sur les moteurs de recherche

Structure optimisée pour Google
Balisage structuré avancé
Score de performance cible : 90+/100
Positionnement « lycée privé Montpellier »

Démarrage prévu : mai 2026, après validation par le conseil. Livraison cible : octobre 2026.

Note : la rapidité de vos retours aux étapes de validation conditionne directement le respect du calendrier. Nous savons que votre emploi du temps est dense, un délai de cinq jours ouvrés est prévu à chaque jalon pour vous laisser le temps nécessaire.

Clément sera votre interlocuteur unique chez Cascade et assurera le suivi de bout en bout. Points d'avancement toutes les deux semaines. Espace de suivi partagé pour centraliser les documents et les retours. Quatre jalons de validation formelle : architecture, maquettes, version de test, mise en ligne.

06 — Le studio Cascade

Deux frères,
deux artisans du web

Cascade conçoit le web comme un artisanat : avec rigueur, écoute et soin. Notre volonté est d'être les artisans d'un web mieux conçu et plus sobre, où la forme sert le message.

Adrien
Direction artistique & développement
Initialement formé à l’informatique, Adrien a enrichi son parcours par un Master en Design Graphique et Interactivité afin d’acquérir une double compétence en design et développement web. Avec plus de 10 ans d'expérience en agence puis en tant que freelance, il excelle grâce à sa veille des tendances design et technologies web.
Clément
Gestion de projet & Design UX
Diplômé de l'EDHEC Business School avec une expérience en conseil chez Sopra Steria et Deloitte, Clément s'est orienté vers le domaine du web poussé par sa passion du code et son désir de créativité. Il mise sur une écoute attentive et une communication claire pour guider ses clients, tirant parti de son expérience variée pour répondre avec agilité et pédagogie à leurs besoins.

Nos références

Nos clients viennent d’univers différents mais partagent une même exigence : un site à la hauteur de leur image. Cette diversité nous a appris à nous adapter à chaque métier, à en comprendre les codes et à traduire avec justesse ce qui fait la singularité de chaque structure.

HE Architecturehearchitecture.fr

Cabinet d’architectes. Galeries pleine largeur, design sobre et typographique. L’agence a contribué à l’identité architecturale du bâti de La Merci.

Bert & Nasibertandnasi.com

Duo artistique et compagnie de théâtre internationale. Refonte complète d’un site bilingue FR/EN : spectacles, intégration vidéo, calendrier, conception mobile-first.

TLMRtlmr-avocats.com

Site web conçu et développé pour TLMR (Touati La Motte Rouge), cabinet d’avocats parisien spécialisé notamment en propriété intellectuelle. Le projet repose sur un design minimaliste et une interface épurée.

Croix Gratiotcroix-gratiot.com

Domaine viticole. Valorisation du terroir et storytelling, travail sur l’image et l’ambiance, présentation des cuvées, double cible particuliers et professionnels.

07 — Investissement

Votre investissement

Poste Détail Montant TTC
Cadrage et architecture Audit, arborescence, cahier des charges fonctionnel 1 300 €
Direction artistique 2 propositions, itérations, déclinaisons responsive 2 300 €
Développement et intégration Site complet, CMS, fonctionnalités, intégration des contenus 4 000 €
Référencement technique Structure, balises, plan de site, balisage structuré, outils d'analyse 400 €
Formation et accompagnement Formation initiale + accompagnement 3 mois + tutoriels vidéo 400 €
Tests et mise en ligne Tests, audit accessibilité, audit performance, mise en production 400 €
Maintenance annuelle Support, modifications mineures (2-3h/mois), monitoring, sauvegardes 1 000 €/an
Total socle 9 800 € TTC

Options

Option Détail Montant TTC
Refonte de l'identité visuelle Nouveau logo (avec le porche), charte graphique complète, déclinaisons, guide 1 500 €
Formation approfondie (Webflow) Journée complète dans vos locaux, supports vidéo complets, guide d'utilisation 1 000 €
Optimisation SEO avancée Audit complet, stratégie de mots-clés, optimisation des contenus, balisage avancé 1 500 €

Conditions

Échéancier de paiement

40 % à la commande, 30 % à la validation des maquettes, 30 % à la mise en ligne.

Validité

Cette proposition est valable deux mois à compter de sa date d'émission.

Annexe

Comparatif technologique détaillé

L'alternative : WordPress

WordPress propulse plus de 40 % des sites web dans le monde. Il offre une interface d'édition qui permet à votre équipe de modifier librement la structure et le contenu des pages.

Ses atouts

Ses limites

Webflow vs WordPress — Tableau comparatif

Critère Webflow (recommandé) WordPress
Performance Supérieure à 90/100 nativement 75-85/100 avec optimisation
Sécurité Gérée par la plateforme Vigilance permanente requise
Qualité de design Liberté totale, animations natives Bonne, mais plafond visible
Autonomie quotidienne Édition de contenu : oui. Modification de structure : non Édition de contenu et de structure : oui
Maintenance technique Aucune Mises à jour régulières obligatoires
Référencement Outils natifs, code propre Outils d'extensions très complets
Pérennité Pas de dette technique Risque de dette technique progressive
Indépendance prestataire Moins de prestataires en France Des milliers de prestataires
Conformité accessibilité Code sémantique propre Dépend de la configuration