L’AJE, Association des Journalistes de l’Environnement, a pour mission de fournir des ressources et des informations aux journalistes spécialisés dans les enjeux environnementaux. L’association organise des événements, des colloques, des formations et publie un annuaire annuel. Dans le cadre de la refonte de son site Internet, l’AJE a fait appel à mes compétences de webdesigner et graphiste spécialisée en création de sites web. L’objectif était de concevoir un design moderne, ergonomique et cohérent avec l’identité de l’association, tout en optimisant la hiérarchie des contenus et l’expérience utilisateur (UX design). Sensible aux thématiques liées à l'information et à l'écologie, je suis ravie d'avoir pu mener ce projet. Je me suis associée avec Lucie Prost du Studio Kiwi, qui a pris en charge la partie technique, l’intégration web et l’optimisation SEO du site.
La première étape du projet a consisté en la refonte du logo et la création d’une nouvelle identité visuelle, afin de renforcer la cohérence graphique sur le web et les supports de communication.
En collaboration avec Patrik Aveillan du Studio Meltii, nous avons développé plusieurs pistes créatives. Suite au questionnaire soumis au bureau de l’association, il ressortait que la feuille était un élément clé à conserver.
Cette refonte a permis de définir une charte graphique complète, comprenant :
— un logo typographique moderne et adaptable au web
— une palette de couleurs dominantes (vert et noir)
— une utilisation équilibrée des espaces blancs pour améliorer la lisibilité
— des supports visuels déclinés (bandeaux pour réseaux sociaux, couverture d’annuaire).
L’idée est de permettre aux membres du bureau de l’association de prendre en main facilement les principes graphiques de la nouvelle charte.
Le site de l’AJE présente une grande quantité de contenus éditoriaux : actualités, agenda des événements, publications et ressources.
Le travail de webdesign et de conception UX/UI a permis de structurer ces contenus pour offrir une navigation claire et efficace.
Plusieurs optimisations ont été mises en place :
— création d’un système de classification des contenus avec étiquettes
— organisation des pages pour améliorer la lisibilité et le référencement naturel (SEO)
— mise en place d’une hiérarchie visuelle forte grâce à des titres structurants
— intégration de contenus dynamiques via la plateforme Assoconnect
— optimisation de la présentation des actualités et de l’agenda
Une partie des articles est générée via la plateforme Assoconnect. Lucie a mis en place les passerelles pour afficher correctement l’agenda. L’ensemble a été pensé avec un système de classification. Chaque actualité a son étiquette.
Ce travail permet d’améliorer la visibilité des contenus et l’expérience utilisateur, deux éléments essentiels pour la performance d’un site Internet.
L’ensemble du site a été pensé pour être le plus ergonomique, aussi bien sur desktop que sur smartphone. Afin d’éviter un menu complexe avec des sous rubriques, nous avons intégré celles-ci dans la rubrique, grâce à un système d’ancres. Cela permet de naviguer facilement dans la page, et d’accéder rapidement au contenu recherché. Les titrages sont mis en avant avec un corps de typo imposant. Cela structure la page et guide l’œil vers les grands chapitres. Enfin, j’ai aussi mis en place des systèmes de contenus dépiables. Cela allège les pages. Ces choix offrent un site web moderne, accessible et performant.
Ce projet illustre une approche globale de la création de site web, combinant webdesign sur mesure, création d’identité visuelle, conception UX/UI, optimisation SEO, collaboration avec un développeur web. L’objectif était de concevoir un site Internet professionnel, esthétique et optimisé pour le référencement naturel, répondant aux besoins spécifiques d’une association éditoriale. Je remercie chaleureusement Clara Delpas et Valéry Laramée de Tannenberg pour leur confiance et la qualité de nos échanges.
Visiter le site
Vous avez un projet et souhaitez connaître le tarif pour sa création ?
Je réponds à vos demandes par mail :
Demander un devis
D'autres projets d'identités graphiques pour le web à découvrir
