Dans le cadre d’un cours d’accessibilité, j’ai pu travailler sur le site web de candidature de la ville de Vannes pour le concours “Green European Capital” qui récompense les ville agissant à l’échelle locale dans le développement durable. Le but était de réaliser la page d’accueil du site en respectant les règle d’accessiblité web (RGAA).
Production
Création d’une charte graphique comprenant : Logo, palette chromatique & styles de texte Travail d’arborescence du siteUne page d’accueil au format desktop & mobile, avec prototype fontionnel
Collaboration
Maÿliss Hyon
Jeanne Hssein
Pour commencer ce projet, nous avons effectués un braistorming pour définir les termes et l’image que l’on voulait associer à l’identité de marque de la ville
Après avoir définit ce que nous voulions représenter, nous avons conçu le logo, qui va être la base de l’identité graphique du site.
Le logo est composé d’un phare, rappelant la situation géographie maritime de Vanne et le rayonnement écologique dans la région. La typographie impactante et épurée met en valeur les éléments autours.
La charte graphique reprends les couleurs du logo, en les déclinans pour pouvoir les utliser sur le site et en ajoutant un rouge corail qui viendra mettre en accents des détails de l’interface. La combinaison des typographies Josephin Sans pour les titres et Lato pour le corps du texte offre un caractère tout en conservant le confort de lecture.
Afin de pouvoir réaliser la page d'accueil du site, nous avons commencé par établir le plan du site et le contenu que devait contenir chaque section le la landing page
La structure du site permet à la fois d'apporter aux utilisateur de l'information, d'attirer leur attention et de leur donner envie d'en voir plus
Nous avons ensuite réalisé des wireframes pour tester rapidement une première version du site.
Version desktop de la landing page.
Adaptation pour un design responsive.
