L'ENSOSP, école supérieure des officiers sapeurs pompiers, à Aix-en-Provence, a souhaité confier la refonte de son site institutionnel à l'agence bluedrop.fr. Plus que la reprise des contenus et la dynamisation de l'image de l'école, l'esprit de la refonte s'est attachée à rendre le nouveau site simple et efficace.
Nos missions
Le contexte de la refonte du site de l'ENSOSP
L’Ensosp forme l’ensemble des officiers de sapeurs-pompiers au management, au commandement opérationnel et la gestion de crise. 6000 officiers de sapeurs-pompiers y sont formés en moyenne par an. L’Ecole organise également des stages de mise en situation en matière d’incendie et de secours, et de gestion de crise pour les élus, les fonctionnaires, les cadres des entreprises et les experts français et étrangers.
Périmètre de la refonte :
- La rédaction des spécifications fonctionnelles détaillées (en ateliers avec l'équipe de l'ENSOSP) ;
- La conception de l'expérience utilisateur (UX) ;
- La conception des interfaces (UI) ;
- Le développement avec Drupal 9 ;
- L'optimisation pour le positionnement SEO ;
- Le respect des normes d'accessibilité ;
- La formation des contributeurs et des administrateurs du site ;
- La fourniture d'une procédure de déploiement pour le DSI de l'ENSOSP ;
- La maintenance suite à la mise en production.
La conception UX et UI
La conception s'est concentrée sur la simplification des parcours utilisateurs pendant la phase UX (ateliers de confrontation des personae, de construction des parcours utilisateurs et de conception des wireframes).
Elle s'est ensuite attachée à rajeunir la charte graphique de l'école et son image, désormais plus moderne et dynamique. Il s'agissait de proposer un site robuste techniquement et pérenne dans le temps.
Le développement avec Drupal 9
Le site est propulsé par Drupal 9. Il s'agit d'un cas typique de site corporate, dont l'objectif est d'informer et diriger vers les différents outils digitaux de l'école,sans fioritures animées.
Le thème et la gestion des contenus reposent sur :
Module sur-mesure
Nous avons en outre connecté le site au DAM (Digital Assets Management) de l'ENSOSP - https://www.ephoto.fr. Si nous avons développé un petit module sur-mesure pour assurer la connexion au compte ephoto et aux albums de l'ENSOSP, nous avons aussi utilisé :
- Le module Ephoto Dam Addon qui permet d'importer des images, vidéos ou documents directement dans le site Drupal, au bon format - y compris dans le CKeditor des champs ;
- Le module Video Embed Field ePhoto qui permet d'importer et afficher une vidéo directement sur le site Drupal en appliquant un simple lien.