Contact
Travaillons ensemble
Plateforme de Portails Communautaires pour Salons Professionnels

Plateforme de Portails Communautaires pour Salons Professionnels

Site vitrine WordPress et maquettes clients interactives pour une web agency B2B spécialisée dans les portails communautaires permanents pour les salons professionnels.

Décembre 2012 - Septembre 2013
~10 mois
Software Engineer
WordPress 3.5PHPMySQLjQuery 1.7HTML5CSS3ApacheGoogle AnalyticsGoogle AdWords

Fichiers totaux

~1,776

WordPress + maquettes statiques

Taille du projet

58 MB

Archive complète du projet

Maquettes clients

7

7 pages HTML navigables

Écosystème

35+

Dépôts GitHub

Présentation

Définition et périmètre du projet

European Digital (marque "ED" / "european DIGITAL") est une web agency spécialisée dans le développement de portails communautaires en ligne pour les salons professionnels. Le projet `es_europeandigital` correspond au site vitrine de l'agence (www.europeandigital.fr), hébergé sur WordPress, servant de support commercial pour presenter l'offre, l'équipe, le portfolio de réalisations et les coordonnees de contact.

European Digital est née de l'experience accumulée par l'équipe fondatrice au sein d'European Sourcing (entreprise mere, spécialisée dans le sourcing d'objets publicitaires en ligne). Le constat de départ : un salon professionnel ne dure que quelques jours, mais sa communaute (exposants, visiteurs, partenaires) existe toute l'année. European Digital propose de transformer cette communaute éphémère en un portail web permanent avec profils, messagerie, forum, recherche, actualites et espaces publicitaires.

Les utilisateurs cibles sont les organisateurs de salons professionnels (B2B), principalement en France - des groupes comme Comexposium (Mondial Coiffure Beaute) et Infopro Digital (Plant Based Summit). Le produit final s'adresse a trois types d'utilisateurs : exposants, visiteurs et administrateurs de la plateforme communautaire.

Domaine

Événementiel B2B / Salons professionnels - Portails communautaires transformant des evenements ephemeres en plateformes d'engagement en ligne permanentes

Utilisateurs cibles

Organisateurs de salons professionnels en France et en Europe - Groupes comme Comexposium et Infopro Digital, adressant exposants, visiteurs et administrateurs

Périmètre fonctionnel
Site vitrine corporate
Maquettes clients interactives
Portfolio & Blog
Formulaire de contact AJAX
Plaquette commerciale (PDF)
Google Analytics & AdWords
Intégration réseaux sociaux
Design responsive
Optimisation SEO
Community Portal User Journey
Parcours utilisateur du portail communautaire - le concept central vendu par European Digital
Site Architecture
Architecture du site - CMS WordPress + maquettes HTML statiques sur serveur dédié OVH

Objectifs, Contexte, Enjeux et Risques

Vision stratégique et contraintes

Objectifs
  • Établir la credibilite commerciale d'European Digital auprès des organisateurs de salons professionnels
  • Presenter un concept innovant : faire vivre un salon de quelques jours en une communaute active toute l'année
  • Démontrer la faisabilité technique par des maquettes navigables de portails communautaires personnalisés
  • Générer des contacts commerciaux qualifies via le formulaire de contact
Contexte

Le projet s'inscrit dans l'écosystème d'European Sourcing, base a Agen (Lot-et-Garonne). L'entite technique medialeads (basee a Bordeaux) hébergé l'ensemble des dépôts GitHub - 35+ dépôts prives, 8 membres, 6 équipes.

L'équipe gérait déjà un écosystème complexe de 35+ sites/applications pour European Sourcing (extranet, moteur de recherche, flux produits, statistiques, webservice, outils d'export/import, applications mobiles, sites clients MyEasyWeb). L'infrastructure reposait sur deux serveurs dédiés OVH avec une stack LAMP (Apache, MySQL, PHP), déployés via Git.

Enjeux stratégiques

Diversification stratégique

Monetiser l'expertise technique accumulée sur les projets European Sourcing en une offre commerciale destinée a l'ensemble du marche des salons professionnels

Marche cible considerable

55 506 exposants, 2,2 millions de visites, 1,5 milliard d'euros dépenses en salons en France (données FSCEF 2011)

Positionnement innovant

En 2013, le concept de "communaute en ligne permanente" pour les salons professionnels était encore émergent - avantage du premier entrant

Risques identifiés

Concentration du marche

Le marche cible est concentre (quelques grands organisateurs) et soumis a la conjoncture economique. Dépendance a un marche de niche.

Concurrence des plateformes génériques

LinkedIn, Viadeo et les réseaux sociaux professionnels offraient déjà des fonctionnalités communautaires (40M de pros sur Viadeo, 135M sur LinkedIn).

Équipe commerciale réduite

Une seule Directrice Commerciale (Clemence Long) pour adresser un marche national/international - risque de capacité commerciale.

Infrastructure Overview
Infrastructure et déploiement - Serveurs OVH, organisation GitHub, backups NAS

Les étapes - Ce que j'ai fait

Phases chronologiques et contributions personnelles

Progression du projet dans le temps
Phase 1
Stratégie & Conception
~2012
  • Définition du positionnement commercial : "1ere Web Agency des portails communautaires pour salons professionnels"
  • Création de la plaquette commerciale PDF (4 pages)
  • Collecte des données marche (statistiques FSCEF 2011)
  • Design du logo "ED european DIGITAL" et de l'identite visuelle
Phase 2
Développement du site vitrine
Dec 2012 - Jan 2013
  • Installation et configuration de WordPress 3.5 (version française)
  • Mise en place du theme Cano avec personnalisation CSS
  • Configuration du formulaire de contact AJAX (mail.php) avec validation jQuery
  • Upload du contenu editorial (logo, photos équipe, éléments du portfolio)
  • Test de plusieurs themes WordPress (Nimble, responsive, gridly, lightly)
Phase 3
Maquettes clients
Juin - Sep 2013
  • Comexposium/MCB : 3 maquettes navigables (home, profil exposant, profil visiteur) pour le Mondial Coiffure Beaute
  • Infopro/Plant Based Summit : 4 maquettes navigables (home, communaute, profil exposant, profil visiteur)
  • Recherche multicritere, profils exposants/visiteurs, espaces publicitaires, forums, intégration réseaux sociaux, Google Maps
Phase 4
Exploitation & Marketing
2013 - 2019
  • Administration de Google Analytics (15 utilisateurs configures)
  • Campagnes Google AdWords via l'agence Dolead (2016)
  • Maintenance continue dans l'écosystème European Sourcing/medialeads
  • Backups SQL (15 Go) et archive finale sur NAS (aout 2019)
Contact Form Sequence
Sequence du formulaire de contact AJAX - le seul flux interactif identifié dans le code source

Les acteurs et interactions

Équipe, parties prenantes et dynamiques de collaboration

Équipe coeur

European Digital fonctionnait comme une équipe de direction de 3 personnes + une "Geek Team" technique au sein de l'organisation European Sourcing. L'organisation GitHub medialeads comptait 8 membres repartis en 6 équipes, partageant les ressources sur 35+ projets.

PersonneRoleResponsabilites clés
Bernard L.PDGVision produit, stratégie, expertise du secteur des salons
Mathieu S.Directeur TechniqueGestion de projet, UX/UI, marketing en ligne, supervision technique de 35+ projets
Clemence L.Dir. Commerciale & MarketingDéveloppement commercial, rédaction plaquette, P&L, relations clients
Jose DA COSTADéveloppeur / AdministrateurDéveloppement WordPress, déploiement serveur, admin Google Analytics & AdWords
Sebastien G.Équipe techniqueSupport au développement et collaboration technique
Parties prenantes externes

Comexposium

Organisateur de salons - prospect pour le Mondial Coiffure Beaute (MCB)

Infopro Digital

Groupe media B2B - prospect pour le Plant Based Summit

Dolead

Agence de publicite digitale - gestion des campagnes Google AdWords

ElegantThemes

Fournisseur du theme WordPress Nimble v1.3

OVH

Hebergement serveurs dédiés (2 serveurs)

FSCEF

Federation des Salons, Congrès et Evenements de France - source des données marche

Modèle de collaboration

L'équipe opérait dans le cadre plus large d'European Sourcing, partageant les ressources techniques entre les projets. Le développement suivait des branches Git avec des branches feature. La communication était directe - la taille réduite de l'équipe permettait des decisions rapides, mais l'absence d'une personne avait un impact significatif.

La relation avec les prospects (Comexposium, Infopro Digital) était gérée par des presentations de maquettes personnalisees, la Directrice Commerciale pilotant les discussions commerciales tandis que l'équipe technique veillait a ce que les maquettes représentent fidelement les capacités de la plateforme.

Organization Chart
Organisation de l'équipe European Digital et structure hiérarchique
Stakeholder Map
Cartographie complète des parties prenantes - équipes internes, prospects, fournisseurs et entites marche

Résultats

Impact pour moi et pour l'entreprise

Métriques du projet
Répartition des fichiers (~1 776 fichiers)
Contributions estimees de l'équipe
Répartition de l'effort par technologie
Envergure de l'écosystème
Ce que j'ai acquis

Compétences techniques

  • Développement et personnalisation PHP/WordPress
  • Intégration HTML5/CSS3 responsive
  • Développement JavaScript/jQuery avec 11+ plugins
  • Administration serveur Apache/MySQL sous Linux
  • Gestion de versions avec Git et collaboration GitHub
  • SEO et référencement naturel
  • Configuration et gestion des accès Google Analytics
  • Campagnes Google AdWords/SEM

Compétences métier et transversales

  • UX/UI Design - maquettes navigables multi-profils
  • Architecture de portails communautaires B2B
  • Conception d'experience utilisateur multi-roles (exposant/visiteur/admin)
  • Stratégie commerciale et positionnement marketing
  • Rédaction de plaquettes commerciales et supports de vente
  • Connaissance du marche des salons professionnels
  • Gestion de projet digital
  • Design graphique et branding (logo, identite visuelle)
Impact pour l'entreprise

~1 776

Fichiers totaux

Projet WordPress complet

7

Maquettes clients

3 Comexposium + 4 Infopro

35+

Sites écosystème

Geres par medialeads

58 Mo

Archive du projet

Code source complet

  • Site vitrine WordPress complet et fonctionnel (www.europeandigital.fr)
  • Formulaire de contact AJAX avec envoi d'emails aux dirigeants
  • Portfolio de réalisations avec système de filtrage par categorie
  • Blog d'actualites avec pagination et commentaires
  • Plaquette commerciale PDF téléchargeable
  • 3 maquettes navigables Comexposium/MCB (home, exposant, visiteur)
  • 4 maquettes navigables Infopro/Plant Based Summit (home, communaute, exposant, visiteur)
  • Intégration des réseaux sociaux (Twitter, Facebook, Vimeo, YouTube, Flickr)
  • Design responsive (tablette et mobile)

Les lendemains du projet

Ce qui s'est passe ensuite et évolution a long terme

Immédiat : Le site est reste en production de debut 2013 jusqu'a au moins 2019. Google Analytics était activement géré avec 15 utilisateurs configures, et des campagnes Google AdWords ont été menees via Dolead en 2016 - indiquant des efforts commerciaux continus plusieurs années après le lancement.

A moyen terme : European Digital fonctionnait comme une marque/filiale au sein de l'écosystème European Sourcing, bénéficiant de ressources techniques partagees. L'organisation medialeads a continue a developper son nombre de dépôts (35+ projets visibles sur les captures GitHub de 2018), suggerant que l'infrastructure technique globale restait active.

A long terme : Le dernier backup sur NAS date d'aout 2019, avec des dumps SQL de 15 Go de mars 2019. Le projet a été archive avec l'ensemble de l'écosystème European Sourcing. Si European Digital n'est pas devenue une entreprise autonome, l'experience et les compétences techniques developpees ont servi de fondation pour l'évolution de carriere ulterieure en développement full-stack et en leadership technique.

État actuel : Archive. Le domaine europeandigital.fr n'est plus actif. Le code source, les maquettes et les supports commerciaux sont conserves sur backup NAS, constituant un historique de cette aventure de web agency B2B et de son concept innovant de portail communautaire.

Mon regard critique

Analyse rétrospective et enseignements

Points forts
  • Positionnement de niche clair et differentiant

    "1ere Web Agency des portails communautaires pour salons professionnels" - un positionnement facile a comprendre et a defendre commercialement

  • Maquettes clients de haute qualité

    Les mockups Comexposium et Infopro sont détaillés, realistes et navigables - d'excellents outils de vente pour des prospects B2B

  • Écosystème technique solide

    L'équipe disposait de 8+ ans d'experience concrete dans le développement de plateformes communautaires (European Sourcing), credibilisant l'offre

  • Équipe complementaire

    PDG (vision) + Directeur Technique (exécution) + Directrice Commerciale (business development) couvrent les fonctions essentielles

  • Chiffres marche convaincants

    L'utilisation des données FSCEF dans la plaquette (55 506 exposants, 1,5Md EUR) dimensionne l'opportunité de manière credible

Points d'amélioration
  • WordPress 3.5 obsolete

    Cette version de décembre 2012 n'était plus maintenue, posant des problèmes de sécurité et de fonctionnalités

  • Absence de versioning

    Le dossier du site ne contenait ni dépôt Git ni SVN, rendant impossible le suivi des modifications

  • Theme achete non personnalisé en profondeur

    Le template Cano présentait encore des références a Envato, et le contenu portfolio/blog était du Lorem Ipsum

  • Aucun test automatisé

    Pas de fichiers de test identifiés dans le projet - typique de l'époque mais un risque pour la maintenance

  • Maquettes en HTML statique

    Les maquettes clients sont de simples docs dans des pages HTML - fonctionnel mais limite (pas de prototypage interactif)

  • Sécurité du formulaire de contact

    Le mail.php utilise la fonction native PHP mail() sans protection anti-spam visible (CAPTCHA, honeypot, rate limiting)

Ce que j'aurais fait différemment
  • Utiliser un outil de prototypage (Figma, Sketch, InVision) pour les maquettes clients plutot que des images statiques dans du HTML
  • Mettre le site sous Git des le départ pour tracer l'évolution et faciliter la collaboration
  • Investir dans un theme WordPress sur mesure plutot que personnaliser un theme achete
  • Mettre en place un pipeline CI/CD et des tests automatisés, même basiques (linting PHP, tests Selenium)
  • Securiser le formulaire avec au minimum un CAPTCHA ou un mécanisme anti-bot
Enseignements durables

Le positionnement de niche reste un atout majeur

Se specialiser dans un secteur vertical (salons professionnels) permet de parler le langage du client et de credibiliser l'expertise

Les maquettes navigables sont un outil de vente puissant

Meme simples, elles permettent au prospect de se projeter concretement dans le produit final

L'experience interne est la meilleure carte de visite

European Digital tire sa légitimité de l'écosystème European Sourcing - la preuve par l'existant vaut plus que les promesses

La mutualisation des équipes entre projets

Partager les équipes entre projets permet d'amortir les couts fixes et de maintenir une capacité technique elevee malgre une taille d'entreprise modeste

Parcours associe

Experience professionnelle liee a cette realisation

Competences mobilisees

Competences techniques et humaines appliquees

Galerie d'images

Captures et visuels du projet