Refonte du portail de la région Occitanie

5 ans après la fusion des régions, le portail de la région Occitanie / Pyrénées-Méditerranée fait peau neuve avec le lancement de son nouveau site, laregion.fr. De la structure à l’identité graphique, l’ensemble du site a été repensé pour offrir une meilleure expérience utilisateur.

Objectif

Repenser le portail institutionnel accessible pour tous, selon le triptyque : présenter, renseigner et faire découvrir, tout en conservant les marqueurs identitaire.

L'approche Yumans

Redéfinir les fondamentaux du design

Respecter la cohérence identitaire

Recourir à un design inclusif

Adapter le design aux attentes des utilisateurs

Direction artistique

Une nouvelle identité visuelle

La création d’un univers graphique selon les valeurs de la Région de l’Occitanie, s’est traduit par la mise en avant des marqueurs identitaires, avec les couleurs Sang et Or, la typographie et les symboles du logo (Il mélange la croix occitane et les griffes du drapeau catalan). Ces différents codes visuels sont ancrés sur l’ensemble du portail, au fil des pages et de la navigation.
La direction artistique s'appuie sur 4 piliers, en accord avec les valeurs de la Région. Le pilier central, l'humain, se traduit par un travail autour de la photographie, l’iconographie et le contenu rédactionnel. Autre principe fondateur, le devoir d’accueil et d’accompagnement des différentes typologies d’usagers. Un travail autour de la navigation et des principes d’inclusivité ont guidés nos réalisations.

Inclusivité

Recourir à un design inclusif

Nous avions à coeur de proposer une conception universelle et procurer une expérience utilisateur accessible à tous, indépendamment du contexte d'usage et du support utilisé. Nous vous invitons à lire notre Manifetso pour connaitre nos convictions de design.
Dès la page d’accueil, le module très populaire “Je suis …, je cherche …” est repensé sous la forme d’une phrase à compléter, en utilisant le principe du langage conversationnel. Bien plus qu’une série de questions-réponses, cette proposition de recherche d’informations agit comme un assistant, simple et efficace. Ainsi, les formulaires sont remplacés par des blocs de langage conversationnel, où l’usager peut naviguer efficacement, en toute confiance. Les démarches en ligne sont simplifiées, les utilisateurs sont guidés à chaque étape, des termes précis et sans ambiguïté sont choisis.

Contenu

Repenser les logiques de navigation

Parmi les principaux enjeux, la navigation du site a été totalement repensée. Afin d’offrir une meilleure expérience, nous avons utilisé plusieurs types de navigations (primaire, locale, utilitaire, fil d’Ariane …) pour permettre aux usagers de se repérer dans le site.

Des agencements des pages et de parcours ont été réalisés en fonction du contenu recherché. Les pages articles, où le texte est central, ont été travaillés pour faciliter la lecture du contenu. Des entrées immersives telles que la vidéo d’accueil ou la rubrique “Vivez en Occitanie” proposent de découvrir la région Occitanie autremenent. La valorisation des accès directs vers les services les plus demandés répondent à une demande importante de la part des usagers. Les formulaire sont repensés et simplifiés, avec l’utilisation du langage conversationnel.

Interface

Des wireframes aux interfaces

Après l’analyse du besoin, centrée sur les usages, nous avons défini un ensemble de fonctionnalités à concevoir. Afin de visualiser concrètement les concepts et les parcours utilisateurs, des wireframes ont été réalisés.

Une fois les fonctionnalités validées, le travail s’est poursuivi avec la réalisation des interfaces basées sur l’identité visuelle et la direction artistique réalisées en amont. Les gabarits des pages clés et les composants graphiques ont été conçus de façon itérative.

Pluridisciplinarité

Une équipe d’experts au service du produit

La refonte du portail de la région Occitanie est un projet de grande ampleur. Nous avons travaillé en partenariat avec des experts en accessibilité, en contenu éditorial et en développement. Toutes nos propositions de design ont fait l’objet d’une triple validation : par le client (Équipe Web de la région Occitanie), le développement (Dataetic) et l’accessibilité (Temesis).

Lire à ce sujet : Pourquoi les designers devraient-ils aimer les contraintes ?

Notre design est respectueux des recommandations Référentiel Général d’Accessibilité pour les Administrations (RGAA).

Penser un parcours utilisateur, saisir l’identité de la Région, comprendre les besoins des citoyens...tant de défis réalisés avec écoute, professionnalisme, innovation et passion. Merci pour cette fructueuse collaboration Yumans !

— Anthony Pitarch, responsable ergonomie et graphisme Web à la Région Occitanie