Formation et éducation

École supérieure des officiers sapeurs pompiers

Image ensosp

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.
 

Date of release
September 2021
Nos missions
Spécifications fonctionnelles et techniques
UX design
UI design
Développement
Formation des contributeurs
Maintenance

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.
Accueil ensosp

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.

Page actualité maquette ensosp
Ensemble de maquettes ensosp

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 :

Emulsify

Et son thème drupal contribué qui facilite l'intégration dans une démarche "atomique" avec des composants réutilisables et des directives claires pour les équipes.

Storybook

Storybook, dont la bibliothèque est fournie par le thème Emulsify.

Webpack

Webpack, l'environnement de développement proposé par le thème Emulsify.

Un type de contenu unique

Réparti dans les différentes sections du site par un terme de taxonomie et enrichi par l'utilisation de 14 paragraphes (module paragraphs).

banner maquettes ensosp

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.​​

« Je remercie tous les intervenants de bluedrop.fr pour leur investissement dans la refonte de notre site web institutionnel. Professionnalisme, capacité d’écoute, compétences techniques, adaptabilité, un parfait cocktail pour faire face aux nombreuses problématiques et pour réussir ce type de projet. »

Notre client, Silvère Chieusse, Directeur des Systèmes d'Information
Silvère Chieusse Directeur des Systèmes d'Information

Vous avez un projet ?
Parlons-en !

Votre projet