Site internet INSEI - (2023-2024)
Client
INSEI – Institut national supérieur de formation et de recherche pour l’éducation inclusive
Outils et logiciels utilisés
Drupal
Figma
Suite Adobe
Rôle
UI Designer
Webmaster
Chargé de communication
Livrables
Maquette/Prototype
Site internet
Kakemono
Flyers
Affiche pour évènements
Aperçu
Pendant mon projet, l'INSHEA est devenu l'INSEI
L’INSHEA devient l’institut national supérieur de formation et de recherche pour l’éducation inclusive (INSEI) afin de réaffirmer sa contribution majeure au développement d’une politique éducative inclusive.
Le décret datant de 2005 a été modifié le 3 mars 2023. Une charte graphique a été crée pour donner une identité visuelle à l’INSEI (fait par un prestataire externe).
Créé par la loi de 2005 pour l’égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées, l’INSEI est un établissement public national de formation et de recherche dédié à l’éducation inclusive.
Les missions de l’INSEI s’organisent autour de trois pôles : Formation, Ressources, Recherche.
Proposer des formations à tous les acteurs de l’éducation inclusive
L’INSEI propose des formations initiales et continues destinées aux étudiants, aux professionnels et aux particuliers pour répondre aux besoins des publics à besoins spécifiques, en matière d’accessibilité, d’adaptation et d’accompagnement.
Développer un pôle ressources de référence
L’INSEI contribue à l’information, à l’édition et à la diffusion des ressources techniques, scientifiques et pédagogiques destinés aux professionnels de l’accompagnement et de l’accessibilité éducative, sociale et professionnelle.
Exercer une recherche interdisciplinaire
Le laboratoire de recherche Grhapes (EA 7287 – Groupe de recherche sur le handicap, l’accessibilité, les pratiques éducatives et scolaires) de l’INSEI a pour vocation d’engager l’Institut dans la recherche de pointe dans le domaine de la scolarisation, l’éducation et la formation des publics à besoins éducatifs particuliers (BEP). L’unité de recherche articule enseignement, recherche et productions de ressources pour permettre aux acteurs des systèmes éducatifs de répondre à la diversité des profils et des besoins éducatifs, de faciliter les apprentissages et l’inscription sociale et professionnelle des élèves.
Missions
Dans un souci de modernité et d’accessibilité, j’ai dû redéfinir l’interface du site Web de l’INSEI sachant que la charte graphique fut créé au même moment par un graphiste externe. J’ai dû m’imprégner de ce nouveau paysage graphique pour développer des maquettes/prototypes modernes.
Contraintes
Cet établissement traite de sujets tels que l’inclusion, l’accessibilité et les personnes à besoin éducatifs particuliers.
De ce fait, l’exercice a été d’assembler style et accessibilité. La contrainte était au niveau des choix graphiques, l’interface devait rester simple et intuitive.
Problèmes et besoins
Site obsolète
Manque d'informations sur l'établissement
Absence de section d'information (Actualités, Evènements...)
Site web moderne
Mise en avant des informations
Phases de projet
Découverte du client
INSEI
L’INSEI est un établissement public à caractère administratif. L’établissement a 3 missions :
- Proposer des formations à tous les acteurs de l'éducation inclusive
- Exercer une recherche interdisciplinaire
- Développer un pôle ressources de référence
Analyse de l'existant
Afin de mener ma tâche de refonte du site web, je me devais d’effectuer un audit du site internet, que ce soit au niveau de l’ergonomie, du design ou de l’accessibilité. Cet audit m’a permis d’analyser les points faibles et points forts de ce site internet. En plus, d’un design vieillissant, le site internet avait un problème dans les grandes landings pages comme ma page d’accueil. C’était une page où il manquait des informations tels que les évènements et les actualités par exemple…
Cette analyse m’a permis de débuter mes tâches au niveau de l’étude des utilisateurs et sur la création des maquettes UI/UX.
Je fais l'audit d'accessibilité de votre site gratuitement
Je réalise un mini audit d'accessibilité de votre site internet. Mon expertise, apprit lors de mon passage à l'INSEI pour le domaine numérique et de l'inclusion, doit profiter à votre site web ! N'hésitez pas à m'envoyer votre site via le formulaire de contact !
Extension de l'univers graphique de l'association sur le projet
Design system (components)
Le Design System (ou système de conception) peut être assimilé à une bibliothèque de composants dans laquelle se servir lors de la conception du développement d’un projet web. Il englobe des « bibliothèques » (libraries) et des « guides de style » (styleguides). Le Design System regroupe ce que l’on appelle la charte ergonomique et la charte graphique.
Dans mon Design system, j’ai essayé de réunir tous les éléments d’extension de la charte graphique liée au site internet.
UX : Une conception centrée utilisateur
Le terme d’UX est souvent associé au numérique avec l’ampleur grandissante des nouvelles technologies, mais en réalité, l’expérience utilisateur ne s’y limite pas. Elle est omniprésente et essentielle.
Plus encore que les caractéristiques fonctionnelles ou techniques du produit ou du service que vous vendez, c’est toute l’expérience créée autour de lui et par lui qui est centrale : les sensations qu’il procure, la facilité qu’il apporte, les émotions qu’il fait naître, le souvenir qu’il laisse, etc. Cette expérience favorisera l’interaction d’une personne avec une enseigne et jouera en faveur d’une bonne relation client.
UI : Travaux sur le design du site
Arborescence
Cette structure du site a été pensé et réfléchi aux niveaux des groupes de travail effectués avec les différents pôles de l’établissement. En prenant compte, des bonnes pratiques UI tels que la non-abondance de clic pour arriver à destination ou la bonne énonciation des items du menu qui permettent une meilleure compréhension. Nous en sommes arrivés au site tel qu’il est actuellement construit aujourd’hui !
Maquettes et prototypages
Les maquettes ont été faites sur le logiciel Figma. Dans cet établissement, par moment, le travail en groupe était très compliqué. Il a fallu pendant une période que je travaille seul pour pouvoir présenter des maquettes de qualité et qui répondent aux exigences et aux besoins des utilisateurs.
Réalisations sur ce projet et d'autres projets
Affiche pour des évènements de l'établissement
