Etude de cas

CAUE 13

Le CAUE 13 collabore avec l'agence bluedrop.fr depuis fin 2015. Après avoir développé et exploité son précédent site, propulsé par Drupal 7, l'équipe du CAUE 13 a souhaité refaire son site. Le nouveau site, propulsé par Drupal 8, a été mis en production fin juin 2020.

Le projet en quelques mots...

Contexte de la collaboration

Créé en 1980 à l’initiative du Conseil départemental dans le cadre de la loi sur l'architecture du 3 janvier 1977, le CAUE des Bouches du Rhône accompagne les élus, les collectivités locales, les institutions et les particuliers dans leurs démarches d’aménagement et d’urbanisme. Il assure sur le territoire des Bouches-du-Rhône à la fois une offre technique, pédagogique et culturelle dans la conduite de ses missions assignées par la loi : conseiller, former, informer et sensibiliser tous les acteurs et citoyens d’un territoire à la qualité du cadre de vie.

Le CAUE 13 collabore avec l'agence bluedrop.fr depuis fin 2015. Après avoir développé et exploité son précédent site, propulsé par Drupal 7, l'équipe du CAUE 13 a confié la refonte de son site à l'agence bluedrop.fr.

La conception UX

Deux journées d'atelier ont été organisées :

  • Une première journée de synthétisation de l'objet de l'association, de définition de ses utilisateurs et d'analyse des statistiques de fréquentation de l'ancien site ;
  • Une seconde journée de travail autour des parcours utilisateurs et d'un atelier de design studio de la future page d'accueil du site.

Les ateliers de design studio

Ces ateliers, organisés lors de la seconde journée de travail, on consacré :

  • Tri du contenu du site - Cet atelier a eu pour objectif d'analyser le contenu de l'ancien site à conserver ou supprimer. 
  • Elaboration du menu du futur site - Cet atelier a permis de créer une arborescence (menu) du futur site en créant une architecture cohérente avec les parcours utilisateurs et les principaux personas.
  • Zoning et wireframe de la page d'accueil - Cet atelier a eu pour objectif de concevoir, ensemble, la page d'accueil du futur site. Les meilleures idées retenues lors de la phase de vote du design studio ont permis d'imaginer et de créer cette maquette.

Prototypage et UI design

L'équipe du CAUE 13 a souhaité intégré les travaux d'un illustrateur pendant la conception UI. Nous avons donc, avec plaisir et dans l'intérêt de la qualité et l'originalité du projet, intégré les travaux de Thibault Rassat.

Développement Drupal 8

Le site a été réalisé avec Drupal 8 et un thème reposant sur Foundation. L'idée, tout au long du développement, a été d'anticiper les évolutions de contenu à l'initiative des contributeurs du site. Près de 22 paragraphes ont été intégrés et mis à disposition des contributeurs (par l'intermédiaire du module paragraphs). Seuls 4 modules sur-mesure ont été développés pour répondre à des besoins spécifiques concernant les blocs et pour faciliter l'import des contenus de l'agenda. La recherche repose sur l'utilisation du module SolR et permet une recherche rapide et optimisée. L'équipe de développement a en outre travaillé à la performance du site tout au long des cycles de développement.

06/2020
Établissement Public

L'interface utilisateur

Ces premiers ateliers ont en outre validé la méthodologie de concertation généralisée indispensable à la conception et la validation des maquettes UI, dans le cadre de la méthode dite "atomic design". Les équipes ont continué à s'écouter, la phase de production des maquettes a été facilitée [consulter ici les maquettes Figma].

Pour finir, l'équipe du CAUE 13 a souhaité intégré les travaux d'un illustrateur pendant la conception UI. Nous avons donc, avec plaisir et dans l'intérêt de la qualité et l'originalité du projet, intégré les travaux de Thibault Rassat.

Voir en réel