MaxLananasRefonte iProf 2026
Dans cette étude
Étude d’interface · Refonte personnelle
Rendre la prochaine action utile plus facile à trouver.
iProf 2026 explore un portail des personnels plus lisible à travers une refonte personnelle de l’interface. La présentation s’inscrit dans le contexte de l’académie de Guadeloupe et utilise des données de démonstration fictives. Mon sujet : relier la situation d’un personnel, sa prochaine échéance et les documents ou échanges dont il a besoin.
- Rôle
- Refonte de l’interface et présentation par MaxLananas
- Support technique
- PHP, CSS et JavaScript — technologies indiquées dans la présentation fournie
- Éléments présentés
- 11 visuels de présentation et une vidéo de 47,68 secondes
La question de conception
Carrière, mobilité, documents et messagerie correspondent à des tâches différentes, mais concernent la même personne. Comment relier ces tâches sans donner la même importance à tous les écrans ? Le tableau de bord proposé répond par un résumé de situation, le prochain rendez-vous de carrière et quelques échéances prioritaires, avant le reste de la navigation.
01 — Orienter avant de faire naviguer
Le tableau de bord réunit la situation actuelle, les informations non lues et les événements à venir dans une même hiérarchie. Le rendez-vous de carrière devient une action à préparer, plutôt qu’un nombre supplémentaire dans un menu. Cette entrée claire cohabite avec une barre latérale stable qui laisse les autres services accessibles.
02 — Donner une forme au temps et aux priorités
La vue carrière utilise une trajectoire et une carte de prochaine étape pour faciliter la lecture de la progression. La présentation de la mobilité la complète par une liste de vœux ordonnés, les informations de campagne et un calendrier. Ces vues rendent un parcours compréhensible ; elles ne prouvent pas la validation des calculs de carrière ou des règles administratives sous-jacentes.
03 — Garder l’information au plus près de la tâche
Les documents s’organisent autour de catégories, d’une recherche et d’états visibles. La messagerie reprend cette logique avec une boîte priorisée et des fils de discussion. L’objectif de conception est de ne pas devoir reconstruire le contexte à chaque passage d’une échéance à un document ou à un échange.
Un langage visuel commun, pas onze écrans indépendants
La présentation fournie associe une palette dominée par le bleu, des surfaces sobres, une navigation persistante et une hiérarchie de cartes répétée. La typographie distingue le rôle de la page des informations opérationnelles. Ces références visuelles au service public restent à l’intérieur de la maquette indépendante : ce portfolio n’est pas un site officiel du ministère.
Responsive et accessibilité : des intentions à vérifier dans le code
Les présentations mobile et sombre montrent comment conserver la hiérarchie dans un espace plus étroit ou un autre contexte de contraste. Ce sont des éléments de conception utiles. Une capture ne suffit toutefois pas à prouver les parcours clavier, le support des technologies d’assistance, la sécurité de l’authentification ou la conformité RGAA.
Les vérifications à prévoir pour une mise en production
- Ordre de navigation au clavier, focus visible, libellés explicites et alternative au réordonnancement uniquement à la souris.
- Affichage étroit et zoom élevé sans perdre les actions ni les informations documentaires.
- États vides, chargements, erreurs et documents expirés, au-delà du seul cas idéal.
- Autorisations côté serveur, sessions et véritables règles de gestion avec l’équipe responsable.
- Tests d’usage avec les personnels concernés et audit d’accessibilité de l’application implémentée.
La présentation complète
Les onze visuels restent disponibles ci-dessous : vitrine, connexion, tableau de bord, carrière, mobilité, documents, messagerie et présentations responsive/accessibilité. Une image peut être agrandie pour examiner l’interface. La vidéo utilise le lecteur natif du navigateur et n’est pas téléchargée avant une demande de lecture.
La refonte en vidéo
Présentation indépendante avec données fictives. Le lecteur est natif : aucune iframe ni connexion à Google n’est nécessaire pour lire la vidéo.
Ouvrir le fichier vidéo · 1280 × 720 · 47,68 secondes · Lecture à la demande
Description textuelle des écrans présentés
Le film ouvre sur les références visuelles au service public, puis présente le titre iProf. Il montre ensuite le tableau de bord et ses échéances, la vue carrière avec sa progression, puis la vitrine publique. Il se termine par la synthèse de la présentation. Les chiffres et promesses affichés dans le film font partie de la maquette fournie ; ils ne constituent pas des mesures d’usage réalisées pour cette étude. Cette description porte sur les images, pas sur une transcription de la piste audio.
Explorer les onze visuels
Sélectionne une image pour l’agrandir. Les flèches du clavier permettent de parcourir la présentation ; les données affichées sont fictives.
Périmètre et éléments vérifiables
Le projet est présenté comme une refonte personnelle d’interface, avec des données fictives. Cette page ne revendique ni commande institutionnelle, ni déploiement en production, ni résultat métier mesuré, ni certification indépendante d’accessibilité. Les médias fournis constituent les éléments disponibles pour cette étude ; le code de l’application iProf n’a pas été fourni pour revue.
Présentation fournie et fichiers originaux · Sources revues le .
MaxLananas · Interfaces & outils
Une interface à repenser ?
Un bon point de départ est la tâche qui crée aujourd’hui de la friction : trouver une action, comprendre un statut ou passer entre des informations liées. Précise ce contexte et le public concerné lorsque tu me contactes.