Métropole Toulon Provence Méditerranée
Refonte du site de la Métropole Toulon Provence Méditerranée : 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.

 

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
Nuancier des 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 d'un goodies chaise longue de la Métropole Toulon Provence Méditerranée
Design graphique du rapport annuel de la Métropole Toulon Provence Méditerranée
Design graphique du rapport annuel de la Métropole Toulon Provence Méditerranée

Concevoir le site internet

Une première phase d’audit et de stratégie UX a permis de définir l’architecture de l’information, les parcours utilisateurs et les principes de conception du futur site. Découvrir notre démarche UX

La direction artistique a été pensée pour incarner la dimension institutionnelle du site tout en donnant un nouveau souffle à l’identité de la métropole : des pages aérées, structurées et élégantes.
Un soin particulier a été apporté aux pages éditoriales qui valorisent les projets et les actions concrètes menées sur le territoire. Les pages des démarches ont été entièrement repensées de manière à informer les usagers le plus efficacement possible.

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 Toulon Provence Méditerranée 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

« L’équipe de Perméable nous a accompagnés sur plusieurs projets de sites internet ces derniers mois. Je salue leur capacité à rapidement cerner les enjeux, leur écoute et la justesse de leurs propositions. J’apprécie leur réactivité, leur créativité, leur adaptabilité aux contraintes du projet et la qualité de leur UX design.Une belle collaboration ! »

Sandrine Moulinas
Direction de la communication, Métropole Toulon Provence Méditerranée

Projet suivant

Ville de Toulon

Toulon.fr fait peau neuve avec un site au service de ses habitants !