Architecture proposée — document de travail
Homepage par défaut — visiteur non identifié

Bienvenue sur Smart

La homepage s'adresse par défaut au prospect membre — sans question, sans friction. Ces trois CTAs permettent à chaque visiteur de se reconnaître et de basculer vers l'expérience qui lui correspond.

Voir le board Figma

Comment puis-je vous aider ?

← Retour
Gate
Particulier
Organisation
Transversal
Authentifié
CTA
Cliquez sur un nœud ▾ pour explorer la branche
Niveau 0 — Accueil universel
smartbe.be → Homepage — Prospect membre (défaut) cookie/localStorage 30j · rollover

La homepage s'adresse au prospect membre par défaut. Trois CTAs d'auto-identification permettent aux membres et aux organisations de se reconnaître et de basculer vers leur expérience en un clic.

Niveau 1 — Bifurcation primaire
Particulier
Je découvre Smart ▾
Est-ce pour moi ?
Quiz — secteurs, profils, exemples
Ce que Smart m'apporte
Protection + liberté + outils
Comment ça marche
Étapes, coûts, formules
Témoignages
Par secteur d'activité
→ S'inscrire à une session d'info
CTA principal — module intégré
Je suis déjà membre ▾
Mes outils
Facturation · Assurances · Achats · Prêts
Guide d'utilisation
→ Document360
Agenda membres
Événements, formations, sessions
→ Mon espace Smart
Lien vers le portail UBIK (ubik.smart.be)
Organisation
Je cherche un prestataire ▾
Comment ça fonctionne
Smart facture et gère le social
Profils & secteurs
Digital, care, créatif, formation…
Témoignages clients
Par secteur — ASBL, PME, institutions
→ Prendre contact
Formulaire routing intelligent
Je collabore déjà avec Smart ▾
Mon interlocuteur Smart
Routing par secteur et région
Nouvelle collaboration
Faire appel à un membre Smart
→ Mon espace Smart Entreprise
Lien vers le portail UBIK clients (ubik.smart.be)
Contenu transversal
Qui nous sommesCoopérative & valeursRapport d'activitéProjet politique + APMCOffres d'emploiContact & accèsMédiation / réclamationLet's Coop (AG)Actualités
Header persistant
Logo → Accueil Particulier Organisation → Mon espace (portail UBIK)
Les observations initiales ont guidé les choix d'architecture présentés dans les onglets "Homepage adaptative" et "Sitemap adaptatif". Les points marqués Acté ont été intégrés directement dans la logique de navigation retenue. Les points restants sont des recommandations d'optimisation V1/V2.
ActéDeux mondes distincts : Membres et Organisations, accessibles depuis le top menu
L'arborescence initiale était centrée sur le parcours des futurs membres — cœur du modèle Smart. L'architecture retenue y ajoute un monde symétrique dédié aux organisations : entreprises, ASBL et institutions qui souhaitent faire appel à un membre Smart. Ce flux B2B, aujourd'hui peu balisé, constitue un levier de croissance direct pour les membres eux-mêmes.
✓ Le top menu présente deux onglets permanents — Membres et Organisations — chacun avec sa propre navigation principale, ses propres pages d'entrée et son CTA "Mon espace Smart". La homepage gate inclut le CTA "Je représente une organisation" pour une bascule immédiate.
ActéIdentification naturelle : trois parcours formulés à la première personne
Regrouper sous un seul label "Prospect" des visiteurs aux motivations très différentes — l'individu qui envisage de rejoindre Smart et l'organisation qui cherche un prestataire — dilue l'impact du message d'accueil. Ces deux profils ont des questions et des arguments de conviction radicalement distincts.
✓ La homepage présente trois CTAs à la première personne — "Je découvre Smart", "Je suis déjà membre", "Je représente une organisation" — qui routent chaque visiteur vers l'expérience qui lui correspond, sans friction et sans question implicite.
ActéHomepage adaptive : profil persistant 30 jours, sans contrainte d'identification
Une homepage qui force l'identification avant toute navigation crée de la friction. À l'inverse, une page générique noyant les messages dans un contenu trop large dilue l'efficacité des parcours d'acquisition et de fidélisation.
✓ La homepage affiche par défaut la vue prospect membre sans aucune action requise, sans cookie écrit. Après identification volontaire via la gate, le profil est stocké en cookie 30 jours (rollover). Le visiteur retrouve son expérience personnalisée à chaque retour, sans jamais être bloqué.
ActéMon espace Smart : CTA persistant, visuellement distinct des rubriques informatives
Intégrer l'accès à l'espace personnel au même niveau visuel que les rubriques informatives risque de le noyer dans le menu — ou inversement de déséquilibrer la hiérarchie d'information au détriment des pages de découverte.
✓ "Mon espace Smart" est positionné en extrémité droite de la navigation principale, sous forme de bouton pill — visible sur toutes les pages, dans les deux mondes. Sa présence permanente normalise l'accès à UBIK sans imposer l'identification.
OptimisationL'Agenda : ancré dans les deux navigations, à intégrer dans les parcours de conversion
L'Agenda est le point de contact opérationnel le plus important pour les futurs membres — la session d'information est souvent le premier acte concret vers l'adhésion. Sa présence dans la navigation principale des deux mondes est acquise. L'enjeu suivant est de l'intégrer comme composant actif dans les pages de parcours.
→ V1 : "Agenda" est un item permanent dans la nav Membres et Organisations. — V2 : intégrer un bloc "Prochaine session d'info" directement dans les pages de découverte et de conversion prospect.
OptimisationLa rubrique Ressources : filtrage par profil, cohérent avec la segmentation Membres / Organisations
La section Ressources contient un patrimoine documentaire substantiel — guides, témoignages, études de cas, outils. La segmentation en deux mondes offre désormais un cadre naturel pour filtrer ce contenu par audience, sans créer de rubrique supplémentaire.
→ Ajouter dans la rubrique Ressources un filtre par monde (Membres / Organisations) aligné sur le même vocabulaire que la navigation — pour que chaque visiteur retrouve instinctivement le contenu qui lui parle.
Point cléKronik et stratégie éditoriale : espace réservé dans l'arborescence dès la V1
Le blog Kronik est identifié comme une évolution post-lancement — choix pragmatique. La segmentation Membres / Organisations ouvre une opportunité éditoriale forte : du contenu SEO ciblé par audience (témoignages membres, cas clients B2B, actualités coopératives) qui alimente les deux parcours d'acquisition simultanément.
→ Réserver un espace défini pour Kronik dans l'arborescence V1, même si les contenus arrivent en V2. Prévoir deux entrées thématiques cohérentes avec les deux mondes pour maximiser la pertinence SEO dès le lancement.
Quatre patterns UX structurent cette proposition. Ce ne sont pas des opinions de design — ce sont des conventions éprouvées pour résoudre le même défi : servir des publics hétérogènes sans diluer le message pour chacun. Tous sont réalisables dans l'écosystème WordPress que Smart souhaite conserver.
UX Pattern
Homepage-First — pas de gate
La homepage s'adresse par défaut au prospect membre — sans question, sans friction au premier chargement. Trois CTAs d'auto-identification permettent aux membres et aux organisations de se reconnaître et de basculer vers leur expérience en un clic. Cookie/localStorage avec rollover : le TTL se réinitialise à chaque visite — un visiteur actif reste dans son expérience sans jamais devoir se redéclarer.
UX Pattern
Identity-First Navigation
Le site ne parle pas "à tout le monde". Chaque mot, chaque CTA, chaque menu est calibré pour le visiteur identifié.
UX Pattern
Adaptive Navigation
L'arborescence est instanciée selon le profil déclaré. Menus conditionnels, templates par profil, contenu ACF conditionnel. WordPress natif.
UX Pattern
Progressive Disclosure
L'information se révèle progressivement selon le profil et l'avancement — jamais en une seule page trop chargée.
Conversion
Un seul CTA principal par parcours
Particulier → Session d'info. Organisation → Prendre contact. Règle : un visiteur = un next step évident et non ambigu.
Tech
WordPress natif — sobriété technique
Cookie/localStorage de profil léger (JS vanilla, ~50 octets), TTL 30 jours glissants — le compteur repart à zéro à chaque visite, pas à chaque déclaration. Menus conditionnels, templates ACF par profil. Compatible avec la stack et les compétences internes Smart.
Tech
URLs propres & campagnes ciblées
URLs partageables et indexables. Le profil peut être passé en paramètre pour les campagnes marketing (?profil=particulier).
Conversion
Devenir membre = reset naturel
Le lien "Devenir membre" dans la navigation principale agit comme sortie naturelle — un clic remet le cookie/localStorage en mode prospect et réaffiche la homepage découverte. Aucun bouton "réinitialiser" supplémentaire n'est nécessaire.
Tech
Statut déclaré, pas vérifié — et c'est voulu
La navigation s'adapte au profil que le visiteur déclare, sans vérification côté WordPress. Un prospect peut naviguer dans l'expérience membre pour se projeter — ce n'est pas un risque, c'est un atout. Le portail UBIK (ubik.smart.be) reste le seul filtre pour les fonctionnalités réservées aux membres actifs. Aucune passerelle d'authentification entre le site vitrine et l'ERP n'est prévue en V1 — elle requiert l'implication de la DSI Smart.
Attentes de Smart · Réponses circonstanciées à chaque point du cahier des charges · Ce document est un support de présentation pour la rencontre du 18 juin 2026.
Points clés du projet
Ce que ce site doit être — et pourquoi il dépasse le cadre d'un site institutionnel standard.
Une plateforme, pas un site vitrine

Smart doit servir simultanément des publics aux besoins radicalement différents : des travailleurs indépendants qui cherchent à porter leur activité, des entreprises clientes qui commandent des prestations, des membres actifs qui gèrent leur coopérative. Le site doit adapter sa navigation, ses contenus et ses parcours en fonction du profil du visiteur — une architecture applicative, pas un thème WordPress personnalisé.

Particulier Organisation Membre actif Prospect formation
Trilingue FR / NL / EN — sans exception

Les 3 langues doivent traverser chaque couche du projet : pages, menus conditionnels, formulaires, emails automatiques (confirmations, rappels, listes d'attente), pages légales, et URLs SEO avec hreflang. Ce n'est pas une option — c'est une exigence constitutive de ce que Smart est en tant que coopérative bruxelloise.

3
langues
4
parcours visiteurs
100%
des emails traduits
L'Agenda : un système transactionnel à part entière

L'agenda de Smart n'est pas un calendrier affiché — c'est un système d'inscription, de paiement en ligne (Mollie), de confirmation automatique, de liste d'attente, d'évaluation post-événement et de rappel, dans les 3 langues. Les automatisations actuelles sont non documentées chez le prestataire en place : elles devront être auditées, reproduites et validées avant la bascule.

Inscriptions & paiements Confirmations automatiques Liste d'attente Évaluations post-événement Remboursements Mollie
Unifier 2 environnements existants — sans perte

Smart exploite aujourd'hui deux WordPress distincts (Kinsta + WP Engine) avec des stacks incompatibles. La migration regroupe les contenus, les données d'inscription, les listes Mailchimp, et les redirections SEO dans un environnement unique — sans interruption de service, sans perte de données, sans régression de référencement.

Aujourd'hui
2 WordPress · 2 hébergeurs · WPML vs Polylang · Brevo + Mailchimp
Cible
1 WordPress · Kinsta · Polylang Pro · Mailchimp unifié
Conformité légale : WCAG · RGPD · OWASP

En tant que coopérative bruxelloise traitant des paiements et des données personnelles de membres, Smart est soumise à des obligations légales strictes. L'accessibilité WCAG 2.1 AA (certification AnySurfer visée), la conformité RGPD (Consent Mode v2, double opt-in, politique × 3 langues) et l'audit de sécurité OWASP sont des exigences non négociables — pas des options à activer après coup.

Une architecture conçue pour évoluer

Ce qui est livré en V1 prépare les évolutions V2 et V3 : les points d'ancrage pour l'interconnexion avec l'ERP UBIK (OAuth 2.0, API REST) sont définis dès la conception. Smart n'aura pas à refondre son site pour connecter ses outils métiers — elle activera des capacités déjà prévues dans l'architecture.

V1 — Site adaptatif + Agenda + migration V2 — Kronik + formulaires dynamiques V3 — Passerelle OAuth ERP UBIK
Expériences & références sur des projets similaires
Projets à forte convergence avec le périmètre Smart : multi-audiences, gestion événementielle complexe, migration depuis une architecture fragmentée, back-office multi-équipes, WordPress.
CPAS de Saint-Gilles — Refonte site internet (décembre 2025)
 Référence directe — même zone géographique

Refonte complète du site WordPress, bilingue FR/NL, en conformité WCAG 2.2 et RGPD. Budget : 10 000 € HTVA. Livraison en 7 semaines. Client direct dans le même écosystème institutionnel bruxellois que Smart.

Équipe proposée pour ce marché : Adam Kabir (coordination projet & SPOC), Fadel Aziki (UI/UX / WCAG), Audrey Deprez (UX / éditorial) — la même équipe que celle envisagée pour Smart.

Points de convergence avec Smart : WordPress multilingue, conformité WCAG 2.2 + RGPD, multi-publics (citoyens, partenaires, professionnels du social), formulaires de contact avec routing thématique, section actualités et agenda, back-office multi-utilisateurs.

Contact de référence : etsh@cpasgilles.brussels

EFP (CFPME) — MERLIN 2.0 & MonEFP
 Référence confirmée — stack PHP/Laravel identique

Refonte complète du système de gestion pédagogique MERLIN et développement de l'environnement MonEFP — espace apprenant et espace formateur en webapp full mobile, pour le Centre de formation professionnelle en alternance (CFPME) à Bruxelles.

Périmètre livré : architecture applicative robuste from scratch · migration sécurisée de plusieurs décennies de données · plus de 80 interfaces de gestion · tableaux de données complexes · exports documentaires et rapports administratifs · architecture multi-rôles (apprenant / formateur / admin).

Stack technique : PHP / Laravel — identique à celle proposée pour Smart.

Points de convergence avec Smart : refonte intégrale sans reprise de code existant · auth multi-rôles (apprenant/formateur/admin ↔ particulier/organisation/admin Smart) · interfaces de gestion complexes pour back-office multi-équipes · données sensibles à fort enjeu de fiabilité · webapp full mobile · sans interruption de service pendant la migration.

Union of International Associations (UIA) — uianet.org
 Référence confirmée — gestion événementielle & paiements

Migration complète d'un site Drupal historique vers WordPress, avec développement d'un espace membre sécurisé, gestion d'événements avec paiements intégrés et interopérabilité bi-directionnelle avec SugarCRM. Projet à forte volumétrie de contenus, multilingue, pour une organisation internationale de référence dans le secteur associatif.

Points de convergence avec Smart : WordPress multilingue · espace membre sécurisé avec rôles distincts · gestion d'événements avec inscriptions et paiements en ligne · interopérabilité avec outils tiers (CRM) · migration depuis une architecture fragmentée vers une plateforme unifiée · optimisation SEO et accessibilité.

Association Internationale des Jeunes Avocats (AIJA) — aija.org
 Référence confirmée — gestion membres & événements internationaux

Refonte complète du site institutionnel d'un réseau actif dans plus de 90 pays, intégrant modules CRM, gestion des membres et des événements — inscriptions, paiements en ligne, liste d'attente — et optimisation SEO pour des publics internationaux.

Points de convergence avec Smart : WordPress · back-office multi-équipes avec droits distincts · gestion d'événements complexes avec paiement en ligne et liste d'attente · contenu trilingue · gestion de membres avec profils et statuts multiples · navigation différenciée selon le profil visiteur.

Secteur public & institutionnel bruxellois
 Portefeuille actif — maintenance & évolutions continues

OpenGraphy assure la maintenance évolutive et la mise en conformité accessibilité d'un ensemble de sites institutionnels bruxellois, avec des exigences WCAG et RGPD strictes :

equal.brussels — Plateforme régionale égalité & droits. Développement, maintenance évolutive, écoconception + AnySurfer. SPRB.

hub.brussels — Maintenance évolutive de 6 sites-clusters. Développement de nouvelles fonctionnalités en continu. RGPD + accessibilité.

Bruxelles Environnement — Maintenance, développement évolutif et mise en conformité accessibilité de 3 sites publics (Inspirons le Quartier, Bubble, Bike Project).

servicepublic.brussels — Portail institutionnel SPRB. Optimisation accessibilité AnySurfer, mise à jour socle technique, support fonctionnel.

onsadapte.be — Plateforme d'information publique. Refonte WP, accessibilité, formulaires, SEO, analytics, RGPD. Marché remporté.

Points de convergence avec Smart : écosystème institutionnel bruxellois · WordPress multilingue FR/NL · WCAG 2.2 + RGPD · back-office multi-équipes · maintenance évolutive dans la durée — exactement le modèle Run que Smart recherche.

Convergence clé
Multi-audiences & parcours différenciés
Chacune de nos références gère des profils visiteurs hétérogènes avec des parcours distincts — exactement le défi Smart (particulier / organisation, prospect / actif).
Convergence clé
Gestion événementielle complexe
UIA et AIJA : inscriptions, paiements en ligne, listes d'attente, automatisations — une expertise directement transposable à la section Agenda Smart (The Events Calendar + Gravity Forms + Mollie).
Convergence clé
Migration & unification
EFP/MERLIN et UIA : architectures fragmentées migrées vers une plateforme unifiée sans interruption de service — situation identique aux deux environnements WordPress actuels de Smart.
Convergence clé
WordPress & back-office multi-équipes
Stack WordPress confirmée sur tous nos projets de référence. Back-offices avec droits distincts par équipe (Communication, Formation, Recrutement) — miroir exact des besoins Smart.
Convergence clé
Bruxelles & proximité
OpenGraphy est une agence bruxelloise. CPAS Saint-Gilles, EFP, hub.brussels, equal.brussels — nous connaissons l'écosystème institutionnel dans lequel Smart évolue.
Convergence clé
WCAG 2.2 & accessibilité native
Le cahier des charges Smart mentionne l'accessibilité comme exigence. C'est une compétence certifiée dans notre portefeuille (AnySurfer, WCAG 2.2 sur multiple projets publics bruxellois).
Méthodologie & vision de l'arborescence cible
Notre approche pour accompagner les réflexions actuelles jusqu'à la mise en ligne du nouveau site — en 8 mois, de l'été 2026 au printemps 2027.
Notre regard sur l'arborescence cible élaborée par vos équipes

L'arborescence que vos équipes ont construite témoigne d'une réflexion approfondie et d'une connaissance métier précieuse. La double logique — navigation par rubrique et navigation par profil visiteur — apporte une traduction intuitive et organique à la complexité des besoins de vos publics. C'est une base solide sur laquelle nous souhaitons nous appuyer.

Nous proposons de l'enrichir sur trois axes complémentaires, détaillés dans l'onglet Pistes d'optimisation :

1. Distinguer explicitement les deux types de visiteurs en phase de découverte — un futur membre (individu qui cherche à héberger son activité) et un futur client B2B (organisation qui cherche un prestataire via Smart) ont des questions, des parcours et des arguments de conviction radicalement différents. Nous proposons d'intégrer le rôle de prospect (a priori pour le public 'Membre' et, à terme éventuel, pour le public 'Client') de façon implicite dans la dynamique conversionnelle de navigation.

2. Repositionner l'Agenda comme composant de parcours plutôt que rubrique autonome de niveau 1 — l'Agenda est un outil de conversion (session d'info → inscription), pas une destination éditoriale. L'intégrer dans les parcours pertinents en amplifie l'impact sans le rendre moins accessible.

3. Préparer l'emplacement de Kronik dès la V1 — même si le contenu arrive en V2, anticiper la structure éditoriale dès la conception évite un retrofit architectural coûteux et permet de démarrer la production éditoriale en parallèle du développement.

→ L'architecture complète que nous proposons est interactive et consultable dans l'onglet Arborescence cible de ce document.

Proposition de phasage — 8 mois, été 2026 → mars 2027

Notre planning s'articule en 5 phases séquentielles avec des jalons de validation clairs. La Phase 1 (Cadrage) et la Phase 4 (Migration des données) sont les deux phases les plus critiques du projet — l'une conditionne la qualité de l'architecture, l'autre conditionne la fiabilité opérationnelle du site au lancement.

Phase 1 — Cadrage stratégique & fonctionnel · Juil–Août 2026 · 5–6 semaines

C'est la phase fondatrice. Son objectif n'est pas de produire des écrans — c'est de comprendre Smart de l'intérieur pour que le site qui en résultera soit un reflet fidèle et opérationnel de son activité, pas une brochure bien faite.

Ateliers & interviews métiers : nous organisons des sessions de travail avec chaque équipe concernée (Communication, Formation, Recrutement, Vie Coopérative, DSI). L'objectif est de cartographier les flux transactionnels réels — comment un prospect devient membre, comment un client passe commande, comment un membre accède à ses outils — et d'identifier les points de friction actuels.

Vision long terme : ce travail de cadrage pose les fondations d'une plateforme évolutive où Smart sera progressivement modélisée de façon intégrale — de la façade publique jusqu'aux processus internes — préparant ainsi le terrain pour une interconnexion future avec l'ERP et les outils métiers. En termes simples : nous ne construisons pas seulement un site web, nous posons les bases d'un outil digital qui grandira avec Smart.

Livrables : arborescence définitive validée · cahier des charges fonctionnel complet · KPIs de succès · audit SEO de l'existant · inventaire complet des contenus et données à migrer.

Phase 2 — Conception UX/UI · Sept–Oct 2026 · 6 semaines

Wireframes et maquettes réalisés directement dans WordPress — les parcours clés (homepage adaptative, futur membre, organisation, Agenda intégré) sont modélisés dans l'environnement de production réel, appliquant la charte Smart dès la première itération.

Avantages structurels de cette approche : le responsive design est natif et testé en conditions réelles dès la conception ; les contraintes techniques WordPress (hiérarchie de blocs, ACF, menus conditionnels) sont intégrées d'emblée, sans retrofit ultérieur ; le temps entre validation design et mise en ligne est réduit puisque la maquette est déjà le site ; les retours de validation portent sur le livrable final et non sur une représentation intermédiaire ; enfin, les tests utilisateurs sur panels ciblés s'effectuent sur un prototype navigable à fidélité maximale.

Votre rôle : validation itérative des livrables sous 5 jours ouvrés à chaque étape.

Phase 3 — Développement & intégration · Nov 2026–Jan 2027 · 12 semaines
Thème WordPress custom & architecture de blocs. Développement d'un thème Gutenberg full-site-editing sur mesure — bibliothèque de blocs réutilisables cohérents avec la charte Smart, design tokens synchronisés depuis la Phase 2, composants paramétrables par les éditeurs sans intervention technique. Intégration ACF Pro (custom post types, champs flexibles, pages d'options globales) pour structurer les contenus métier (événements, offres d'emploi, ressources membres) de façon robuste et maintenable.

Homepage adaptative & navigation conditionnelle. Implémentation de la logique de profil visiteur : homepage par défaut en mode prospect membre (aucune gate, aucune friction), cookie/localStorage de profil TTL 30 jours glissants (le compteur se remet à zéro à chaque visite — un visiteur régulier reste dans son expérience sans redéclaration), affichage conditionnel des menus et des CTA selon le profil déclaré (Particulier / Organisation), "Devenir membre" dans la navigation agit comme reset naturel vers la vue prospect. Les parcours sont indépendants mais le contenu transversal reste mutualisé. La navigation s'adapte au profil déclaré — aucune vérification d'identité côté WordPress : c'est délibéré. Un prospect peut parcourir l'expérience membre pour se projeter ; seul le portail UBIK (ubik.smart.be) agit comme filtre naturel pour les fonctionnalités réservées aux membres actifs.

Agenda & paiements en ligne. Intégration Gravity Forms pour la gestion des inscriptions aux événements (sessions d'info, formations, AG) — formulaires multi-étapes, validation en temps réel, gestion des listes d'attente. Passerelle Mollie pour les paiements en ligne (CB, virement, Bancontact), confirmation automatique par e-mail, tableau de bord de suivi côté Smart. Interopérabilité avec Kronik documentée et préparée pour V2.

Multilingue FR/NL/EN. Configuration Polylang avec structure d'URL par langue, traduction des menus et des éléments d'interface, balises hreflang, sitemap multilingue. Workflow de traduction documenté pour les équipes éditoriales Smart.

SEO technique & performance. Configuration RankMath (schema markup Organization / Event / BreadcrumbList), optimisation des métadonnées par type de contenu, Core Web Vitals (LCP < 2,5s, CLS < 0,1, INP < 200ms), lazy loading, compression d'images WebP, cache serveur. Sitemap XML dynamique, robots.txt, redirections 301 depuis l'ancienne architecture Drupal.

Accessibilité WCAG 2.1 AA. Intégrée dès la conception, pas en audit final : navigation clavier complète, skip links, contrastes conformes, attributs ARIA sur les composants interactifs (gate, menus, formulaires), tests lecteur d'écran (NVDA/VoiceOver). Livrables conformes aux exigences AnySurfer.

Mesure & tracking. Déploiement Google Tag Manager avec couche de données structurée — suivi GA4 des conversions clés (inscription événement, paiement, démarrage parcours membre, bascule de profil), dimensions personnalisées par type de visiteur. Configuration Consent Mode v2 (conformité RGPD). Dashboard de suivi remis à Smart à la livraison.

Formation & documentation. Sessions de formation back-office adaptées par rôle (éditeurs de contenu, administrateurs, référents événements) — documentation d'utilisation du CMS, guide des workflows éditoriaux multilingues, documentation technique des intégrations pour les équipes IT Smart.

Déploiements continus sur staging. Livraisons itératives toutes les 2 à 3 semaines sur environnement de recette — chaque lot est validé par Smart avant intégration en branche principale. Versioning Git structuré, zéro déploiement en production sans validation signée.
Phase 4 — Migration des données · Jan–Fév 2027 · 4 semaines  ⚠ Phase critique

La migration des données est un chantier à part entière, traité avec la même rigueur qu'un projet de développement. Elle conditionne directement la fiabilité du site au lancement et la continuité de service pour les membres et les équipes Smart.

Périmètre : contenus éditoriaux (pages, articles, PDF, médias) depuis les deux environnements WordPress actuels · données d'inscriptions aux événements, candidatures et participants depuis Gravity Forms · listes et automatisations Brevo/Mailchimp · redirections 301 pour la préservation du SEO existant · documents hébergés (PDF, rapports, publications BET/EP).

Point d'attention particulier — la section Agenda : les automatisations encodées dans Gravity Forms (confirmations, rappels, listes d'attente, évaluations post-événement, routing de formulaires) représentent un savoir-faire opérationnel non documenté. Nous commençons par un audit complet de ces règles en collaboration avec le prestataire actuel, avant toute migration. La bascule se fait uniquement après validation complète en environnement staging, avec possibilité de rollback pendant 30 jours.

Unification Brevo → Mailchimp : la migration des listes et automatisations mailing vers Mailchimp, souhaitée par Smart, est intégrée dans cette phase.

Responsable : Michaël Godefroid assure la direction technique de cette phase, assisté de Swann Martin pour la logique métier et la validation des flux.

Phase 5 — Recette, sécurité & go live · Mars 2027 · 2–3 semaines

La dernière phase avant la mise en production. Chaque élément livré est soumis à une batterie de vérifications indépendantes avant que la moindre bascule ne soit enclenchée.

Recette fonctionnelle complète : validation de l'intégralité des parcours utilisateurs (homepage adaptative et CTAs d'auto-identification, parcours Particulier prospect et membre, parcours Organisation), des formulaires Gravity Forms, des flux de paiement Mollie, du multilingue FR/NL/EN et du responsive sur les principaux appareils et navigateurs cibles. Les CTAs "Mon espace Smart" et "Mon espace Smart Entreprise" sont vérifiés comme liens sortants vers le portail UBIK. Chaque anomalie est tracée, priorisée et corrigée avant le go live.

Audit de sécurité OWASP : vérification des vulnérabilités les plus courantes sur un environnement WordPress exposé — injections, contrôle d'accès, gestion des sessions, exposition de données sensibles. Les points critiques identifiés sont traités avant la mise en ligne.

Vérification accessibilité AnySurfer : contrôle final de la conformité WCAG 2.1 AA sur les parcours principaux — navigation clavier, lecteur d'écran, contrastes, formulaires. Livrable : rapport de conformité transmis à Smart.

Go live progressif : le parcours "Particulier" est mis en production en premier, validé en conditions réelles, avant la bascule du parcours "Organisation". Cette approche séquentielle réduit le risque opérationnel et permet de corriger d'éventuelles anomalies sur un périmètre restreint avant d'ouvrir l'ensemble du site.

Monitoring post-lancement : surveillance active pendant 72h — performance, erreurs serveur, comportement des formulaires et des paiements, alertes anomalies. Disponibilité de l'équipe garantie sur cette fenêtre pour intervention immédiate si nécessaire.

Stratégie de go live : nous recommandons un lancement progressif par parcours plutôt qu'un big bang. Le parcours "Particulier" est mis en ligne en premier (segment le plus critique pour l'acquisition), suivi du parcours "Organisation", puis de la migration complète du contenu institutionnel. Cette approche réduit le risque opérationnel et permet de valider chaque segment avant le suivant.
Stratégie de migration de l'existant vers la cible
Notre approche pour garantir la continuité des données, des fonctionnalités et des automatisations.
Point critique : l'Agenda et ses automatisations

La section Agenda (The Events Calendar + Gravity Forms + Mollie + Brevo) représente le risque migratoire le plus élevé du projet. Les automatisations encodées dans Gravity Forms (confirmations, rappels, listes d'attente, évaluations post-événement) constituent un savoir-faire opérationnel précieux qu'il faut auditer, documenter et reproduire avant toute bascule.

Notre approche : audit complet des règles de Gravity Forms en collaboration avec le prestataire actuel, documentation exhaustive des flux, reproduction en environnement staging, tests fonctionnels complets, bascule avec rollback possible pendant 30 jours.

Migration des contenus et données

Contenus éditoriaux : migration assistée avec outils de crawl + révision humaine par section. Aucun contenu perdu, URLs redirigées (301) pour préserver le SEO.

Documents PDF : inventaire, réorganisation dans la nouvelle architecture, hébergement unifié.

Données inscriptions/participants : export depuis Gravity Forms, nettoyage, réimport dans le nouvel environnement avec validation par les équipes Smart avant bascule.

Mailing (Brevo → Mailchimp) : migration des listes et des automatisations dans le cadre de l'unification souhaitée par Smart.

Organisation de la collaboration en mode projet
Communication, composition de l'équipe et engagements réciproques.
Communication & suivi de projet
Réunion de démarrage
Kickoff officiel · validation des accès · revue de l'inventaire existant · définition des priorités · plan de projet détaillé.
Points hebdomadaires (Phase 1)
30 min · restitution des ateliers métiers · validation des décisions d'architecture · arbitrage des questions ouvertes.
Comité de pilotage bimensuel
45 min · revue des livrables · validation des maquettes et développements · suivi planning · arbitrage des priorités.
Bilan de fin de phase
Validation formelle des livrables · go/no-go pour la phase suivante · ajustement du planning si nécessaire.

Outil de suivi : tableau de bord collaboratif Notion accessible en permanence aux équipes Smart désignées — suivi des tâches (Kanban / Gantt), ticketing des demandes et incidents, historique complet des validations, génération de rapports. Les gestionnaires de projet Smart introduisent leurs tickets directement dans Notion ; chaque demande est analysée, chiffrée et planifiée sous 48 heures ouvrées. Cette approche a démontré son efficacité sur nos marchés publics bruxellois (Brupartners, equal.brussels), réduisant les délais de résolution de 30 à 50 % par rapport aux standards habituels.

Composition de l'équipe projet
VR
Valentin Rocher SPOC — Chef de projet
Interlocuteur principal de Smart tout au long du projet. Coordination de l'équipe, animation des ateliers Phase 1, suivi du planning, gestion du tableau Notion, facilitation des comités de pilotage. Point de contact unique pour toute question ou décision.
AT
Aurel Tackoen Architecte plateforme — CTO
Décisions d'architecture structurantes en Phase 1, modélisation de l'écosystème digital Smart, choix techniques sur la stack WordPress et les intégrations (authentification, Mailchimp, Mollie). Garant de la cohérence technique et de l'évolutivité de la plateforme. Intervention ciblée sur les phases clés — pas de présence quotidienne, mais disponible pour chaque arbitrage technique majeur.
MG
Michaël Godefroid Responsable Migration des données
Direction technique de la Phase 4 (Migration). Audit des automatisations Gravity Forms existantes, cartographie des données à migrer, plan de migration et de rollback, unification Brevo → Mailchimp, infogérance hébergement et environnements staging/production. Plus de 10 ans d'expérience DevOps et infrastructure chez OpenGraphy.
CD
Clément Daligault UX/UI & Frontend
Conception des parcours utilisateurs et maquettes graphiques (Phases 2), développement frontend (Phase 3) — intégration du thème WordPress custom, homepage adaptative et CTAs d'auto-identification, menus conditionnels par profil. Conformité WCAG 2.1, responsive design, accessibilité AnySurfer.
SM
Swann Martin Backend full-stack
Développement backend WordPress (Phase 3) — ACF, CPT, API REST, intégrations Gravity Forms + Mollie + Mailchimp, Polylang, sécurité applicative. Participation à la Phase 4 pour la validation des flux métiers migrés. Expertise Drupal et WordPress, migrations complexes, API tierces.
Engagements réciproques
Ce que nous apportons
Interlocuteur stable (SPOC) sur toute la durée · planning tenu dans les délais convenus · validation des livrables documentée et tracée · réactivité P1 sous 3h, P2 sous 24h · transparence totale via Notion · garantie 3 mois post-lancement incluse · formation back-office des équipes Smart · documentation technique livrée avec le projet.
Ce que nous attendons de Smart
Interlocuteur principal identifié côté Smart (≥ 1 jour/semaine dédié au projet) · disponibilité des responsables métiers pour les ateliers Phase 1 · accès aux deux environnements WordPress et à la documentation disponible dans les 5 jours suivant le démarrage · validation des livrables sous 5 jours ouvrés · décisions structurantes tranchées avant chaque phase.
Mode run — hébergement, maintenance & évolutions
Ce que nous assurons après la mise en ligne — hébergement, niveaux de service, maintenance et évolutions fonctionnelles.
Solution d'hébergement — Kinsta (WordPress managé)

Nous prenons en charge l'hébergement complet du nouveau site Smart sur Kinsta, plateforme WordPress managée de référence. Ce choix n'est pas neutre : Kinsta héberge déjà le site historique smartbe.be, ce qui garantit une continuité technique et une familiarité côté Smart avec l'environnement cible.

Infrastructure
Serveurs Google Cloud Platform · datacenter Europe (Belgique / Pays-Bas) · PHP 8.3 · CDN Cloudflare intégré · cache Kinsta natif · isolation complète par environnement.
Environnements
3 environnements distincts : Local (développement), Staging (validation et recette), Production (exploitation courante). Synchronisation staging ↔ production en un clic.
Sécurité & conformité
Sauvegardes quotidiennes automatiques · rétention 30 jours · certificats SSL gérés · pare-feu applicatif · détection de malwares · données stockées dans des datacenters UE — conformité RGPD native.
Performance & disponibilité
Disponibilité garantie 99,9 % · monitoring 24/7 · temps de chargement optimisé (CDN Cloudflare + cache Kinsta) · scalabilité automatique en cas de pic de trafic.

Pendant toute la durée du marché, OpenGraphy assure la gestion complète de l'infrastructure Kinsta : surveillance des performances, mises à jour de sécurité du socle technique (WordPress, PHP, plugins), gestion des accès SSH/SFTP et DNS, coordination technique en cas d'incident.

Option de réversibilité — migration vers AWS : si Smart devait, pour quelque raison que ce soit, souhaiter quitter l'infrastructure Kinsta (décision stratégique, exigence d'un partenaire institutionnel, politique d'achats), nous proposons en option une migration complète vers AWS (Amazon Web Services), avec hébergement en région européenne (eu-west-1, Irlande ou eu-central-1, Francfort). OpenGraphy maîtrise cette infrastructure et l'a déjà déployée pour des clients institutionnels belges. Cette réversibilité totale garantit que Smart conserve, en toutes circonstances, la pleine maîtrise de son environnement numérique — sans dépendance à un prestataire ou à une plateforme unique.
SLA & niveaux de service

Garantie de livraison — 3 mois inclus. Les 3 mois suivant la mise en ligne sont couverts par une garantie de maintenance corrective et préventive sans supplément : correction de bugs liés au code livré, ajustements de configuration, support à la prise en main du back-office. C'est notre engagement sur la qualité de ce que nous livrons.

Contrat de maintenance Run — à partir du mois 4. Au-delà de la garantie, nous proposons trois niveaux de forfait mensuel pour une durée initiale de 12 mois renouvelable : Essentiel (290 € HTVA/mois) pour la maintenance préventive et l'infogérance Kinsta ; Standard (490 € HTVA/mois, recommandé) qui y ajoute un pool correctif mensuel, le support back-office et les rapports ; Premium (690 € HTVA/mois) avec un pool correctif étendu et un monitoring performance mensuel. Les SLA P1/P2/P3 sont garantis sur les trois formules.

Maintenance évolutive (nouvelles fonctionnalités, évolutions de contenu, intégrations) : sur devis via introduction de tickets Notion, ou en régie journalière. Nous recommandons le mode devis — il garantit la transparence budgétaire et évite les dépassements non anticipés.

Priorité Situation Délai de réponse Contact
P1 — Urgent Site inaccessible · attaque · fonction vitale bloquée Sous 3 heures Téléphone direct
P2 — Élevé Fonction dégradée · anomalie bloquante partielle Sous 24 heures Téléphone / email
P3 — Normal Bug léger · question · amélioration planifiée Sous 48 heures Ticket Notion / email
Évolutif Nouvelle fonctionnalité · intégration · contenu Sur devis Notion Ticket Notion
Types de maintenance couverts par le forfait Run : maintenance préventive (mises à jour WordPress, plugins, PHP, certificats SSL, sécurité) · maintenance corrective (bugs signalés, incidents) · infogérance Kinsta (monitoring 24/7, sauvegardes, gestion DNS) · support back-office utilisateurs Smart (réponse aux questions des équipes éditoriales) · rapports mensuels d'activité.
Évolutions fonctionnelles & pistes V2

Le cahier des charges identifie plusieurs évolutions souhaitées après le lancement. Nous les avons priorisées en deux catégories — celles que nous recommandons d'intégrer rapidement en V2, et celles qui relèvent d'une réflexion plus longue.

Évolutions V2 recommandées
Blog Kronik intégré — levier SEO immédiat dès que l'emplacement est réservé en V1.
Formulaires de contact dynamiques — routing intelligent selon profil et sujet.
Module sessions d'information intégré — suppression du redirect externe, parcours fluide.
Connexion Mailchimp — abonnement newsletter depuis le site, données centralisées.
Évolutions V3+ (réflexion long terme)
Authentification commune — module partagé entre site, sessions d'info et Espace Smart.
Interconnexion ERP — navigation vers/depuis l'espace membres, appel aux API Smart.
Chatbot d'orientation — anticipé dans l'architecture V1, déployable sans refonte.
Panier événementiel & multi-ateliers — gestion d'inscriptions à la journée ou par atelier.
Chaque évolution fait l'objet d'un ticket Notion chiffré et validé avant exécution. Nous accompagnons également Smart dans la structuration de sa gouvernance digitale interne — définition des rôles back-office, règles éditoriales, processus de validation des contenus — pour que la qualité du site soit durablement assurée par les équipes Smart elles-mêmes.
Opportunité V2 — Passerelle d'authentification site vitrine ↔ UBIK (ERP) Projet partenarial

En V1, la navigation s'adapte au profil déclaré par le visiteur, et les CTAs "Mon espace Smart" / "Mon espace Smart Entreprise" redirigent vers le portail UBIK (ubik.smart.be). C'est une approche fonctionnelle et intentionnelle — mais elle laisse ouverte une évolution à forte valeur ajoutée : une passerelle d'authentification entre le site vitrine et l'ERP, qui transformerait l'expérience des membres et clients actifs.

Ce que cette passerelle rendrait possible
Expérience vérifiée — le profil déclaré devient un profil confirmé : les membres et clients actifs voient un site qui leur parle vraiment, sans déclaration manuelle.
Parcours d'inscription fluide — prospect → session d'info → inscription chez Smart sans rupture de plateforme ni double saisie d'identité.
Contenu personnalisé réel — zones de contenu conditionnelles basées sur le statut réel (secteur d'activité, ancienneté, niveau d'usage) plutôt que sur la déclaration.
Inscription événement pré-remplie — les données signalétiques des membres (nom, email, secteur) alimentent automatiquement les formulaires Gravity Forms.
Analytics full-funnel — suivi cohérent de la conversion depuis la première visite jusqu'à l'inscription ERP, sans brisure de tracking entre les deux environnements.
Zones membres sur le site public — sections de contenu réservées aux membres actifs (ressources avancées, actualités internes, espaces communautaires) sans nécessiter un redirect systématique vers UBIK.
Ce que cela implique — des deux côtés
Côté OpenGraphy — développement WordPress
Intégration d'un flux OAuth 2.0 / JWT côté WordPress pour recevoir et valider les tokens UBIK
Gestion sécurisée des tokens (stockage, expiration, révocation) — conformité RGPD et OWASP
Upgrade du cookie de profil : de "déclaré" à "vérifié" sans changer l'architecture de navigation
Affichage conditionnel de zones de contenu basées sur les données membres reçues via l'API
Pré-remplissage des formulaires Gravity Forms depuis les données signalétiques UBIK
Ces fondations sont anticipées dès la V1 — le développement sera minimal côté WordPress grâce à l'architecture mise en place.
Côté UBIK — développement DSI Smart
Exposition d'une API REST documentée depuis l'ERP UBIK (endpoint de statut membre/client, données signalétiques minimales)
Mise en place d'un mécanisme d'authentification OAuth 2.0 ou équivalent côté UBIK
Définition du périmètre de données exposables (statut, secteur, ancienneté, identifiant anonymisé) — arbitrage RGPD interne
Spécification des règles de sécurité (rate limiting, scopes d'accès, environnements autorisés)
Coordination avec OpenGraphy pour les tests d'intégration sur environnement staging
Prérequis bloquant : ce chantier ne peut pas démarrer sans une décision et un portage côté DSI Smart.
Notre recommandation : initier la discussion avec la DSI Smart dès la Phase 1 (cadrage), afin de qualifier le périmètre et l'appétence pour cette intégration. Un atelier de 2–3h avec les équipes techniques des deux côtés suffit généralement à établir la faisabilité et à poser un chiffrage. Ce travail de qualification est sans coût supplémentaire de notre côté dans le cadre du projet V1.
Planning & tableau de charges
Estimation provisoire — taux horaire 99,375 € HTVA/h · démarrage été 2026 · mise en production mars 2027.
Cliquez sur une phase pour dérouler ses tâches. Décochez les optionnelles pour ajuster le budget en temps réel.
Phase / Tâche Heures Rôle(s) Budget HTVA % Opt.
▲ Tâches surlignées : accessibilité, écoconception, RGPD & conformité légale.  🔒 = incompressible.  ☑ = optionnel — décochez pour ajuster le budget.
▶ Phase 1 — Cadrage stratégique & fonctionnel Juil – Août 2026
100 h — 9,937.50 € —
▶ Phase 2 — Conception UX/UI — accessibilité & écoconception by design Sept – Oct 2026
128 h — 12,720.00 € —
▶ Phase 3 — Développement & intégration Nov 2026 – Jan 2027
168 h — 16,695.00 € —
▶ Phase 3b — Intégrations paiement & mailing Nov 2026 – Jan 2027
70 h — 6,956.25 € —
▶ Phase 4 — Migration des données Jan – Fév 2027
130 h — 12,918.75 € —
▶ Phase 5 — Recette, sécurité & go live Mars 2027
92 h — 9,142.50 € —
◈SPOC — Suivi de projet continu (8 mois)
90 h Valentin Rocher 8,943.75 € —
◈Buffer : project meetings & imprévus
69 h — 6,856.88 € — —
Total estimé — Build complet 817 h Taux : 99,375 € / h HTVA 81,189.38 € — —
TVA 21 % 17,049.77 €
Total Build TVAC 98,239.14 €
Jalons principaux
Juil 2026Démarrage officiel — kickoff, audit existant, ateliers métiers Phase 1
Août 2026Arborescence validée · CdC fonctionnel livré · modélisation V1/V2/V3 · go Phase 2
Oct 2026Maquettes validées · critères WCAG & écoconception intégrés · tests UX · go Phase 3
Jan 2027Développement finalisé · RGPD & conformité légale implémentés · intégrations validées · go Phase 4
Fév 2027Migration complète validée · intégrité données confirmée · go Phase 5
Mars 2027✓ Audits WCAG, écoconception, OWASP & RGPD finaux · go live progressif
Diagramme de Gantt — juillet 2026 → mars 2027
PhaseJuil 26Août 26Sept 26Oct 26Nov 26Déc 26Jan 27Fév 27Mars 27Ph.1 — Cadrage stratégique & f…100hPh.2 — Conception UX/UI — acce…128hPh.3 — Développement & intégra…168hPh.3b — Intégrations paiement …70hPh.4 — Migration des données130hPh.5 — Recette, sécurité & go …92h
Ph.1 Cadrage Ph.2 UX/UI Ph.3 Développement Ph.3b Paiement & Mailing Ph.4 Migration ⚠ Ph.5 Go live
Mémo — Pourquoi ces tâches sont-elles optionnelles ?
☑ Ph.3b — Migration Brevo → Mailchimp (16 h) & Configuration templates FR/NL/EN + intégration WP (12 h)

Le CDC formule cet aspect comme « nous semblerait une bonne chose » — une intention, pas une obligation contractuelle. Brevo reste parfaitement fonctionnel au go-live : ces deux tâches ne sont pas bloquantes pour la mise en production du site.

La migration d'outil emailing implique des décisions internes à Smart (choix de plan Mailchimp, migration des listes de contacts, validation des templates dans les trois langues, mise à jour des accès équipe). Décorreler ces tâches du build principal protège le calendrier tout en laissant la porte ouverte à une mise en œuvre rapide si Smart les valide en cours de projet. Si elles sont maintenues, elles s'intègrent sans friction en Phase 3b.

☑ Ph.4 — Gestion coexistence 2 plateformes pendant migration (12 h)

Le CDC ne précise pas la stratégie de migration entre l'ancien et le nouveau site. Notre lecture : un basculement pur (flip DNS + 301 redirects sur smartbe.be et new.smartbe.be vers le nouveau domaine) est la solution la plus propre techniquement. Elle évite la charge de maintenir deux environnements en live simultanément et simplifie la validation.

Cette tâche optionnelle couvre uniquement le scénario où Smart souhaite maintenir les deux sites en parallèle pendant une période définie — pour une communication interne progressive, une validation par segments d'utilisateurs, ou toute autre raison organisationnelle. Si Smart valide le basculement pur, cette tâche disparaît du périmètre : économie de 1 192,50 € HTVA.

Stratégie de qualité & recette
La qualité n'est pas une phase finale — c'est un fil conducteur intégré à chaque étape du projet.
Approche retenue : recette structurée, pas de TDD

Deux familles d'approche ont été évaluées avec l'équipe technique.

Test Driven Development (TDD) & Playwright : le TDD implique d'écrire les tests avant le code — une discipline rigoureuse qui représente un surcoût de développement significatif et une philosophie de projet à part entière. Playwright est un framework d'automatisation E2E (end-to-end) particulièrement pertinent pour des applications à logique métier unitaire dense. Ces approches ont été écartées pour la V1 de Smart pour deux raisons structurelles : (1) les comportements du site sont majoritairement end-to-end et dépendants de tiers (Mollie, Agenda/Gravity Forms, Kronik, Polylang) — des surfaces difficiles à mocker de façon fiable ; (2) le ratio effort/valeur n'est pas favorable à ce stade du projet.

Approche retenue : recette manuelle structurée par matrice (parcours × langue × device), audits qualité ciblés sur les périmètres à risque, et validation continue via un environnement de staging dédié tout au long du développement. La porte reste ouverte à l'introduction de Playwright sur des flux critiques identifiés en V2 (paiement Mollie, formulaires Agenda).

Testing continu — Phases 2 à 4
Phase 2 — Tests utilisateurs UX

Panels ciblés sur les deux profils (Particulier · Organisation) avec 12 combinaisons parcours × langue. Les résultats sont intégrés dans les maquettes finales avant l'entrée en développement — pas après. 20h · optionnel · 1 987,50 € HTVA.

Phase 3 — 3 environnements en parallèle

Local (développement) · Staging (validation itérative, accessible à Smart) · Production. Chaque livrable est déployé en staging avant validation. Synchronisation staging → production en un clic au moment du go live.

Phase 4 — Migration Agenda avec filet de sécurité

Audit complet des règles Gravity Forms en collaboration avec le prestataire actuel · reproduction en staging · tests fonctionnels complets (inscriptions, paiements, rappels, listes d'attente) · rollback possible pendant 30 jours post-bascule.

Matrice de recette — Phase 5 · 36 combinaisons

La recette finale couvre l'intégralité des cas d'usage avant mise en production, organisée en matrice croisée :

4
Parcours
Gate · Particulier · Organisation · Agenda
3
Langues
FR · NL · EN
3
Devices
Desktop · Tablette · Mobile

Chaque combinaison couvre : navigation, formulaires, paiements (Mollie), responsive, performances de chargement et comportements conditionnels par profil. 28h · incompressible · 2 782,50 € HTVA.

5 audits qualité avant go live
Accessibilité — AnySurfer / WCAG 2.1
Audit final par Clément Daligault · certification visée · 10h incompressibles.
Sécurité — OWASP Top 10
Par Michaël Godefroid · injection, XSS, authentification, exposition de données · 10h incompressibles.
RGPD — conformité finale
Cookies, bannière de consentement, politique de confidentialité, données de formulaires · 6h incompressibles.
Écoconception — Lighthouse · GreenIT · Page Speed
Optimisation poids des assets, score Core Web Vitals, empreinte carbone estimée · 6h · optionnel.
Corrections d'auteur pre-prod
Cycle de retours Smart sur l'environnement staging avant bascule · 14h incompressibles.
Budget testing — récapitulatif
Tests UX utilisateurs Phase 2 · optionnel
20h1 987,50 €
Tests de recette — matrice 36 combinaisons incompressible
28h2 782,50 €
Audits WCAG + OWASP + RGPD + corrections incompressibles
40h3 975,00 €
Audit écoconception optionnel
6h596,25 €
Go live progressif + monitoring 72h incompressible
10h993,75 €
Socle incompressible (hors options)
Inclus dans la Phase 5 du tableau de charges
78h
7 751,25 € HTVA
V2 : introduction possible de Playwright sur les flux critiques identifiés (paiement Mollie, formulaires Agenda) — à évaluer en fin de Phase 1 selon la densité de la logique métier custom.
Sujets additionnels
SEO/SEA, A/B testing, stratégie de contenu, production éditoriale — des capacités constitutives de notre ADN, pas des options sur catalogue.
SEO & SEA — au cœur de notre ADN depuis 15 ans

OpenGraphy a démarré il y a plus de 15 ans en tant que première agence européenne ayant acheté de l'espace publicitaire à la régie Google. Le SEO et le SEA sont constitutifs de notre identité — nous ne pouvons pas dissocier un projet de plateforme web de ses impératifs de visibilité organique et payante. Pour nous, un site qui n'est pas pensé pour être trouvé est un site à moitié construit.

Ce que nous intégrons dès la V1
Audit SEO de l'existant (smartbe.be + new.smartbe.be) · structure d'URL propre et sémantique · redirections 301 exhaustives pour préserver le capital SEO accumulé · balisage sémantique HTML5 · vitesse de chargement optimisée (Kinsta CDN + cache) · Google Analytics 4 + Tag Manager · sitemap XML dynamique · hreflang FR/NL/EN · Core Web Vitals.
Ce que nous proposons en accompagnement Run
Stratégie éditoriale SEO orientée acquisition (identification des requêtes cibles des futurs membres et clients B2B) · production de contenus Kronik optimisés · campagnes SEA Google ciblées par profil visiteur (particulier / organisation) · A/B testing sur les pages de conversion clés · reporting mensuel de performance organique et payante.
Référence — GraphyStories · SaaS propriétaire OpenGraphy

OpenGraphy est à l'origine de GraphyStories, plateforme SaaS propriétaire de veille et d'analyse des médias et réseaux sociaux exploitée de 2014 à 2023, dont le reboot de nouvelle génération est en cours (2026). GraphyStories a servi plus de 6 500 marques et 30+ groupes médias internationaux — dont RTBF, RTL, Le Monde et le Groupe Lagardère — avec un chiffre d'affaires SaaS cumulé de plus d'1 000 000 € HTVA.

Son algorithme propriétaire analysait en temps réel plus de 80 millions d'articles issus de 5 000 sites web, calculant un indicateur de vélocité pour détecter les contenus pré-viraux avant viralisation. Cette expérience forge une lecture data-driven de la performance éditoriale que peu d'agences web peuvent revendiquer.

Contact de référence : Morgan Fauvel, Head of SEO, RTBF — mofa@rtbf.be

Référence — Commission Européenne (DG TRADE, AGRI, COMM, EUROSTAT…)

Depuis 2022 (contrat actif), OpenGraphy pilote la stratégie de diffusion et le marketing de performance de plus de 100 campagnes de contenus (podcasts, vidéos) pour plusieurs Directions Générales de la Commission Européenne, en environnement multilingue et multi-pays, sur Meta, LinkedIn, Google, YouTube, Spotify, Apple Podcasts et Deezer.

Résultats mesurés : plusieurs millions d'impressions et d'écoutes générées à travers l'Europe, avec optimisation continue du coût par résultat sur l'ensemble des campagnes. Montant contractuel actif : + 580 000 € HTVA.

Contact de référence : Didier Malchaire — didier.malchaire@ext.ec.europa.eu · +32 2 299 75 54

A/B testing & optimisation des conversions

La homepage adaptative, les pages de conversion (session d'info, prise de contact B2B) et les CTA sont autant de points d'optimisation continue. Nous proposons un dispositif d'A/B testing systématique sur ces éléments clés — hébergé dans Google Optimize ou équivalent, intégré à GA4 — avec un cycle mensuel d'analyse et d'itération. L'objectif : améliorer le taux de conversion prospect → session d'info de façon mesurable, sur données réelles.

Production de contenu & stratégie marketing

Au-delà du développement, nous pouvons accompagner Smart dans la production éditoriale du nouveau site — rédaction des pages clés selon les principes de l'UX writing (concision, action, clarté), traduction et adaptation FR/NL/EN, structuration des témoignages membres par secteur. Nous proposons également un accompagnement à la stratégie de contenu Kronik : définition des thématiques SEO prioritaires, calendrier éditorial, brief de rédaction — pour que le blog devienne un véritable levier d'acquisition organique dès son lancement.

Proposition d'architecture technologique
Une stack délibérément sobre, éprouvée, et conçue pour durer — de la V1 à l'interconnexion ERP future.
Principes directeurs
Sobriété technique — un seul outil par besoin. Pas de stack redondante, pas de sur-ingénierie. Chaque composant fait une chose et la fait bien.
Autonomie de Smart — stack WordPress, la plus répandue au monde. N'importe quel développeur PHP peut reprendre le projet. Aucune dépendance à un outil propriétaire opaque.
Évolutivité maîtrisée — chaque choix V1 est conçu pour se migrer proprement en V2/V3. L'interconnexion ERP future est anticipée dans l'architecture dès aujourd'hui.
Conformité native — RGPD, accessibilité WCAG 2.1 et sécurité OWASP sont intégrés dès la conception, pas rajoutés en fin de projet.
Stack technique proposée
Composant Choix technique Justification
CMS WordPress 7.0 Conservé conformément à la demande Smart · stack la plus recrutée au monde · back-office maîtrisé par les équipes internes · pas de courbe d'apprentissage.
Thème Thème custom sur-mesure Développé from scratch sur la charte Smart · pas de thème premium tiers à maintenir · performances supérieures · code propre et versionnés sur Git.
Navigation adaptative ACF Pro + JS vanilla + cookie de profil Homepage adaptative (défaut prospect membre) + CTAs Particulier / Organisation · menus conditionnels par profil · cookie/localStorage 30 jours · URLs propres et indexables · aucun framework JS lourd.
Multilingue Polylang Pro FR / NL / EN · hreflang natif pour le SEO international · compatible avec l'architecture de menus conditionnels · déjà en place sur new.smartbe.be.
Formulaires & Agenda Gravity Forms Pro + Mollie Conservé depuis l'environnement actuel · logique métier encodée (inscriptions, paiements, liste d'attente, automatisations) migrée et auditée en Phase 4 · intégration Mollie pour les paiements en ligne.
Gestion événements The Events Calendar Pro Gestion multi-dates, multi-lieux · intégration native Gravity Forms · compatible avec le module d'inscription à la journée ou par atelier (V2).
Mailing Mailchimp (migration depuis Brevo) Unification des solutions de mailing souhaitée par Smart · intégration WordPress native · double opt-in RGPD · newsletters + emails transactionnels dans un seul outil.
SEO & analytics Yoast SEO + GA4 + Tag Manager Balisage sémantique, sitemap XML, hreflang · Google Analytics 4 pour le suivi des conversions par parcours · Tag Manager pour la gestion centralisée des scripts sans intervention développeur.
Sécurité Wordfence + SSL + 2FA back-office Pare-feu applicatif · détection d'intrusion · authentification à deux facteurs pour le back-office · audit de sécurité OWASP en Phase 5 · mises à jour de sécurité sous 48h en run.
Versionning & CI/CD Git (GitHub) + déploiement Kinsta Code versionné, historique complet des modifications · déploiement staging → production contrôlé · rollback possible à tout moment · Smart conserve l'accès au dépôt.
Hébergement Kinsta (WordPress managé) Déjà utilisé par Smart (smartbe.be) · GCP datacenter UE · CDN Cloudflare intégré · 3 environnements (local, staging, production) · disponibilité 99,9 % · sauvegardes quotidiennes · RGPD natif.
Monitoring Kinsta APM + UptimeRobot + Sentry Surveillance 24/7 de la disponibilité · alerting automatique en cas d'incident · monitoring des performances applicatives · erreurs front et back loguées et tracées.
Vue d'ensemble de l'écosystème
Couche visiteur — interface publique
Homepage adaptative
Défaut prospect membre · CTAs auto-identification
Parcours Particulier
Découverte + Membre actif
Parcours Organisation
Prestataire + Client actif
Contenu transversal
Institutionnel, Agenda, Jobs
Couche CMS — WordPress 7.0 + thème custom
ACF Pro Polylang Pro Gravity Forms Pro The Events Calendar Yoast SEO Wordfence Menus conditionnels Cookie/localStorage de profil JS
Couche intégrations — services tiers
Mollie (paiements) Mailchimp (mailing) Google Analytics 4 Google Tag Manager Evenium (AG) API Espace Smart (V3) Auth commune (V3)
Items en pointillés = évolutions V3 anticipées dans l'architecture, déployables sans refonte.
Couche infrastructure — Kinsta + GCP Europe
Local (dev) Staging (recette) Production (99,9 %) CDN Cloudflare Sauvegardes 30j PHP 8.3 · SSL Option AWS (réversibilité)
Unification de l'architecture actuelle & élimination de la dette technique

Le projet Smart part d'une situation claire : deux environnements WordPress distincts (smartbe.be sur Kinsta / new.smartbe.be sur WP Engine), deux stacks de plugins incompatibles (WPML vs Polylang, thème custom vs Beaver Builder), deux équipes de gestion, deux factures d'hébergement. La refonte est l'occasion d'éliminer cette dette technique structurelle.

Situation actuelle (à unifier)
2 WordPress · 2 hébergeurs · 2 prestataires
WPML (historique) + Polylang (nouveau) — incompatibles
Brevo (site) + Mailchimp (interne) — doublon
Automatisations Agenda non documentées
Back-office multi-équipes sur 2 environnements distincts
Architecture cible (unifiée)
1 WordPress · Kinsta · OpenGraphy (SPOC unique)
Polylang Pro · FR/NL/EN · hreflang SEO natif
Mailchimp unifié · intégration WordPress native
Automatisations auditées, documentées, migrées
Back-office unifié · droits distincts par équipe Smart
Anticipation de l'évolution vers l'ERP intégré. L'architecture V1 prévoit dès sa conception les points d'ancrage techniques pour les évolutions V3+ : endpoint API REST exposable pour l'Espace Smart, structure de données compatible avec un module d'authentification commun, URLs et namespaces conçus pour l'interconnexion. Smart n'aura pas à refondre l'architecture pour connecter ses outils métiers — elle aura simplement à activer des capacités déjà prévues.
Sécurité & interopérabilité
Standards de sécurité web et capacités d'intégration avec les outils internes Smart.
Approche sécurité

Standards : HTTPS enforced · WAF (Cloudflare) · Mises à jour WordPress/plugins sous 48h · Sauvegardes quotidiennes avec rétention 30 jours · Accès back-office avec 2FA · Politique de mots de passe renforcée

RGPD : données membres stockées exclusivement dans les bases Smart (conformément à l'exigence du cahier des charges) · Consentement cookies conforme ePrivacy · DPA signable sur demande

Interopérabilité avec les outils Smart

Ce que nous livrons en V1 : des liens directs vers le portail UBIK (ubik.smart.be) contextualés selon le profil déclaré — le CTA "Mon espace Smart" oriente vers l'espace membres, le CTA "Mon espace Smart Entreprise" vers l'espace clients. La navigation du site s'adapte au profil déclaré par le visiteur (via les CTAs d'auto-identification et le cookie/localStorage 30 jours), sans authentification WordPress — ce qui est cohérent avec la réalité : seul le portail UBIK peut vérifier qu'un visiteur est effectivement membre ou client.

Ce que nous ne pouvons pas livrer sans la DSI Smart : une passerelle d'authentification entre le site vitrine et l'ERP UBIK (SSO, appel de données signalétiques, personnalisation basée sur les données membres) est hors périmètre V1. Ce type d'interconnexion implique un développement côté ERP que seule l'équipe responsable d'UBIK (a priori la DSI évoquée dans le CDC) peut initier. Nous sommes en mesure de poser dès la V1 les fondations techniques côté WordPress qui rendront cette intégration fluide le moment venu — mais nous ne préemptons pas le périmètre DSI.

Roadmap : interconnexion API ERP et authentification unifiée positionnées en V2/V3, conditionnées à l'implication de la DSI Smart. L'architecture WordPress actuelle est conçue pour les accueillir sans refonte.

Approche du recours à l'IA
Notre vision de l'intégration de l'IA à différents niveaux du projet.
IA au niveau développement

Assistance au développement (GitHub Copilot, revue de code IA) pour accélérer la production et réduire les bugs. Génération assistée de contenu de test. Tests automatisés générés par IA.

IA au niveau visiteur & contenu

Chatbot d'orientation : identifié comme évolution future dans le cahier des charges — nous proposons une architecture qui l'anticipe dès la V1 (zone de code prévue, données structurées pour l'entraînement).

Personnalisation de contenu : combinée à une authentification UBIK (V2/V3, impliquant la DSI Smart), l'IA peut adapter les contenus affichés selon le profil et l'historique du membre connecté. En V1, la personnalisation s'opère sur la base du profil déclaré via les CTAs d'auto-identification.

Aide à la rédaction : outillage des équipes éditoriales Smart avec des assistants IA pour la production de contenu multilingue (FR/NL/EN) — réduction du coût de traduction de 40 à 60%.

Évaluation budgétaire
Synthèse complète — les montants se synchronisent automatiquement avec vos sélections dans l'onglet Planning.
A. Budget Build — conception, développement, accessibilité, RGPD & migration
Estimation provisoire · taux horaire 99,375 € HTVA/h · à affiner après Phase 1 · synchronisé avec le tableau de charges
Phase Heures HTVA
Ph.1 — Cadrage stratégique & fonctionnel100 h9,937.50 €
Ph.2 — UX/UI · accessibilité & écoconception by design128 h12,720.00 €
Ph.3 — Développement & intégration · RGPD & conformité légale168 h16,695.00 €
Ph.3b — Paiement (Mollie) & mailing (Mailchimp)70 h6,956.25 €
Ph.4 — Migration des données ⚠ critique130 h12,918.75 €
Ph.5 — Recette & go live · audits WCAG, écoconception, RGPD & OWASP92 h9,142.50 €
◈ SPOC — Suivi de projet (8 mois)90 h8,943.75 €
◈ Coordination, project meetings & imprévus69 h6,856.88 €
Sous-total Build817 h81,189.38 €
TVA 21 %17,049.77 €
Total Build TVAC98,239.14 €
B. Garantie post-livraison — 3 mois inclus dans le Build

Les 3 mois suivant la mise en production sont couverts par une garantie de maintenance corrective et préventive sans supplément, incluse dans le budget Build. Réactivité P1 sous 3h · P2 sous 24h · P3 sous 48h.

C. Maintenance Run — à partir du mois 4 post-livraison
Essentiel
290 € HTVA / mois
soit 350,90 € TVAC/mois
Mises à jour préventives (WordPress, plugins, PHP, SSL) · infogérance Kinsta · monitoring. Correctif non inclus — facturé à l'heure.
Recommandé
Standard
490 € HTVA / mois
soit 592,90 € TVAC/mois
Tout l'Essentiel + pool correctif 2h/mois + support back-office + rapport mensuel · SLA P1/P2/P3 garanti.
Premium
690 € HTVA / mois
soit 834,90 € TVAC/mois
Tout le Standard + pool correctif 4h/mois + monitoring performance mensuel · SLA P1/P2/P3 garanti.
Heures correctifs au-delà du pool inclus — toute intervention dépassant le pool mensuel (2h en Standard, 4h en Premium) est facturée au taux horaire standard de 99,375 € HTVA/h, sur rapport d'activité mensuel. En formule Essentiel, la totalité du correctif est facturée à ce même taux.
Maintenance évolutive
99,375 € HTVA / h
En régie ou sur devis Notion par projet
Nouvelles fonctionnalités · évolutions V2/V3 · intégrations ERP · recommandé : sur devis via ticket Notion.
Contrat initial 12 mois · reconduction tacite · résiliation avec préavis 3 mois · même SPOC qu'en phase Build.
D. Coûts tiers — à charge directe de Smart
Poste Fournisseur Estimation Notes
Hébergement WordPressKinsta~80–150 € / moisDéjà utilisé par Smart — continuité tarifaire possible.
MailingMailchimpVariableDépend du nombre de contacts Smart.
Brevo (transition)BrevoAbonnement existantMaintenu pendant Ph.4, résiliable ensuite.
Plugins premiumAu cas par cas~500–600 € / anGravity Forms Pro · Polylang Pro · Events Calendar Pro · ACF Pro. Chaque licence soumise à validation Smart.
Paiements en ligneMollie% transactionAbonnement existant Smart. Prélevés directement sur les transactions.
GA4 + Tag ManagerGoogleGratuitCompte Google existant réutilisé.
Récapitulatif budgétaire — vision complète
Build complet (incl. accessibilité, RGPD, écoconception)
81,189.38 € HTVA
98,239.14 € TVAC
Garantie post-livraison 3 mois
Incluse dans le Build
Forfait Run mensuel SLA (à partir de M+7)
290 – 690 € HTVA / mois
Essentiel · Standard · Premium — 490 € recommandé
Maintenance évolutive
99,375 € HTVA / h — sur devis
Hébergement Kinsta + abonnements tiers
À charge de Smart — facturé directement
Note. Le budget Build sera affiné à l'issue de la Phase 1 de cadrage. Tout ajustement fait l'objet d'un avenant chiffré et validé par Smart avant exécution.