Immobilier et urbanisme

CAUE 13

Photo montrant le coin supérieur d'un immeuble
Drupal
Date de mise en ligne
10/06/2020

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.

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.

Page illustrant la homepage du site Caue13

L'UX design

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

Ces ateliers, organisés lors de la seconde journée de travail, ont 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.
     
Consulter les maquettes Figma
Plusieurs visuels illustrant les différentes pages du site web
Visuel illustrant la page "Productions" du site internet CAUE 13

UI design

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.

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.

Plusieurs visuels illustrant les pages du site CAUE 13

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. Plus de détails dans notre article.

Lire l'article détaillé

"L’agence bluedrop.fr nous accompagne depuis 2015 dans le cadre du développement de notre communication digitale. Elle a su à partir d’une base balbutiante et peu fonctionnelle redéfinir l’ergonomie et l’interface de notre site pour en faire une vitrine plus accessible et plus fonctionnelle. L’agence a également su recréer avec le temps, un rapport de confiance que nous avions perdu avec nos prestataires en communication digitale. Nous remercions donc bluedrop.fr pour leur écoute, leur réactivité et leur professionnalisme qui nous ont permis d'avoir un site internet qui répond parfaitement à nos attentes et à celles de nos utilisateurs."

 Notre client, Emmanuel Guillemard, Responsable Digital
Emmanuel Guillemard Responsable Digital