Un dashboard plutôt qu’une configuration uniquement via Discord
L’interface Laravel donne une vue d’ensemble de la configuration et évite aux administrateurs de mémoriser une succession de commandes Discord.
Étude de cas · Produit personnel
Hydrix configurer sans friction.
Un bot Discord et sa plateforme Laravel : vitrine, documentation, authentification, dashboard et administration de contenu.
- Rôle
- Créateur & développeur
- Type
- Produit personnel
- Période
- 2025 — aujourd’hui
- Statut
- En développement
Le point de départ
Rendre un bot riche en fonctionnalités simple à administrer.
Hydrix doit permettre aux administrateurs Discord de comprendre et modifier la configuration du bot sans devoir connaître son fonctionnement interne ni dépendre uniquement de nombreuses commandes Discord.
Contraintes & enjeux
- Rendre une configuration riche compréhensible par des utilisateurs non techniques.
- Faire dialoguer l’application web avec l’écosystème Discord.
- Maintenir une expérience cohérente entre la vitrine, la documentation et le dashboard.
- Structurer l’administration du contenu sans alourdir les parcours principaux.
Ma démarche
Des choix guidés par l’usage.
Séparer les parcours publics et les outils connectés
La vitrine et la documentation présentent le produit, tandis que l’authentification ouvre un espace dédié à la gestion des serveurs.
Centraliser l’administration éditoriale
Filament fournit un espace distinct pour gérer le contenu et faire évoluer la plateforme sans mélanger ces outils avec le dashboard utilisateur.
Réalisation
Ce que j’ai concrètement développé.
Parcours du site au dashboard
Conception des interfaces de vitrine, de documentation et de configuration pour garder une navigation lisible d’un usage à l’autre.
Application Laravel authentifiée
Développement de la plateforme web, de l’authentification et des espaces nécessaires à la gestion du produit.
Gestion de contenu avec Filament
Mise en place d’une interface d’administration dédiée au contenu de la plateforme.
Connexion à l’écosystème Discord
Organisation des interactions entre le bot, l’API Discord et l’application web.
En images
Le projet en situation.
Une vitrine centrée sur les usages
La page présente les fonctions du bot, son installation, les actualités et les réponses aux questions fréquentes.
Une documentation structurée
La recherche, le sommaire et les catégories donnent un accès direct aux guides de configuration.
Le centre de pilotage des serveurs
Chaque module expose son état et donne accès à sa configuration depuis une vue d’ensemble.
Résultats & impact
Une réalisation qui apporte une valeur concrète.
Une configuration plus accessible
Les administrateurs disposent d’une interface visuelle plutôt que d’un parcours reposant uniquement sur des commandes Discord.
Un produit réuni dans une même plateforme
Vitrine, documentation, authentification, dashboard et administration sont structurés comme les différentes facettes d’un même produit.
Technologies
- Laravel
- Filament
- Discord API
- JavaScript
- Sass
- UX produit
Prise de recul
Ce que ce projet m’a apporté.
Penser en produit plutôt qu’en pages isolées
Faire cohabiter acquisition, documentation, authentification et usage quotidien dans une expérience cohérente.
Structurer une application Laravel complète
Renforcer la séparation des responsabilités entre interface publique, espace utilisateur et administration.
Concevoir pour des usages Discord réels
Traduire une logique de bot et d’API en parcours compréhensibles sur le web.