Sites Web
Octofight
Développement d’un site web dynamique et interactif pour l’association Octofight, en PHP, CSS et JS et sa base de donnée.
Le site intègre :
Une page d’accueil et des pages de présentation claires et accessibles,
Un système de recherche avancé permettant de filtrer et trier les combattants par critères,
Un espace membre avec création de compte, connexion, chargement de photos,
Un système d’adhésion à l’association (sans paiement intégré).
Côté technique, le site repose sur une architecture en PHP avec base de données MariaDB, une interface dynamique en JavaScript, et un design soigné grâce à CSS.
Ce projet représente mon premier site utilisant JS et une base de donnée et il m’a permis de mettre en œuvre une logique de développement complète, du back-end à l’interface utilisateur, tout en travaillant sur un cas concret lié à ma pratique personnelle.
Firefly
Développement d’un site web animé de visualisation de données sur le thème des lucioles, en PHP, CSS et JS.
Ce site de data-visualisation traite du déclin des populations de lucioles lié à la pollution lumineuse. Le concept était de remplacer les chiffres par des métaphores visuelles pour rendre les données plus sensibles et oniriques.
Par exemple, au lieu d’un graphique, j’ai illustré l’impact des lampadaires : on y voit une foule de lucioles attirées par la lumière artificielle, tandis qu’une seule parvient à trouver sa partenaire dans l’obscurité.
Design & Illustration : Création d’un univers graphique sur-mesure sur Illustrator.
Motion Design : Animation des scènes sur After Effects pour donner vie aux lucioles.
Intégration Web : Export des animations au format JSON (Lottie) pour une intégration fluide sur le site sans perte de performance.
Développement : Structure HTML/CSS et interactions en JavaScript.
Ce projet m’a permis de lier concrètement le design et le code. Il m’a surtout montré que l’animation est bien plus qu’une simple décoration : c’est un véritable outil de narration qui permet de visualiser des données de manière vivante et plus humaine.
https://firefly-hq.netlify.app/
Jacquoloré
Développement d’un site web dynamique d’e-commerce, en HTML, CSS et PHP
Ce site est le tout premier que j’ai réalisé au début de mes études. Il a été conçu dans le cadre d’un projet avec des contraintes très précises : pas de JavaScript, pas de base de données, pas de positionnement avancé en CSS (ni display: flex, ni grid, ni position). L’objectif était d’apprendre à structurer un site avec les bases du développement web.
Pour ce projet :
Le site est codé en HTML, CSS, et PHP,
Les données produits sont gérées via un fichier JSON, en l’absence de base de données,
L’interface inclut une page d’accueil et une page boutique,
Les produits peuvent être ajoutés ou retirés du panier,
Le panier est géré dynamiquement côté serveur, sans JavaScript.
J’ai choisi de jouer la carte de l’humour, en imaginant une boutique fictive inspirée d’un de nos professeurs, célèbre pour ses chemises colorées. Ce projet n’est pas parfait – ni visuellement ni techniquement – mais il marque mes premiers pas concrets dans le développement web, avec toutes les limites et les découvertes que cela implique.
