PORTFOLIO
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
Site Suzuki Moto
Ce projet marque ma première immersion approfondie dans le développement web, avec pour défi de reproduire fidèlement une partie du site Suzuki Moto. Réalisé en autonomie, il couvre le parcours de la page d'accueil jusqu'au formulaire de demande d'essai complet (AC14.01). La dimension technique était ambitieuse : intégration HTML5 sémantique avec balises structurantes rigoureuses (AC14.02), stylisation CSS3 et développement PHP pour le traitement backend du formulaire multi-étapes (AC14.03). Le formulaire constituait le cœur technique : parcours en plusieurs pages (informations personnelles, choix du modèle, sélection concessionnaire, préférences de rendez-vous), validation côté client et serveur pour garantir l'intégrité des données, stockage temporaire via sessions PHP, page de récapitulatif avant envoi, et simulation d'email de confirmation (AC14.03). Au-delà du codage, ce projet m'a confronté aux réalités du développement web professionnel : respect scrupuleux de la maquette, debugging patient et méthodique, optimisation des performances (compression images, minification CSS/JS), et déploiement sur serveur distant avec gestion des chemins (AC14.04). Cette expérience a consolidé mes bases en développement front-end et back-end, développant mon esprit logique et ma résolution de problèmes.
VOIR EN DÉTAIL