Création d’un outil informatique
Dans le cadre de la Certification RS5599, j’ai réalisé un portail d’information dédié à l’Agenda 2030 pour le département du Loir-et-Cher.
L’objectif : prouver ma capacité à gérer toute la chaîne technique d’un projet web, depuis la conception sur outils collaboratifs jusqu’au déploiement sur serveur.
Voici comment j’ai concrètement procédé.
1. Concevoir et structurer le projet
Avant de toucher à WordPress, j’ai posé toutes les bases nécessaires pour garantir un site clair, utile et techniquement cohérent.
Compréhension des utilisateurs (Personas)
Même si mon rôle était centré sur l’exécution, j’ai intégré dans mes choix techniques les besoins des différents publics : citoyens, associations, collectivités. Cette analyse a guidé la mise en place des fonctionnalités : navigation simplifiée, recherche d’initiatives, consultation des fiches ODD, organisation claire des ressources. Mon travail visait à créer un site utile, lisible et adapté au terrain..
Architecture de l’information (Miro)
J’ai conçu une arborescence claire et hiérarchisée pour organiser efficacement les contenus liés aux ODD. Elle structure le portail en pages thématiques, fiches projets et ressources, afin d’offrir une navigation fluide et logique. Cette architecture a ensuite été transposée dans WordPress pour garantir une cohérence parfaite entre conception et intégration.
Wireframe & Prototype HD (Figma)
Avant la phase graphique, j’ai élaboré des wireframes pour définir la structure du portail Agenda 2030. Ces schémas m’ont permis d’organiser les contenus liés aux ODD, les filtres, les blocs d’information et les zones clés comme les fiches projets ou la navigation principale. Les wireframes ont servi à valider l’ergonomie du site et le parcours utilisateur avant d’entamer l’intégration dans WordPress.
Une fois la structure validée, j’ai créé une maquette haute définition sur Figma afin de représenter précisément le rendu final du portail. Cette maquette intégrait la charte graphique, les couleurs associées aux 17 ODD, la typographie et le placement exact des éléments interactifs. Elle a servi de guide visuel complet pour le développement du thème WordPress et pour assurer la cohérence graphique du site une fois mis en production..
2. Construire techniquement le site sous WordPress
J’ai transposé l’arborescence en une structure WordPress claire, intuitive et évolutive.
Développement du thème
J’ai mis en place Create Block Theme pour développer un thème from scratch, entièrement adapté aux besoins du portail Agenda 2030.
Cette configuration initiale, combinant installation du CMS, création du thème personnalisé et ajout des extensions essentielles, a posé des bases techniques solides pour garantir un site performant, évolutif et parfaitement aligné avec la structure prédéfinie.
Elle s’articule autour d’une page d’accueil orientée découverte, de pages thématiques pour les ODD prioritaires du territoire et de sections dédiées aux actions locales, aux ressources et à l’actualité. Ce travail d’organisation démontre ma capacité à construire une architecture de contenu fluide, pensée pour guider efficacement l’utilisateur.Cela permet un classement précis et un filtrage avancé dans tout le site.
Structuration des données – Custom Post Types & Taxonomies
Pour gérer la diversité des contenus liés aux ODD, j’ai mis en place des Custom Post Types (Fiches Projet du 41, Indicateurs ODD) ainsi que des Taxonomies personnalisées (ODD, communes, thématiques). Cette structure avancée offre un filtrage précis et un back-office parfaitement optimisé. Elle illustre ma maîtrise des fonctionnalités techniques de WordPress et ma capacité à adapter le CMS à des besoins complexes.
3. Déployer et gérer le site via Plesk
Dernière étape : la mise en ligne du site sur un vrai environnement serveur.
Administration serveur (Plesk)
J’ai ensuite intégré l’ensemble des éléments visuels, configuré les modules essentiels (formulaires, sécurité, SEO, performances) et ajusté le front-end pour respecter les maquettes. Le site a été déployé sur un environnement Plesk avec gestion de :
- l’hébergement,
- les bases de données,
- les certificats SSL,
- les sauvegardes.
Cette étape finalise une démonstration complète de mes compétences : intégrer, optimiser et mettre en production un site WordPress professionnel.