Valentin Guitton

UX/UI Designer & Intégrateur Le Mans, France UX/UI Designer & Intégrateur Le Mans, France

Chargement en cours ... 0%

Valentin Guitton

Le Mans, France

Échangeons ensemble

Poillé-sur-Vègre

Création d’un site web institutionnel pour une commune sarthoise

Le projet de Poillé-sur-Vègre avait pour objectif de créer une véritable identité visuelle pour la commune, accompagnée d’un site web moderne permettant de valoriser le village, et d'informer ses habitants. Le conseil communication souhaitait moderniser l’image du village tout en conservant son authenticité. Appart le blason existant, aucun univers graphique clair n’était défini.

1. Recherche & Veille : Existant, Concurrence...

Une phase d’analyse a été menée autour des identités visuelles des communes voisines et de plusieurs villes de la Sarthe, de la Mayenne et du Maine-et-Loire.

Cette veille a mis en évidence un constat récurrent : de nombreuses petites communes utilisent encore des logos anciens ou des blasons peu adaptés aux usages numériques actuels.

L’objectif était donc de proposer une identité à la fois moderne, durable et authentique, capable de représenter le village sans perdre son caractère.

2. Création de l’identité visuelle

Trois axes graphiques ont été développés autour des éléments emblématiques du village : le cèdre de l'Atlas, le pont de la Vègre, l’église et l’architecture locale.

Chaque proposition explorait un équilibre différent entre modernité, patrimoine et authenticité, avec un travail poussé sur les typographies, les couleurs et les symboles.

La proposition finale est née d’une fusion entre plusieurs axes : une typographie manuscrite associée à une icône simplifiée représentant les éléments identitaires du village.

Un important travail d’harmonisation graphique a été réalisé afin d’éviter l’effet “assemblage” et garantir une cohérence visuelle globale entre l’icône et la typographie.

Plusieurs itérations ont également été nécessaires autour de la représentation du cèdre afin de trouver un équilibre entre fidélité au réel et simplicité graphique.

3. Conception UX/UI

Une fois l’identité validée, le travail de conception du site a débuté avec la création de personas, de user stories, d’une arborescence et de premiers wireframes en prenant en compte des lois UX comme la loi de Miller.

Plusieurs échanges avec le conseil communication ont permis d’identifier les besoins principaux des habitants et des visiteurs afin de définir les contenus et fonctionnalités prioritaires.

Les maquettes ont ensuite été conçues sur Figma en version desktop et mobile pour plusieurs pages clés : accueil, mairie, commerces, contact et collecte des déchets.

Une attention particulière a été portée à la lisibilité, à la simplicité de navigation et à l’accessibilité, afin de proposer une expérience claire pour tous les publics.

maquette du site de Poillé
maquette du site de Poillé
maquette mobile du site de Poillé
maquette mobile du site de Poillé
maquette du site de Poillé
maquette mobile du site de Poillé
maquette mobile du site de Poillé
maquette du site de Poillé

4. Design system

Un design system a été mis en place afin d’assurer une cohérence globale entre les différentes pages du site.

Il regroupe les composants principaux, les styles typographiques, les couleurs, les espacements et les règles d’utilisation des différents éléments d’interface.

5. Photo, vidéo & drone

Afin de valoriser le village avec des contenus authentiques, j’ai également réalisé les prises de vues photo et vidéo du projet à l’aide d’un Lumix G9 et d’un DJI Mini 3 Pro.

Ces contenus permettent de renforcer l’identité du site tout en mettant en avant le patrimoine, les paysages et l’atmosphère du village.

6. Intégration web

Le site est actuellement en cours d’intégration sous WordPress avec Elementor, complété par du CSS et du JavaScript personnalisés via un thème enfant.

Cette approche permet de conserver une grande flexibilité sur les animations, les composants interactifs et certains éléments spécifiques comme la carte interactive des commerces.

Une attention particulière est également portée au SEO, aux performances et à l’accessibilité : optimisation des images, structure sémantique, hiérarchie des titres, balises alt, maillage interne et conformité RGPD.