l'ent : toute ta fac, au même endroit

Le point de départ

L’ENT de l’Université de Rennes, c’est une interface datée construite sur uPortal : lente, confuse, éparpillée sur plusieurs sous-domaines. Sur mobile, c’est encore pire : aucune adaptation, juste la version desktop compressée sur un petit écran. Une grille d’icônes illisibles, des labels tronqués, zéro hiérarchie.

Alors j’en ai fait un autre.

Le branding

Le nom l’ent joue sur le double sens entre l’article et l’acronyme. Ça sonne aussi comme “lent”, ce que l’ENT officiel est et ce que le mien n’est pas.

Le logo est un wordmark lowercase avec un gradient vert-cyan : vif, moderne, à l’opposé du gris institutionnel. Le slogan “Toute ta fac, au même endroit.” pose le produit en une phrase.

Les choix de design

L’interface est un dashboard de widgets. Chaque carte = un service : emploi du temps, notes, mails, météo. Tout tient sur une page.

Quelques décisions clés :

• Hiérarchie par priorité réelle. Les prochains cours sont en haut. La météo et les liens rapides sont en bas. L’ordre suit ce qu’un étudiant cherche en ouvrant son ENT.
• Couleurs par widget. Chaque service a son accent visuel. Ça permet de scanner le dashboard sans lire chaque titre.
• Un ton humain. Plutôt que “Aucun événement”, le dashboard affiche “Dimanche prend son temps.”, et change en fonction du jour de la semaine.
• Mobile d’abord. Les étudiants consultent entre deux cours sur leur téléphone. Le mobile n’est pas une adaptation du desktop, c’est la version principale.

Vibe coding

Côté code, l’IA a fait le gros du travail. Elle m’a vraiment porté sur toute la partie technique : reverse engineering de l’API, mise en place de l’auth CAS, construction de la stack React + Vite. Mais je restais aux manettes sur plein d’aspects : la structure des composants, le comportement de chaque widget, les allers-retours entre le code et la maquette Figma quand le résultat ne collait pas.

Ce que l’IA change concrètement, c’est la vitesse d’itération. Tester une idée, la voir en vrai, ajuster, recommencer, tout ça devient quasi instantané. Ça m’a permis de passer de la frustration initiale à un produit déployé en quelques jours !

Ce que j’en retiens

l’ent est en ligne sur lent.tomthings.fr, accessible aux étudiants de l’Université de Rennes via leur compte CAS. Un side project né d’une frustration quotidienne, designé dans Figma, vibe codé en quelques jours, et utilisé pour de vrai !