Aller au contenu principal

Innovation industrielle · Site bilingue sur mesure

Un centre d’innovation qui rassemble labos, partenaires et carrières sur un seul site bilingue

Le C2MI réunit des équipements de laboratoire, des partenaires industriels et académiques, et des entrepreneurs à différentes étapes de développement. Le site devait servir ces publics très différents, en français et en anglais, sans qu'une modification de contenu ne brise les liens entre les deux versions linguistiques.

  • Industrie / Semi-conducteurs & microsystèmes
  • Site institutionnel bilingue avec fonctionnalités sur mesure

Services liés Contenu Design/UI Intégrations & automatisations Portails & applications Sites vitrine

Centre de Collaboration MiQro Innovation (C2MI)

c2mi.ca

Réalisé en 2017

01 · Défi

Un site pour plusieurs publics, en deux langues

Le C2MI réunit des équipements de laboratoire, des dizaines de partenaires industriels et académiques, et des entrepreneurs à toutes les étapes de développement, de l'idée à la PME. Chacun de ces publics cherche autre chose sur le site : un chercheur veut une fiche technique, un entrepreneur veut savoir quel partenaire contacter selon sa phase, un candidat veut voir les postes ouverts.

Tout ça devait exister en français et en anglais, avec la même qualité des deux côtés, pour des visiteurs qui ne consultent souvent qu'une seule des deux versions. Le site devait aussi rester simple à tenir à jour pour l'équipe du C2MI, sans qu'ajouter un équipement ou une offre d'emploi devienne une tâche technique.

02 · Approche

Un type de contenu par vrai besoin

Plutôt que de tout forcer dans des pages génériques, chaque type de contenu du C2MI a sa propre structure dans WordPress : équipements, partenaires, membres de l'équipe, postes disponibles, vidéos, infolettres, témoignages. Chacun a ses champs et ses catégories, pensés pour les données réelles du centre, pas pour un modèle de blogue générique.

Le bilinguisme suit la même logique : mêmes champs, mêmes catégories des deux côtés, pour que publier en français et en anglais reste un geste simple plutôt que de jongler entre deux structures différentes.

03 · Livrables

Ce qu'on a livré

Un site bilingue qui organise des contenus très différents, sans les mélanger.

  • Catalogue d'équipements par laboratoire

    Fiches techniques (fournisseur, modèle, fonction) organisées par laboratoire et procédé. Seules les catégories qui contiennent vraiment de l'équipement publié s'affichent.

  • Répertoire de partenaires filtrable

    Logos organisés par catégorie (industriels, académiques, services), chacun avec une fiche complète : mission, offre de service, compétences, coordonnées.

  • Tableau de correspondance partenaires

    Grille interactive qui croise la phase entrepreneuriale d'une entreprise avec ses besoins, et qui pointe vers la bonne catégorie de partenaires. Version mobile en liste déroulante.

  • Section carrières complète

    Postes disponibles au C2MI et chez ses partenaires, dates limites, avantages sociaux en icônes, et parcours de candidature adapté selon l'employeur.

  • Témoignages texte et vidéo

    Blocs qui alternent texte et vidéo à chaque témoignage, avec des contrôles vidéo simples (lecture, muet, volume) construits sur mesure.

04 · Sur-mesure

Écrit pour les vrais contenus du C2MI

Rien de tout ça ne vient d'un plugin d'annuaire générique. Le code est écrit pour les données et les problèmes précis du centre.

  • Types de contenu propres au C2MI Équipements, partenaires, membres, postes disponibles, projets, vidéos, infolettres, témoignages : chacun a ses champs et ses catégories, pensés pour les données réelles du centre plutôt que pour un modèle de blogue générique.
  • Affichage intelligent des catégories d'équipement Le code vérifie quelles catégories de laboratoire contiennent vraiment de l'équipement publié avant de les afficher, pour éviter de montrer des sections vides aux visiteurs.
  • Tableau de partenaires codé à la main La grille qui croise phase entrepreneuriale et besoins n'est pas un plugin de tableau : c'est du CSS et du JavaScript écrits pour cette structure précise, avec une version mobile en liste déroulante branchée sur les mêmes données.
  • Lecteur vidéo de témoignages sur mesure Contrôles de lecture, muet et volume codés en JavaScript, sans dépendre d'un plugin vidéo tiers, avec un gabarit qui alterne texte et vidéo à chaque témoignage.

05 · Résultats

Ce que ça change

Aucune donnée de fréquentation n'a été fournie pour ce mandat. Voici ce que le site fait concrètement, aujourd'hui.

  • L'équipe du C2MI met à jour équipements, partenaires, membres et offres d'emploi directement dans WordPress, sans reconstruire de page pour chaque changement.
  • Le tableau de partenaires aide un entrepreneur à trouver le bon contact selon sa phase de développement, sans fouiller dans une liste plate.
  • Les catégories de laboratoires sans équipement publié ne s'affichent pas, ce qui évite de présenter des sections vides aux visiteurs.

Les statistiques de fréquentation n'ont pas été fournies pour ce mandat. Ces bénéfices sont observés dans le comportement du site, pas mesurés par un rapport de trafic.

06 · Stack

Technologies

WordPress comme base, avec du PHP et du JavaScript écrits sur mesure pour le bilinguisme, les types de contenu et les outils interactifs du site.

  • WordPress
  • PHP
  • JavaScript
  • HTML5
  • CSS3
  • Font Awesome

Prochaine étape

Votre organisme doit présenter du contenu complexe en plusieurs langues?

Équipements, partenaires, carrières : on peut regarder ensemble comment structurer ça dans WordPress sans que ça devienne ingérable. Un appel suffit pour en discuter.