Si vous lisez régulièrement ce blog et mes aventures sur les réseaux sociaux, vous savez que j’aime énormément l’infrastructure, un peu le code backend (surtout en Golang), mais que dès qu’il s’agit de concevoir une interface graphique moderne et agréable, il n’y a plus personne.
C’est un fait établi, je n’ai aucune compétence en développement front. Dommage pour les offres FullSteak (jeu de mot pourri, mais plutôt approprié ici).
C’est exactement ce qui pénalisait GroROTI, un petit outil web open source en Go que j’avais développé en 2024 (en partie sur mon temps libre, en partie lorsque j’étais chez mon ancien employeur, ce qui explique pourquoi le dépôt soit hébergé sur leur GitHub).
Pour rappel, l’application permet d’évaluer rapidement et anonymement la qualité des réunions ou des ateliers via le format ROTI (Return On Time Invested).
Le problème, c’est que l’outil était fonctionnel, mais franchement moche. Un petit look Web 1.0, voire soviétique, qui était franchement assumé dans un premier temps, mais dont on se lasse assez vite.
Qu’à cela ne tienne. Fort de mes expériences plutôt concluantes avec la refonte de ma page Conférence (cf “Refonte de la page Conférences : data-driven avec Hugo”) et la v3 de mon projet pour cataloguer toutes les manières de déployer Kubernetes (cf “101 façons de déployer Kubernetes : 125 solutions, des PRs communautaires et une UI qui s’améliore”), j’ai fait chauffer un LLM perso pour lui demander de m’aider à rendre ça un peu plus agréable à l’oeil.
Le résultat va bien au-delà de mes compétences (“la barre est au sol” comme on dit). Si on compare les captures d’écran avant (à gauche) et après (à droite), le changement est flagrant :
- Une page d’accueil transformée : Fini l’alignement de texte un peu triste. On passe sur une interface épurée, une colorimétrie violette moderne (petit clin d’oeil), un bloc de création “New ROTI” bien délimité et une barre latérale pour afficher les derniers examens créés.
- Des résultats clairs : La page de restitution des votes affiche désormais la moyenne globale en grand, ainsi que le nombre de participants et les valeurs minimales et maximales sous forme de “cartes”. Le QR code de partage est lui aussi bien mieux intégré visuellement.
- Un système de notation plus intuitif : Le vieux curseur glissant a été remplacé par un système de notation à 5 étoiles (avec support des demi notes) bien plus classique et parlant pour les utilisateurs. Le tout reste accompagné d’une zone de texte (redesignée) pour les retours optionnels, quand ils sont activés.
Juste un lifting
Sous le capot, l’application reste la même, je n’ai pas touché au code backend (*), juste la partie templates HTML (gotpl) et CSS.
(*) c’est pas 100% vrai, j’ai fait quelques modifs en 2025, notamment pour ajouter du tracing otel, support de la CR ServiceMonitor, amélioration du build multi arch et quelques bugfixes… dont je ne vous avais pas parlé.
Au final, ce petit truc en plus fait la diff entre un tool interne que je n’avais pas trop envie de mettre en avant, et un outil qui me parait utilisable en dehors de mon contexte pro :