Tous les projets

Événementiel, design et code

Sumo Tournament

Site événementiel pour un tournoi de sumo fictif. Paris.

En bref

Concevoir et développer un site complet pour un tournoi de sumo imaginaire à Paris. Pas seulement une vitrine : une vraie plateforme avec billetterie et un back-office pour gérer les données du tournoi, les lutteurs, les combats, les réservations. Le projet où le design rencontre le code pour de vrai.

Projet de formation. Conception et mise en production de bout en bout. Une semaine, en sprint intense.

Page d'accueil du site Sumo Tournament
Page d'accueil du tournoi. Interface contemporaine sur un univers codifié.

Le sujet

Le sumo est un univers d'une richesse visuelle rare. Des siècles de codes, de rituels, de symboles. Le défi était de traduire cette culture forte et très codifiée dans une interface web contemporaine, sans la trahir et sans tomber dans le cliché. Trouver le point où le respect de l'univers rencontre la clarté d'une interface moderne.

Ce que j'ai fait

La conception

Arborescence du site, wireframes des pages principales, design des composants. C'est le cœur de mon travail et là où j'étais pleinement à la manœuvre.

La mise en production

Pour donner vie au projet, j'ai porté l'intégration front (HTML, CSS) et la partie dynamique (PHP, base MySQL) en m'appuyant sur l'IA comme copilote de code. Mon rôle n'était pas d'écrire chaque ligne en experte, mais de piloter la construction : comprendre l'architecture, formuler les bonnes demandes, intégrer, tester, déboguer jusqu'à ce que le site fonctionne vraiment.

En-tête du site Sumo Tournament Page événement du tournoi Page histoire du sumo Page contact du site Carte d'événement (test card)

Ce qui a été dur

Faire fonctionner le site pour de vrai. Comprendre pourquoi une page ne s'affichait pas comme prévu, pourquoi une donnée ne remontait pas, et corriger jusqu'à ce que tout réponde. C'est une autre forme de rigueur que le design, plus binaire. Soit ça marche, soit ça ne marche pas, et il faut comprendre pourquoi.

Ce que j'en retiens

Le moment où le site a pris vie, quand les pages sont devenues dynamiques et que mes maquettes sont passées de l'image à l'outil qui répond.

Mais surtout, ce projet m'a appris à produire avec l'IA sans me laisser dépasser par elle. Savoir ce que je veux, le formuler clairement, vérifier ce qui revient, corriger. C'est une compétence de chef de projet autant que de designer : obtenir un résultat juste en orchestrant les bons outils, sans avoir besoin de tout maîtriser soi-même.

Concevoir, c'est savoir ce qu'on veut obtenir. Même quand ce sont d'autres outils qui exécutent.

Outils : Figma, VS Code, HTML, CSS, PHP, MySQL.