L’expérience utilisateur au service des collectivités
Le cœur du projet a été la refonte UX/UI. Nous avons travaillé sur une arborescence claire et des parcours simplifiés pour que chaque profil – collectivités, agents territoriaux, partenaires – puisse accéder immédiatement aux informations et aux outils nécessaires. Formulaires, pages guides et ressources ont été pensés comme de véritables services en ligne, facilitant le quotidien des utilisateurs.
Un design moderne et institutionnel
Le nouveau webdesign associe clarté et sobriété pour garantir une navigation agréable, tout en respectant l’image institutionnelle du CDG52. L’identité visuelle renforce la crédibilité et facilite la lecture de contenus souvent techniques.
L’UX a été réfléchi pour permettre aux agents et aux collectivités de trouver directement les outils mis à disposition par le Centre de Gestion.
Nous avons conçu une nouvelle interface graphique qui traduit l’énergie de la ville et met en avant ses atouts. La charte visuelle modernisée renforce l’identité municipale tout en garantissant une navigation agréable et lisible.
En tant que site institutionnel, la priorité a été donnée à l’ergonomie pour pouvoir être facilement utilisé par tous les types d’utilisateurs.
Nous avons développé sur mesure une carte dynamique intégrée au site, permettant de localiser facilement les infrastructures municipales (équipements sportifs, culturels, services publics…).
Les utilisateurs peuvent en quelques clics générer un itinéraire vers le lieu de leur choix, améliorant ainsi l’accessibilité des services.
Afin d’offrir un site riche et utilisable dès sa livraison, nous avons assuré l’intégration et/ou la rédaction d’une soixantaine de pages. Les contenus sont structurés et optimisés pour répondre aux enjeux SEO ainsi qu’aux besoins d’information du public tout en valorisant l’action municipale.
En réponse au besoin de Toul Habitat, nous leur avons proposé un format d’infolettre mensuelle qui met en scène des locataires dans des situations du quotidien. Car comment mieux comprendre les conséquences de certaines actions qu’en les décrivant pour tous ceux qui la vivent…
L’idée était de casser les codes institutionnels trop sérieux pour mieux faire passer des messages à leurs résidents et locataires.
Nouvelle ligne éditoriale pour garder la cohérence sur tous leurs supports
Afin de conserver ce positionnement de communication plus en proximité, et cette ligne plus punchy, nous avons décliné d’autres supports de communication de la même façon.
Ainsi, le message reste cohérent et les informations sont plus agréables à lire : dans le Mag’habitat, le rapport d’activités, les fiches outils de médiation.
Une nouvelle identité graphique pour un nouveau souffle
Nous avions accompagné le Parc des Vosges du Nord dans la mise en place de leur premier projet de valorisation de l’éco-rénovation il y a 10 ans. Pour ce nouveau souffle, impulsé par l’arrivée dans le projet du Parc naturel régional des Ballons des Vosges, il était nécessaire de revoir à la fois l’identité visuelle mais également le site web pour prendre en compte les spécificités de ce territoire complémentaire.
Il était donc important dans le projet de bien prendre en compte l’apposition des logos des deux parcs régionaux en complément de l’identité et de la baseline du projet. La nouvelle identité visuelle reprend les spécificités liées aux deux entités au cœur de son logo : on y distingue une maison avec ses lignes spécifiques et propres à la région (coyau, toit pentu) et les courbes des collines et ballons des Vosges en arrière-plan.
Une stratégie digitale pour asseoir la notoriété du projet
Dans le cadre du renouvellement de ce projet avec l’intégration du Parc des ballons des Vosges, il était important de mettre en cohérence toutes les actions de communication autour de ce projet. Chaque Parc ayant sa communication et ses outils propres, il était fondamental de bien coordonner toutes les actions pour en garantir un impact optimal sur les publics cibles. Ainsi les responsables du projet au sein des deux parcs sont désormais dotés d’une charte graphique complète, de gabarits pour les publications, d’une newsletter dédiée et chartée et d’outils prêts à l’emploi pour la bonne gestion et la coordination des publications sur l’ensemble de leurs canaux de communication.
Un site web conçu sur mesure avec WordPress
Afin de faciliter la gestion des contenus pour l’ensemble des équipes liées au projet, c’est WordPress qui a été privilégié en tant que CMS pour ce nouveau projet. Nous avons conçu le site en optimisant le parcours utilisateur pour 3 cibles différentes : élus, professionnels et particuliers. Le principe du wiki de la première version du site web et ses nombreuses ressources (qui en ont fait la notoriété) sont restés présents sur cette version, et nous avons scénarisé près de 15 wireframes afin de fluidifier l’accès à toutes ses ressources pour tous les utilisateurs.
Des développements spécifiques pour le schéma interactif et l’annuaire des pros
Pour mettre en musique et habiller les différents écrans scénarisés et habillés, nous avons développé plusieurs modules et fonctionnalités sur mesure. De nombreuses possibilités de recherche et de filtres (par thématique, métiers, matériaux, etc.) sont possibles et transversales sur l’ensemble des contenus du site. Il existe ainsi des actualités, des événements, un centre de ressources, un annuaire des professionnels et un schéma interactif sur le site.
L’annuaire des professionnels recense tous les professionnels inscrits via un formulaire dédié et signataires de la charte « éco-rénover » et les présente au travers de fiches détaillées et recoupées avec les réalisations sur lesquelles ils sont intervenus. Ils sont présentés à la fois sur une carte de localisation et sous la forme d’une liste pour les rechercher par secteur géographique, mais aussi grâce à des filtres (matériaux, compétences…) et mots-clés. Le schéma interactif représente quant à lui un habitat « traditionnel » et permet de naviguer au cœur de celui-ci et de trouver des informations de façon ludique, pour savoir comment intervenir sur le bâti. Ainsi il renvoie vers les pages dédiées et spécifiques sur le site qui répondent aux questions que peut se poser l’utilisateur.
À la demande de la commune, nous leur avons conçu une identité visuelle élégante et évocatrice. Pour asseoir leur positionnement de centre-bourg dynamique, cette identité devait-être forte et facile d’appropriation pour tous les habitants et membres du tissu économique et associatif.
Le blason utilisé comme logo laisse place à une identité plus moderne et avec une palette de couleurs riche et des traits plus fins.
Un site sur mesure pensé pour les habitants
Avec leur nouvelle image, il était important de mettre en cohérence leur site web. Ce dernier, conçu sur mesure avec WordPress, a été pensé pour les habitants, pour leur faciliter l’accès aux informations et démarches administratives.
Le site permet en 1 clic d’accéder à l’ensemble des services de la commune, et un méga menu permet de visualiser rapidement toutes les pages disponibles.
Optimisé pour le mobile, le site permet d’avoir accès dans sa poche à de nombreuses possibilités d’interactions avec la commune.
Développements spécifiques pour l’agenda
Afin de valoriser le dynamisme de la commune et du tissu associatif local et intercommunal, la collectivité souhaitait faire remonter sur son site les informations issues de la base de données touristique LEI. Un module de gestion de l’affichage de ces contenus a donc été conçu pour mettre en valeur cette richesse.
D’autres blocs de contenus ont spécialement été conçus également pour garantir une totale autonomie à la commune et ses agents pour la valorisation de leurs services et la simplification des démarches pour les habitants.
Une newsletter pour permettre aux riverains de rester informés
Afin de donner corps à cette nouvelle identité visuelle et le renouvellement de leur présence sur le web, la commune a également souhaité renouveler le design de sa newsletter pour la rendre plus lisible sur les mobiles.
Nous leur avons proposé un nouveau gabarit avec mailjet pour leur simplifier l’envoi des informations à leurs concitoyens ! La gazette de Drulingen, version numérique est désormais disponible sur inscription depuis leur site avec une gestion des données et contacts conformes à la règlementation en vigueur (RGPD).
Collectivité : marre de la double saisie avec IntraMuros ?
Ne perdez plus votre temps : découvrez notre plugin et synchronisez vos contenus d’IntraMuros avec votre site web !
Au travers de plusieurs ateliers, et en impliquant l’équipe pédagogique du lycée, nous avons proposé un nouveau positionnement de communication qui s’est illustré sur une nouvelle identité puis s’est décliné sur l’ensemble des supports de communication institutionnels et événementiels : plaquettes d’informations, fiches formations, flyer, roll-up…
Réflexions autour de l’identité et création du nouveau logo
Nous nous sommes attachés à identifier les spécificités du lycée Robert Schuman de Haguenau. Nous avons étudié l’image de marque dont il bénéficie, tant à l’externe qu’en interne, en ayant pris le temps de faire une enquête auprès des lycéens, étudiants et de leurs familles et aussi de l’ensemble des équipes du lycée. Au-delà des concepts qui ont pu émerger… Nous nous sommes aussi beaucoup imprégnés de l’atmosphère générale du lycée et de son architecture.
De cela il en est ressorti une nouvelle image, un nouveau logo pour formaliser le dynamisme et l’élévation intellectuelle que l’on souhaite aux élèves. Dans un rythme qui est aussi celui des lumières entrecroisées des bâtiments et des couleurs chaudes et orangées qu’il propose. En quelques formes et couleurs : rendre compte de la richesse et de la diversité.
Cultivons la réussite
Nous nous sommes aussi penchés sur le positionnement de communication à développer, sur le sens des mots et sur le champ lexical en tenant compte de la volonté quotidienne du lycée de développer une culture littéraire et scientifique de qualité.
La baseline « Cultivons la réussite » leur allait parfaitement !
Équiper les équipes de supports de communication pertinents
Nous avons pris le temps d’étudier en interne les besoins de supports, pour mettre en perspective la façon dont ils seraient exploités et le contexte et les évènements auxquels ils seront associés.
Nous avons proposé une démarche d’accompagnement « sur mesure » dans le développement de la ligne graphique sur les documents de communication externes ou internes au lycée.
Afin de proposer les outils et supports les mieux adaptés pour attirer toujours davantage de nouveaux investisseurs/talents et habitants en Alsace, l’ADIRA nous a missionnés pour l’élaboration d’une stratégie complète : de l’analyse à la définition de personae, en passant par le positionnement de communication et la définition des axes de communication. Il s’agissait de redéfinir les cibles prioritaires et comment se positionner pour être plus impactant et atteindre ainsi les objectifs de la structure.
Une identité graphique répondant à la nouvelle stratégie
Afin de répondre aux objectifs opérationnels et de communication de l’ADIRA, nous avons décliné un logotype et une identité graphique à partir de cette stratégie de marketing territorial.
Des ateliers UX pour optimiser le parcours utilisateur
Afin de prendre en compte les cibles dans leur pleine dimension pour nos réflexions, nous avons réalisé des ateliers UX pour la constitution des parcours utilisateurs pour le futur site web. Il s’agissait ici de trouver les meilleurs leviers, le meilleur wording pour engager les utilisateurs afin de les pousser à contacter l’ADIRA et ses services en fonction de leur demande spécifique.
Un site portail : multilingue et multifonctions
Pour attirer des cibles à l’international, le site a été conçu en multilingue. L’ensemble du contenu est traduit en anglais et français.
Il est également multifonctions, c’est-à-dire qu’il est également conçu pour un usage en interne pour faciliter le quotidien des services. De nombreuses API et bases de données sont interfacées avec le site pour permettre de générer des offres en deux clics.
SEBL Grand-Est est une structure publique d’accompagnement des collectivités et investisseurs dans l’aménagement du territoire et la construction depuis l’émergence des projets jusqu’à leur livraison.
Afin de faciliter la prise de contact et de présenter les meilleures offres de la société, le parcours utilisateur de leur site a été repensé en intégralité afin de répondre à leurs objectifs opérationnels.
Une valorisation de l’offre dynamique
L’un des objectifs à atteindre était de présenter de façon concrète et dynamique l’offre immobilière importante de SEBL. Nous avons conçu sur mesure pour eux, un outil de visualisation des offres associée à une carte interactive. Un moteur de recherche lié à la carte permet d’afficher dynamiquement les offres répondants aux critères demandés par l’utilisateur.
D’autres gabarits ont été créés pour mettre en avant l’expertise de l’entreprise avec divers types de contenus : webinaires, publications, actualités et événements.
Dès le démarrage du projet, la réflexion s’est totalement orientée vers l’utilisateur final. Des ateliers ont été menés, une veille effectuée, des personae créés afin de proposer un service optimal tant pour les offreurs que pour les acheteurs. Ces ateliers ont donné lieu à un positionnement, une baseline, un logotype pour asseoir la visibilité de ce site innovant.
Création d’une interface B2B de proximité avec le framework Symfony
Le site web commandé par la CCI Alsace Eurométropole a pour vocation de mettre en relation les offreurs de solutions et les acheteurs des entreprises d’Alsace et du Rhin supérieur. Pour ce faire, notre agence a créé une interface avec le framework symfony qui permet de connecter les entreprises du territoire. Cette interface inédite, facilite la mise en relation des partenaires avec la gestion de nombreuses bases de données en toute sécurité.
Une interface unique avec des fonctionnalités qui font gagner du temps aux utilisateurs
Parmi les fonctionnalités inédites qui permettent un réel gain de temps aux utilisateurs : une cartographie avec tous les offreurs, un moteur de recherche par expertise, la publication d’actualités et de témoignages par la CCI ou par les entreprises elles-mêmes. Le site dispose aussi d’un fil d’actualités qui inclut des “micro-actualités” générées automatiquement à partir des éléments modifiés par l’entreprise comme par exemple : un changement de logo, l’apparition d’une nouvelle expertise, etc. Des posts peuvent être rédigés par les entreprises, il est possible de “suivre” des entreprises et de les contacter directement ou via un formulaire. Et également des fonctionnalités back-office : export de la liste des entreprises, des statistiques de répartition par domaine de compétence, des camemberts et des graphiques pour suivre le nombre d’inscrits, de prises de contact, entre autres exemples.
C’est dans un contexte de fusion de deux collectivités que nous avons accompagné les équipes dans la réalisation de leur nouveau site web. Les ateliers ont permis de structurer la stratégie de communication web de cette nouvelle entité, avec l’implication de l’ensemble des équipes pour définir le positionnement et l’arborescence du nouveau site. Un franc succès qui aujourd’hui amène à l’adhésion au projet de refonte par le plus grand nombre !
Le site web de la collectivité est introduit par une vidéo que nous avons scénarisée à l’image de l’Alsace Bossue : dynamique, innovante, durable, naturelle. Cette vidéo a été pensée pour être exploitée dans le cadre du marketing territorial de l’Alsace Bossue. Elle a été réalisée avec le concours de notre partenaire vidéo Thomas Licker de Big Bogue productions pour le tournage et le montage.
Collectivité : marre de la double saisie avec IntraMuros ?
Ne perdez plus votre temps : découvrez notre plugin et synchronisez vos contenus d’IntraMuros avec votre site web !
