Estéban SOUBIRAN

Depuis plusieurs années, le BNEI a la volonté de refaire son site internet. Cette année, c'est la bonne et un nouveau site voit enfin le jour !

Au travers cet article, je vais vous raconter cette mission qui a durée 3 mois !

Les objectifs de la mission sont simples :

• Rafraîchir l'image numérique du BNEI
• Permettre un meilleur accès aux ressources numériques du BNEI
• Permettre une meilleure compréhension de la structure au travers de son site

Malgré des objectifs simples et bien marqués, leur réalisation ne fût pas des plus aisées !

Le site actuellement

Sur le plan technique, l'ancien site était un WordPress avec un thème générique, prêt à l'emploi disponible pour quelques dizaines d'euros sur internet. Un très bon thème mais qui commence à se faire vieux et qui n'était plus adapté aux activités, toujours plus importantes, de la structure.

Aussi, et avec le temps, et les technologies qui évoluent, le site est devenu lourd, peu adapté aux modes de consommations et d'utilisations actuelles d'internet !

Il était donc temps en 2021 de changer ce site, pour lui refaire une architecture et une beauté, le rendre plus simple, plus ergonomique et plus riche !

Les travaux entrepris

Le cahier des charges

En effet, la refonte du site du BNEI n'est pas juste une remise à neuf de son thème. Il s'agit en réalité d'un travail beaucoup plus profond de restructuration, de réorganisation et de réappropriation pour coller aux usages et aux actions actuelles de la structure.

Dans un premier temps, il a donc fallu comprendre l'évolution de ses usages et comprendre les volontés et les attentes de la structure vis-à-vis de son site. Il a aussi fallu détailler le contenu que la structure souhaitait déposer et mettre en avant sur son site. Finalement, ces différentes actions ont permis la construction d'un cahier des charges complet et détaillé. Avec ce dernier, j'avais une vision complète et globale de ce qu'il fallait construire.

Cette tâche fût très prenante en temps et en énergie mais elle a permis de fluidifier la suite de la construction en ayant parfaitement établi le besoin !

La maquette

À partir de là, il a pu être créé la maquette ainsi que le prototype. Pour mener à bien cette partie de la mission, je me suis appuyé sur la charte graphique de la structure pour permettre de garder une cohérence au sein de la communication externe de la structure.

La maquette a aussi pu permettre à l'équipe de visualiser plus concrètement les volontés qui avait été définies dans le cahier des charges. Cette étape a pu permettre d'adapter et de continuer à préciser le cahier des charges. On a pu s'assurer que le site et la vision de l'équipe correspondaient.

Cette tâche fut difficile parce qu'il a fallu faire preuve de créativité sur le design tout en proposant quelque chose de moderne, dynamique et correspondant au cahier des charges !

Le choix technologique

Une fois le cahier des charges terminés et la maquette réalisé, il a fallu se poser la question de la réalisation. En réalité, la question s'est posée plutôt dans le projet parce qu'elle a influencé différent choix sur la maquette. Cependant, la réponse définitive n'a été prononcée que lorsque le cahier des charges et la maquette fût réellement terminé.

Finalement, il a été choisi de rester sur WordPress pour plusieurs raisons :

• La simplicité de développement
• La maintenabilité du projet
• Un backend avec une interface utilisateur correct et prêt à l'emploi
• Une gestion du contenu efficace et robuste

Pour la mise en page, il a été choisi d'utiliser TailwindCSS pour permettre et faciliter l'homogénéité dans le site. Ce choix est aussi dû à la contrainte temporelle de 3 mois dont nous avons fait face ! Utiliser un tel outil permet d'accélérer la vitesse de développement et donc la rapidité de livraison du produit.

Ces étapes ont pris environ 3 semaines à réaliser.

Le développement

Sur cette partie, ça n'a été que de la découverte ! Je n'avais jamais fait de PHP et donc encore moins de WordPress, malgré mes quelques années d'expérience dans le développement web. Finalement, il se trouve que la technologique qu'est WordPress est relativement facile à prendre en main, plutôt agréable et assez intuitive. Par sa très grande utilisation, il est très simple de trouver des ressources pour apprendre, se documenter et trouver des réponses à ses questions.

Cette étape a pu être faites en 2 semaines !

En parallèle de tout cela, il a fallu préparer les données pour le nouveau site ! En effet, on peut livrer le plus beau site du monde, s'il est vide, il ne présente que peu d'intérêt ! Cependant, il ne s'agit pas d'une simple migration. En effet, l'architecture du site a été complètement revue ce qui veut dire que les données entre l'ancien et le nouveau site de correspondent pas et le nouveau site introduit des données supplémentaires pour l'ensemble du contenu ! Pour mener à bien cela, nous avons repris l'ensemble du contenu du précédent site pour l'ajouter au nouveau !

Migrer des données n'est pas des plus intéressante !

Mise en production

Cette partie, je l'ai déléguée au pôle IT du BNEI. En effet, cela ne rentre pas dans mon spectre de compétences et je n'ai pas les accès aux serveurs. J'ai donc dû expliquer et documenter le processus de mise en production et les besoins du site pour l'IT.

Ces échanges et cette collaboration furent très importants pour réussir à mettre une version bêta du site en production rapidement. Cela a permis à l'ensemble de l'équipe de pouvoir voir concrètement le résultat du cahier des charges et de la maquette. Une étape aussi très importante pour s'assurer que le projet va dans la bonne direction !

Amélioration continue

À l'heure où j'écris ses lignes, le site est bien loin d'être terminé. Même si la mise en ligne d'une première version marque un point d'étape important, il manque encore beaucoup de contenu. Mais cette première brique permettra de développer, améliorer et faire progresser le site par la suite, plus rapidement que jamais. Il faut donc s'attendre à du changement dans les mois à venir ! L'aventure n'est donc pas terminée mais une nouvelle page s'ouvre pour le site du BNEI.

L'amélioration continue entre en action à partir de maintenant !

Motivations et réussites

Ce projet a été très enrichissant. En effet, son ampleur et son importance a obligé de se mettre dans des conditions de travail proche de ce qui peut se faire dans la vraie vie. Je me suis positionné comme un prestataire et le BNEI comme un client. Cela m'a permis de réaliser plus simplement le cahier des charges en posant des questions, en le comprenant et en établissant son besoin. Le client, joué par le BNEI, m'a aussi communiqué ses contraintes financières, temporelles et humaines dans le cadre de la réalisation du projet. Ces données ont permis d'ajuster le cahier des charges.

Ce projet, je l'ai mené du début à la fin, de l'établissement du besoin à sa communication sur les réseaux sociaux ! C'est donc un projet complet, terminé, utile et utilisé !

Je remercie quand même l'ensemble des contributeurs qui ont participé à la naissance de ce projet.

Enfin, c'est une agréable découverte de PHP et de WordPress. C'est un outil de plus que je vais pouvoir utiliser dans mes prochains projets !

Finalement, je suis assez fière d'avoir pu accomplir et découvrir tout cela dans un court laps de temps !