Métropole Toulon Provence Méditerranée
Refonte du site de la métropole de Toulon : un outil au service des habitants et des acteurs du territoire

2025
Identité visuelle Stratégie numérique Site internet

Un site à l’échelle de la métropole

La métropole Toulon Provence Méditerranée rassemble 12 communes, plus de 435 000 habitants et de nombreux services mutualisés. Elle porte des compétences clés pour la vie quotidienne et le développement du territoire au global. Nous avons été sollicités pour refondre son interface numérique.

Les principaux enjeux de cette refonte sont les suivants :

  • Repenser l’outil numérique afin de proposer des services adaptés aux usagers, aux professionnels et aux acteurs de la métropole ;
  • Refondre le logotype et créer une identité numérique qui porte le positionnement de la métropole : un acteur institutionnel, moderne et accessible ;
  • Accompagner la métropole dans le changement qu’implique la mise en place de cette nouvelle plateforme, notamment en termes de contribution.

L’objectif est de positionner la métropole comme un acteur de premier plan qui accompagne, informe et concerte ses usagers.

Comprendre les besoins

Pour structurer notre réflexion autour des usagers et des acteurs du territoire, nous avons mené une phase d’audit, structurée autour de plusieurs actions :

  • Des tests utilisateurs afin de comprendre les frictions du parcours des usagers
    et récolter les besoins ;
  • Un benchmark des sites de métropoles de même échelle, pour  comprendre les usages des autres collectivités et en tirer les meilleures pratiques ;
  • Des ateliers internes de récolte des besoins avec les directeurs des différents
    services de la métropole.

La conclusion de cette phase, qui était pressentie, est la nécessité pour la métropole de clarifier ses missions et faciliter son accès à l’information.

Une nouvelle identité

La première étape de notre intervention est de moderniser et simplifier le logotype pour améliorer le rayonnement de la métropole.

  • Alléger le design de l’étoile, élément identitaire de la métropole.
  • Modifier la typographie : une police de caractère plus ronde utilisée en bas de casse pour renforcer la notion de proximité.
  • Rééquilibrer les tailles de typographies pour rendre le logotype plus lisible, tout en marquant les lettres du sigle TPM.
  • Décliner le logo en différents formats pour s’adapter facilement à tous les supports de communication.

Le déploiement de l’identité visuelle aux différents supports de communication adopte un positionnement accessible, clair et crédible : icônes explicites, usage équilibré de la couleur, typographie grand public. Un système de bascule chromatique permet de substituer le bleu par le vert en fonction du type de communication.

Design du logo de la Métropole Toulon Provence Méditerranée
Couleurs de la Métropole Toulon Provence Méditerranée
Pictogrammes de la Métropole de Toulon Provence Méditerranée
Design des carnets de la Métropole Toulon Provence Méditerranée
Design des cartes de visite de la Métropole Toulon Provence Méditerranée
Design du tote bag de la Métropole Toulon Provence Méditerranée
Design des goodies de la Métropole Toulon Provence Méditerranée
Design du dossier de presse de la Métropole Toulon Provence Méditerranée
Design du dossier de presse de la Métropole Toulon Provence Méditerranée

Concevoir le site internet

Nous avons repositionné le site de la métropole TPM autour de ses missions et services dans une optique de clarification de son rôle et de son organisation ainsi que de mise en avant de ses actions. Il devient également une porte d’entrée vers l’ensemble des démarches proposées aux usagers.

Dans le prolongement du travail conduit par l’UX design, nous avons déployé le système graphique au site internet de la métropole.

Design UX/UI desktop de la page d'accueil du site de la Métropole Toulon Provence Méditerranée
Design UX/UI mobile des pages du site de la Métropole Toulon Provence Méditerranée

Valoriser les actions de la Métropole

Un soin particulier a été apporté aux pages éditoriales qui valorisent les projets en cours, les actions concrètes menées sur le territoire, ou encore les grands événements métropolitains.

Le site propose également une cartographie interactive des 12 communes du territoire.

Design UX/UI desktop de la page territoire du site de la Métropole Toulon Provence Méditerranée
Design UX/UI mobile des pages du site de la Métropole Toulon Provence Méditerranée

Faciliter la vie des usagers

L’accès aux démarches et aux équipements de la métropole a été entièrement revu pour faciliter la lisibilité et la prise en main des informations. Les parcours utilisateurs ont été pensés dans une optique de maillage précis des contenus.

Design UX/UI desktop de la page économie, tourisme et sport du site de la Métropole Toulon Provence Méditerranée
Design UX/UI desktop de la page subvention du site de la Métropole Toulon Provence Méditerranée
Design UX/UI desktop de la page détail mécénat du site de la Métropole Toulon Provence Méditerranée

Projet suivant

Festival d'Avignon

Fragilité, puissance et ouverture : lever de rideau sur la nouvelle ligne graphique du festival !