Face à la bête - Court-Métrage
Dans le cadre de ma deuxième année de BUT MMI, j’ai participé à la réalisation d’un court-métrage réalisé en groupe, répondant à une consigne précise : proposer un film d’une durée maximale d’1 minute 30, construit en deux temps.
Le projet devait mêler une première partie ancrée dans le réel, puis une transition vers un univers fictif à travers un portail, cette seconde partie étant entièrement tournée sur fond vert afin de permettre l’incrustation.
Le court-métrage suit un homme perturbé par un battement sourd, semblable à un cœur, qu’il est le seul à entendre. Intrigué puis obsédé par ce son, il mène l’enquête jusqu’à un sous-sol inquiétant, dont les murs et le sol sont recouverts d’éléments organiques et repoussants.
Prenant son courage à deux mains, il s’enfonce dans cet environnement hostile et explore ce monde dérangeant, jusqu’à découvrir l’hécatombe qui s’y cache.
sept. 2025 → janv. 2026
LOTY
Projet universitaire développé en troisième semestre de BUT MMI, autour du thème "À Table". Le brief imposait une démarche UX rigoureuse : recherche utilisateur, idéation, maquettage, puis développement d'un MVP.
Avec mon groupe, nous avons orienté notre réflexion sur un problème concret du quotidien étudiant : manger varié le midi sans systématiquement acheter en extérieur. LOTY est née de ce constat — une application de planification de déjeuners sous forme de bentos, pensée pour être pratique, anti-gaspi et personnalisable.
L'utilisateur compose son planning de la semaine (ou de quelques jours), et LOTY génère automatiquement une liste de courses optimisée, avec les quantités exactes à acheter. Le site intègre également une dimension communautaire : chacun peut publier ses propres recettes ou compositions de bentos pour enrichir le catalogue collectif.
Développé en PHP (architecture MVC), le projet couvrait à la fois la conception UX/UI, la modélisation de la base de données et le développement back-end.
sept. 2025 → janv. 2026
Flucilien
Lors du premier semestre de ma deuxième année en BUT Métiers du Multimédia et de l’Internet, un projet en duo consistait à réaliser un site de datavisualisation à partir de données à collecter, sourcer et vérifier, afin d’en assurer la fiabilité.
Dans ce cadre, nous avons créé Flucilien, un site pensé pour mieux comprendre l’impact de l’affluence dans les transports franciliens. Le sujet est abordé à travers une problématique simple : pourquoi un incident “banal” peut-il perturber le trafic pendant des heures ? Le site présente des incidents types observés sur le réseau, leurs conséquences, ainsi que des repères sur les durées de traitement. Il propose aussi une visualisation de l’affluence par gare sous forme de courbes, et met en avant plusieurs leviers actuels pour réguler les flux et désaturer Paris, comme le Grand Paris Express et le renouvellement du matériel roulant en Île-de-France.
Techniquement, le projet repose sur un socle web classique (HTML, CSS, JavaScript), avec Mapbox pour la cartographie et Chart.js pour les graphiques. J’ai contribué en tant que développeur front-end et designer UI, en travaillant sur l’intégration, les interactions et la lisibilité des visualisations. Le site a également été présenté lors de la Journée Portes Ouvertes (JPO) de mon département, comme démonstration de projet et support d’échange avec les visiteurs.
sept. 2025 → nov. 2025
RAMY
RAMY est une application web que j’ai imaginée pour remplacer mon suivi manuel sur Notion des trains que j’emprunte quotidiennement. L’objectif : centraliser les numéros de voitures, les types de matériel, et les lignes associées dans une interface claire, mobile-friendly, et rapide à utiliser au quotidien.
Pensée autour de mes propres habitudes, l’application repose sur une base Supabase structurée, reliée à une interface en Next.js avec App Router. L’ajout d’un train se fait en quelques secondes via un parcours fluide : sélection de la ligne, du matériel, saisie du numéro de voiture et du code porte. Tous les trajets sont ensuite consultables dans une interface de visualisation filtrable, triée par ligne et par matériel.
- 💡 Le design reprend les codes d’un tableau de bord sobre et lisible, avec de grosses touches pensées pour le mobile.
- 🔐 L’authentification permet de sécuriser l’accès, et la persistance des sessions évite les reconnexions trop fréquentes.
- 🛠️ Le projet évolue en continu, avec une logique de composant modulaire pour faciliter les ajouts de fonctionnalités à venir.
RAMY est un projet personnel, mais structuré comme une vraie app : pensée pour l’usage quotidien, robuste côté back, et agréable côté UI.
Depuis juil. 2025 · En cours
L'Inventrain
Dans le cadre d'un projet universitaire, j'ai réalisé L'Inventrain, un site web connecté à une base de données SQL, avec pour objectif d'inventorier de manière structurée des éléments selon différents critères.
J'ai choisi d'axer ce projet sur un domaine qui me passionne : le ferroviaire, en recensant les trains RER et Transilien d'Île-de-France.
Le minimum demandé était de créer deux tables basiques. J'ai fait le choix de construire une base de plus de dix tables, modélisées avec des relations variées pour représenter précisément les séries de trains, les constructeurs, les réseaux, les livrées, les systèmes d'automatisation, les dépôts d'attache et d'autres caractéristiques techniques.
Afin d’enrichir la navigation, j'ai intégré un fichier GeoJSON représentant le réseau d'Île-de-France, permettant une visualisation géographique interactive directement sur le site.
Le projet propose également différentes fonctionnalités de recherche, tri et filtrage pour faciliter l'exploration des données, tout en restant fluide et accessible malgré le volume important d’informations.
Cette SAÉ m'a permis de mettre en pratique des compétences avancées en structuration de bases de données, en gestion de relations SQL complexes, ainsi qu'en intégration de données géospatiales.
Elle m’a aussi donné l’opportunité d’associer rigueur technique et passion personnelle, en développant une plateforme pensée pour évoluer et accueillir de nouveaux matériels roulants ou de nouveaux outils d'exploration ferroviaire.
L'Inventrain est aujourd'hui une base solide qui pourrait être enrichie à plus grande échelle, avec de nouvelles fonctionnalités ou une ouverture à d'autres réseaux.
janv. 2025 → juin 2025
Modélisation SVG des trains d'ÎDF.
Afin d’illustrer de manière homogène les différents matériels roulants visibles sur mes projets, j’ai réalisé une modélisation complète en SVG de chaque type de train circulant en Île-de-France (Z 2N, Z 50000, Z 58000, MI 79, etc.) incluant tous les RER et Transilien ainsi que les Tram-trains circulant en 2025 sur le réseau francilien.
Chaque visuel est conçu à la grâce aux outils Adobe Illustrator et Figma exporté en SVG pour utiliser partout en top qualité.
sept. 2024 → mai 2025
Reco'Music
Dans le cadre du premier semestre de BUT MMI, le premier projet web consistait à créer un site présentant cinq morceaux ou albums, chacun avec un extrait audio de 15 secondes, une description et un lien d’écoute, le tout dans une page claire et cohérente, avec une dimension contributive et des crédits de chansons accessibles plus bas.
Pour répondre à cet attendu, j’ai développé Reco’Music, un site one-page pensé pour un affichage correct à partir de 1024 px. Les morceaux ont été structurés dans un fichier JSON externe, puis chargés en JavaScript, afin de séparer clairement l’interface des données et faciliter les mises à jour. Un formulaire de contribution avec visualisation en temps réel permet de proposer une recommandation, avec envoi des données vers une API externe développée par un professeur. La mise en ligne a été réalisée sur un hébergement fourni par l’université, avec l’activation du HTTPS via .htaccess. Enfin, 50 critères Opquast sélectionnés par l’équipe enseignante ont servi de checklist pour appliquer les bonnes pratiques d’intégration, d’optimisation des médias et de qualité globale.
Ce projet m’a permis de travailler avec des contraintes concrètes : structurer des données, générer une interface à partir d’un fichier externe, intégrer de l’audio et de l’image sans alourdir le site, et concevoir un site évolutif (mise à jour du JSON, ajout de contenus, contributions). Il m’a aussi confronté à un cadre que je n’avais pas en autodidacte : des consignes précises, une méthode attendue et une contrainte de temps, ce qui m’a poussé à mieux organiser mon travail et à prioriser mes choix techniques.
sept. 2024 → déc. 2024
InfoStation
InfoStation est un projet personnel né d'une passion pour les transports et d'un intérêt pour les APIs en temps réel. Cette plateforme web affiche dynamiquement les horaires des trains en Île-de-France en exploitant les données de l'API PRIM d'Île-de-France Mobilités.
Le développement repose sur l'intégration de données en temps réel au format SIRI Lite. Les données brutes sont traitées et optimisées par ISA (InfoStation API), un projet complémentaire qui gère toute la logique de filtrage, de correction et d'adaptation des différences de format entre transporteurs comme la RATP et la SNCF.
L'interface constitue le cœur de ce projet. Elle s'inspire directement des écrans d'attente qu'on trouve dans les transports parisiens, avec une organisation en colonnes pensée pour une lecture rapide et intuitive. L'affichage présente les trains de manière claire avec un tri automatique selon les directions, ce qui facilite grandement la consultation des horaires. Les trains supprimés ou retardés sont mis en évidence pour que les utilisateurs puissent rapidement identifier les perturbations.
Pour respecter les quotas de l'API qui se rafraîchit toutes les 60 secondes, j'ai opté pour un système de rafraîchissement manuel des données. Cela permet aux utilisateurs de mettre à jour les informations quand ils le souhaitent tout en évitant un dépassement des limites d'appels.
Depuis sept. 2024 · En cours
