Toine
Connexion

PORTFOLIO

FAIRE GAGNER DU TEMPS - OUTIL PERSONNEL DE DEVIS EN LIGNE

UX/UI

PHP

HTML/CSS

FAIRE GAGNER DU TEMPS - OUTIL PERSONNEL DE DEVIS EN LIGNE

Ce projet est né d’un constat simple : un membre proche de ma famille perdait un temps fou à faire ses devis sur Word. Mise en page qui se décale, totaux calculés à la main, pictos qui bougent… Chaque devis été une épreuve. Mon objectif était de lui rendre ce temps, avec un outil où il suffit de remplir les informations pour que la mise en page se fasse toute seule. Le vrai défi n’était pas technique, il était humain. L’outil devait être utilisable par quelqu’un qui n’est pas à l’aise avec l’informatique, tout en restant fidèle au devis qu’elle utilisait depuis des années. J’ai donc commencé par analyser son document d’origine, puis j’ai conçu l’interface et le parcours sur Figma : maquettes, puis wireframes pour chaque série de retours, validés avec elle avant toute ligne de code (AC24.01). J’assume pleinement d’avoir développé ce site en vibecoding, c’est à dire en pilotant une IA pour écrire le code. Ma valeur ajoutée était ailleurs : définir le besoin, concevoir l’expérience, tester chaque fonctionnalité et arbitrer les choix. Cette méthode m’a surtout permis d’aborder des sujets que je n’aurais jamais creusés seul : - la sécurité d’un site web : connexion par compte, inscriptions fermées, règles d’accès qui empêchent quiconque de lire des données qui ne sont pas les siennes , l’hébergement et la mise en ligne d’une application gratuite sur le long terme (AC24.06) , l’export PDF généré directement dans le navigateur, pour que l’aperçu soit exactement le fichier téléchargé. C'est un outil concret qui répond à un vrai besoin, et la preuve qu’on peut créer quelque chose d’utile sans maîtriser chaque ligne de code, à condition de comprendre ce que l’on construit.

VOIR EN DÉTAIL
MM’INECRAFT, SERVEUR MINECRAFT POUR LES ÉTUDIANTS

Identité visuelle

Gestion de projet

MM’INECRAFT, SERVEUR MINECRAFT POUR LES ÉTUDIANTS

MM’INECRAFT est né d’une idée simple : donner aux étudiants de MMI un lieu commun en dehors des cours, où les trois promos se croisent. En tant que vice-président du pôle événementiel du BDE MM’IN, j’ai porté ce projet avec Tanguy, un autre étudiant de la filière et ami à moi , il en a développé le cœur technique. De mon côté, je me suis occupé de tout ce qui fait qu’un serveur existe aux yeux des joueurs : son image, son accès et sa promotion. J’ai commencé par l’identité. J’ai dessiné le logo dans Illustrator, en reprenant les codes du logo Minecraft : texte vectorisé en tracé composé, dégradé posé par masque d’écrêtage, contour noir épais, texture de pierre et effet d’épaisseur en 3D. Autour de lui, j’ai construit une direction artistique cohérente sur tous les supports. Le violet en est la couleur signature du BDE et de la formation MMI, avec des particules violettes qu’on retrouve sur le site, dans les menus du jeu et sur les annonces Discord. L’objectif était qu’un joueur reconnaisse le serveur partout où il le croise. Le vrai défi n’était pas graphique mais humain : rassembler le plus de monde possible, y compris les étudiants qui ne jouent jamais à Minecraft. Pour simplifier l’accès, l’inscription se fait entièrement sur le Discord du BDE, où chaque étudiant fait sa demande et reçoit le rôle de sa promo. J’ai développé moi-même le plugin qui gère ces demandes. Le serveur accepte aussi les joueurs de la version sur console et sur téléphone, pour que personne ne soit exclu par sa plateforme. Une fois en jeu, un parcours guidé en dix actes accompagne les débutants pas à pas. Pour faire venir les joueurs et les garder actifs, j’ai mené la communication du serveur : annonces d’ouverture, posts de promotion, messages de mise à jour et explications des événements sur Discord. Ce sont des textes courts et visuels, qui donnent envie sans tout dévoiler. Nous avons ensuite fait vivre le serveur avec des rendez-vous : le combat collectif contre l’Ender Dragon, un casino, un marché le dimanche. Ce projet m’a fait découvrir des sujets que je n’aurais jamais abordés autrement : - la mise en production d’un serveur utilisé chaque jour, avec un serveur de test, des sauvegardes et des mises à jour annoncées aux joueurs ; - la sécurité d’une communauté en ligne : contrôle des accès, détection de la triche, gestion d’un joueur banni pour X-ray ; - l’équilibre d’une économie de jeu, où chaque nouveauté se pèse pour ne pas tout dérégler.

VOIR EN DÉTAIL
Prizm Studio - Agence d'infographie fictive

UX/UI

Identité visuelle

Gestion de projet

Prizm Studio - Agence d'infographie fictive

Prizm Studio est le projet le plus complet de ma première année de BUT MMI. Étalé sur le semestre 2, ce projet d'agence fictive d'infographie m'a placé en position de chef de projet d'une équipe de 4 personnes, me confrontant aux réalités de la gestion de projet collaborative (AC15.06). Mes responsabilités ont été multiples : planification avec rétroplanning détaillé, coordination hebdomadaire des réunions et suivi de l'avancement, ajustements du planning face aux imprévus, et garantie de la qualité finale en supervisant chaque livrable (AC15.01). Sur le plan stratégique, j'ai mené la réflexion sur le positionnement : définition de notre proposition de valeur — infographie créative pour PME, rebranding (AC12.02) —, identification des cibles et de leurs besoins, et élaboration d'une stratégie de communication cohérente (AC12.04). Les livrables produits : identité visuelle complète, site web professionnel (AC13.05), teaser vidéo de 60 secondes, et événement de lancement. Au-delà des compétences techniques, ce projet m'a appris à manager une équipe créative, déléguer efficacement, et maintenir le cap qualitatif sous la pression des délais.

VOIR EN DÉTAIL
FlowBank - Banque en ligne fictive

UX/UI

Identité visuelle

Print

FlowBank - Banque en ligne fictive

FlowBank représente mon premier projet de conception globale d'identité de marque, réalisé en binôme entre novembre 2025 et janvier 2026. Nous avons créé de toutes pièces une banque fictive crédible, du positionnement stratégique à sa déclinaison visuelle complète. Le projet a débuté par une phase d'étude approfondie : analyse des codes visuels du secteur bancaire, identification des cibles (jeunes actifs urbains), et définition d'un positionnement différenciant axé sur la fluidité et l'accessibilité des services (AC12.03). J'ai contribué activement à l'élaboration de l'identité visuelle : co-création du logotype avec recherches typographiques multiples, développement de la charte graphique complète — palette chromatique, typographies, iconographie, grille de mise en page (AC13.02) —, et conception des supports print (cartes de visite, brochures) et digitaux (bannières web, réseaux sociaux, templates emails) (AC13.03), reflétant une approche de communication multicanale cohérente (AC12.04). La dimension UX/UI m'a particulièrement marqué : maquettage de l'interface web avec parcours utilisateur fluide, hiérarchisation claire de l'information, et adaptation responsive pour tous les écrans (AC13.06). Ce projet m'a enseigné la rigueur nécessaire pour maintenir une cohérence visuelle forte à travers tous les points de contact, tout en justifiant chaque décision créative par des arguments marketing solides et stratégiques.

VOIR EN DÉTAIL