Ville de Vannes "Capitale Verte"

  • 🎹 CrĂ©ation d’une identitĂ© graphique web accessible
  • ⏳ 3 mois
  • 🎓 3Ăšme annĂ©e Bachelor UX/UI

🍁 Contexte
Pour valider les efforts constants de la municipalitĂ© pour Ă©lever VANNES au rang de capitale verte de la France, ses Ă©quipes postulent aujourd’hui pour le titre de “Green capitale”, label français qui met en Ă©vidence les efforts consentis au niveau local pour amĂ©liorer l’environnement urbain et encourager une croissance durable.

🍁 Objectif
Pour initier cet Ă©lan, le projet doit ĂȘtre dotĂ© d’une identitĂ© graphique affirmĂ©e. Sous la forme d’un logo, d’un mini-site web Ă©vĂ©nementiel prĂ©sentant les prĂ©misses de ce concept. La charte produite devra ĂȘtre rigoureusement conforme aux exigences d'accessibilitĂ© prĂ©vue dans le cadre du RGAA, RĂ©fĂ©rentiel GĂ©nĂ©ral d'AmĂ©lioration de l'AccessibilitĂ©.

🍁 ÉTAPES
🍂 LOGO
On y retrouve 3 éléments essentiels de la ville de Vannes :

‱ Sa dimension maritime : Deux arcs de cercles, faisant rĂ©fĂ©rence au vague du Golfe du Morbihan

‱ Sa dimension mĂ©diĂ©vale : Forme de blason, tour du ChĂąteau de l'Hermine et forme des maisons Ă  colombages

‱ Sa dimension Ă©cologique : Deux feuilles qui maintiennent le blason

🍂COULEURS
Vert : Environnement, Bleu : Eau, Jaune et Rouge : Maisons Ă  colombages Chacun de nos contrastes de couleurs et leurs ratios correspondent aux normes inscrites dans le RGAA.

🍂 MAQUETTES
Réalisation de la maquette prototypée sur Figma en respectant les rÚgles de contrastes des éléments dans leurs deux états (default et hover) ainsi que les rÚgles de taille de texte et de boutons.

🍂PROTOTYPES
RĂ©alisation d'un second prototype Keyboard / Gamepad de notre page, entiĂšrement accessible pour une navigation avec des interactions claviers, crĂ©ant ainsi des zones de focus sur chaque Ă©lĂ©ment grĂące aux flĂšches de direction et en stabilisant l’action.
Ce critÚre rend le site accessible à tous, en offrant la meilleure expérience de navigation quel que soit leur handicap ou situation.