Un renouveau pour le BNEI

Contexte

Cela fait maintenant des années que le Bureau National des Élèves Ingénieurs (BNEI) a la volonté de mettre à jour son site internet. Cette année, j'ai décidé que c'était le bon moment et je m'y suis lancé. Le site a été entièrement revu, de son architecture de données à son style et son utilisation !

Reprendre bnei.fr de 0

Précédemment

Sur le plan technique, l'ancien site était un WordPress avec un thème générique à 50€, prêt à l'emploi. C'était un bon point de départ mais qui commence à avoir plusieurs lacunes.

D'une part, son architecture interne ne permet pas de faire des évolution facilement. D'autre part, il est presque impossible à maintenir tant son code source est complexe et obsolète. Et enfin, l'architecture des données n'est plus adaptées aux besoins de la structure.

Il a fallu repartir d'une page blanche, en posant les objectifs, les contraintes et les besoins pour le nouveau site.

Objectifs

Les objectifs de la refonte du site étaient les suivants :

• Rafraîchir l'image numérique de la structure;
• Faciliter l'accès aux ressources numériques de la structure;
• Faciliter la compréhension de la structure à travers son site.

Cahier des charges

Comme il est possible de le comprendre au travers les objectifs, la refonte du site n'est pas juste un dépoussiérage de son thème mais un véritable travail sur le fond et sur la restructuration, de réorganisation et de réappropriation des données.

Dans un premier temps, il fa fallu comprendre l'évolution des usages et comprendre les volontés et les attentes de la structure vis-à-vis du site. Cela est notamment passé par une analyse des contenus qui pourraient être posé sur la plateforme.

Tout cela a permis l'élaboration d'un cahier des charges détaillés qui apporte une vision complète et globale du chantier qu'il fallait mener.

Cette tâche fut très prenant en temps et en énergie mais elle a permis de fluidifier la suite du projet en ayant parfaitement établi les besoins et les contraintes.

Maquettes

Une fois que l'on connaît la direction à prendre, il est possible de commencer à travailler sur les maquettes et les prototypes.

Pour mener à bien cette étape cruciale qui permet l'agencement et l'organisation de l'ensemble du contenu, je me suis appuyé sur la charte graphique de la structure. Une cohérence avec le reste de la communication et d l'identité de la structure semblait indispensable.

Aussi, les maquettes ont pu permettre à l'ensemble de l'équipe de visualiser plus concrètement le projet, les lignes définies dans le cahier des charges et les choix techniques. Des retours plus concrets ont aussi pu être fait à cette étape permettant l'ajustement de la direction et la correspondance des visions.

Cette tâche fut particulièrement complexe parce qu'il a fallu faire preuve de créativité et d'adaptation pour répondre aux objectifs tout en restant moderne, dynamique, en cohérence avec l'identité de la structure et en respectant les contraintes techniques.

Choix technique

Dans le même temps que la création des maquettes, il a fallu choisir les outils et les technologies qui permettraient de mettre en place le site. En effet, le choix technologie est un choix influant sur les maquettes et réciproquement.

Au final, il a été choisi de rester sur WordPress pour sa simplicité et sa rapidité de développement, sa maintenabilité, son interface d'administration prête à l'emploi et sa gestion robuste du contenu.

Développement

Cette étape a été la plus longue et la plus complexe. Elle a consisté à mettre en place les maquettes et les prototypes en code.

Mais c'était pour moi la première fois que je développais avec WordPress et même que je touchais à du PHP. J'ai donc dû tout apprendre sur le tas. Heureusement pour moi, rien de bien complexe et j'ai pu me débrouiller avec des tutoriels et des forums. Je pense que mon expérience de développeur web m'a aidé à m'y retrouver.

Dans le même temps, il a fallu migrer l'ensemble des données de l'ancien site vers le nouveau. Avoir un joli site ne sert à rien s'il n'est pas rempli ! Cette étape fut particulièrement complexe parce que toute l'architecture des données a été revue et que les données étaient très nombreuses. Il a donc fallu, à la main, migrer les articles et les pages.

Mise en production

Cette partie, je l'ai déléguée au pôle IT de la structure. En effet, cela ne rentre pas dans mon spectre de compétence et je n'ai de toute façon pas les droits pour le faire.

Pour mener à bien cette collaboration, j'ai dû documenter le processus de mise en production et d'installation du projet. J'ai essayé de faire cette étape la plus rapidement possible afin que l'équipe puisse avec un retour concret sur l'avancement du projet.

Le site est visible à cette adresse: bnei.fr

Amélioration continue

Même lorsque le site s'est retrouvé en ligne, il n'était pas totalement terminé. En effet, il a fallu, et faut encore, continuer à le faire évoluer en corrigeant les bugs, en ajoutant des fonctionnalités et en améliorant l'expérience utilisateur.

C'est un site en mouvement permanent.

Conclusion

Ce projet, je l'ai mené du début à la fin, de l'établissement du besoin à sa communication, et quelle fierté une fois de plus que de créer et mener un projet qui se retrouve en ligne et qui est utilisé par des milliers de personnes.

C'est un projet qui m'a permis de découvrir de nouvelles technologies comme PHP et WordPress. J'ai aussi dû créer de grandes maquettes, une première !

Le temps, le budget et les contraintes étaient très limités. Mais j'ai réussi à mener à bien ce projet en respectant les objectifs et en respectant les délais.

C'est réussite ! 🎉