Greta Gard-Lozère

Le Greta Gard Lorère est un groupement d’établissements publics locaux d’enseignement qui fédèrent leurs ressources humaines et matérielles pour organiser des actions de formation continue ou en alternance. Le Greta fait partie du ministère de l’Éducation nationale.

L’objectif principal de cette refonte est d’obtenir un site internet moderne, agréable à parcourir, dynamique par des photos de qualités et l’intégration de vidéos. Le site devra également être optimisé pour une expérience de navigation fluide sur les appareils mobiles. De plus, il est proposé d’intégrer une section dédiée aux actualités et de mettre en place des techniques d’optimisation pour le référencement naturel (SEO).

J’ai travaillé en étroite collaboration avec la chargée de communication sur les différentes phases du projet, la directrice a été aussi impliquée dans les ateliers de cadrage et les phases de validations.

Mon implication s’étant la gestion et la conception du projet : cadrage, choix structurants, conception ergonomique, zoning, choix technologiques, prototype HD, construction et paramétrage du site internet.

1. Atelier Kickoff
   • Présentation du projet, des objectifs et des besoins
   • Planification du projet
   • Discussion sur la vision et les premières optimisations
2. Conception
   • Organisation logique des informations
   • Atelier dédié au nombre de pages et à la navigation
   • Création de wireframes pour définir la structure de base et la hiérarchie du site internet
3. Zoning
   • Prototypage pour organiser et poser le contenu et ainsi tester la navigation
4. Design Visuel
   • Définition des éléments visuels tels que typographie, couleurs, icônes et boutons
   • Création de maquettes haute-fidélité basées sur les prototype de zoning, intégrant les éléments graphiques charté de l’état ainsi que la charte graphique du Greta
5. Développement
   • Réalisation du site internet avec le CMS WordPress
   • Paramétrage et optimisation du site internet

• Google Drive pour la gestion des fichiers (inventaire des contenus, cahier des charges, dossier de conception)
• Figma Jam pour les wireframes et le site map
• Figma pour la composition et création des prototypes
• Illustrator pour la création d’icônes, illustrations et vectorisation des logos
• Photoshop pour le réglage colorimétrique des photos
• Salle de réunion (projet piloté au sein du Greta à Nîmes)

Le site internet continent plus de 50 pages, entre les fiches de formations, les page dédié aux apprentis, au professionnel, à la structure du Greta, aux établissements et aux pages de contact, ainsi que les pages légales.

Une navigation à Trois niveaux a été choisie :

• Niveau 1 : Réseaux sociaux
• Niveau 2 secondaire : Le Greta : Qui-Somme nous contact, Chiffres clés, les agences, les actualités, offres d’emploi, mon compte.
• Niveau 3 principal : La cible : les formations, les apprenties, les entreprises, les inscriptions, les engagements

Le design visuel est contraint pas la charte graphique de la Marque de l’État, la talle, les graisses et le niveau de titre des typographies (Marianne) sont imposées, le style et les tailles des boutons ainsi que la disposition du header, du footer et des gabarits de pages.

Suite à un premier test visuel, le graphisme général a paru trop sobre et impersonnel pour un site qui a une vocation commerciale au plus près de la cible étudiante.
Un consensus a été proposé et valider, l’idée est d’utiliser les couleurs de la charte graphique du Greta (rouge/orange) pour dynamiser les éléments graphiques comme les boutons, les fonds et les formes abstraites. Les photos sont aussi plus douces grâce à des coins généreusement arrondis.

Les décisions technologiques doivent tenir compte de la fiabilité, de la performance et de la compatibilité avec différents appareils et systèmes d’exploitation.

Intégrer de manière itérative les retours des parties prenantes permet d’améliorer continuellement le produit.