PLAI

Eline Schmitz

PLAI

Mes autres créations

Contexte

Cette création a été réalisée pour un client dans le cadre du cours de Design Web en 2ème année d’infographie à la HEPL.

Le site du PLAI (Pôle Liégeois d’Accompagnement vers une école Inclusive) vise à soutenir les équipes éducatives et les élèves à besoins spécifiques. Il s’adresse principalement aux enseignants du fondamental et du secondaire, partenaires du pôle.

Logo du PLAI

Fonctionnalités

Il y avait énormément de contraintes à respecter. D’abord pour les fonctionnalités, il fallait que la page d’accueil soit traduite en FALC (Facile à Lire et à Comprendre). Il devait y avoir une partie du site publique pour les parents, avec seulement des informations générales, et un espace éducatif, accessible aux équipes éducatives seulement, via les formulaires de demande d’accès et de connexion.

L’enseignant·e entre son adresse email institutionnelle, choisit la commune et l’école avec le numéro FASE. Le client pourra accepter ou refuser les demandes directement dans l’admin WordPress. Ensuite l’enseignant·e peut se connecter pour accéder à des informations plus détaillées sur les missions, les sensibilisations proposées par le PLAI, et les ressources qu’ils / elles pourront télécharger après avoir suivi les sensibilisations. Il / elle pourra également contacter le référent PLAI associé à son école.

Captures d’écran de la page d’accueil du site du PLAI

Design et UX

Pour le design, le client avait aussi imposé quelques contraintes. Le texte devait être en sans-serif, et le logo ne devait pas être modifié. Même s’il ne voulait pas forcément voir apparaitre beaucoup de rose dans le site, je voulais tout de même utiliser les éléments du logo, qui est rose. J’ai donc choisi de quand même intégrer cette couleur, en ajoutant du vert et du bleu, plus ou moins à parts égales partout dans le site, et en veillant à ce que les critères d’accessibilité pour le contraste soient respectés.

Pour le texte, le public cible principal étant les enseignants, il fallait que le site soit sobre professionnel, mais j’ai tout de même voulu faire un rappel aux enfants avec des titres dans une police un peu plus ludique, mais sans exagérer, et en sachant que les couleurs renforçaient aussi cet aspect là.

Dans le logo, on retrouve aussi une flèche, que j’ai trouvé très intéressante à utiliser sous différentes formes, pour les liens et les listes par exemple.

Page d’accueil du site du PLAI

Mes difficultés

Pour tous mes projets, j’éprouve toujours la même difficulté qui est de chercher de l’inspiration quand je sais déjà ce que je veux faire. Ici, en plus de ça, je me suis beaucoup arrachée les cheveux à cause de la gestion des demandes d’accès et de connexion. Le professeur nous avait créé une extension qui servait à cet effet, mais elle ne me convenait pas donc j’ai décidé de tout intégrer moi même.

J’ai certes perdu pas mal de temps sur cette partie du site, mais j’ai appris beacoup de choses en faisant tout par moi même et en me débrouillant seule avec la documentation. Cela m’a aussi permis d’avoir un site et une interface d’administration WordPress 100% personnalisée avec laquelle je me sentais à l’aise pour travailler, et sans me rajouter des contraintes en plus de celles du client.

J’ai dû aussi trouver le moyen d’importer les données incomplètes d’un fichier Excel, pour éviter de devoir remplir des centaines de champs à la main, ce qui m’a également donné quelques sueurs froides.

Formulaire de connexion du site PLAI