[{"data":1,"prerenderedAt":366},["ShallowReactive",2],{"navigation":3,"projects-page":4,"projects":22},[],{"id":5,"title":6,"body":7,"description":8,"extension":9,"links":7,"meta":10,"navigation":17,"path":18,"seo":19,"stem":20,"__hash__":21},"pages/projects.yml","Construire des expériences.",null,"Je travaille sur une grande variété de projets : landing page, site complet, mini applications administrable etc. Mon focus se porte sur le respect de l'intention créative, couplée à une expérience utilisateur immersive.","yml",{"links_old":11},[12,15],{"label":13,"color":14},"Let's talk","neutral",{"label":16},"Email me",true,"/projects",{"title":6,"description":8},"projects","F58MYoTLEUyl08RENQeD-ZYMtzY3OiM8WLYEHF2EC3Y",[23,128,215,290],{"id":24,"title":25,"body":26,"date":114,"description":115,"extension":116,"image":117,"meta":118,"navigation":17,"path":124,"seo":125,"stem":126,"tags":7,"url":7,"__hash__":127},"projects/projects/chanel-chance.md","Chanel - Gift finder",{"type":27,"value":28,"toc":107},"minimark",[29,42,45,55,60,73,77,91,95,102],[30,31,32,33,37,38,41],"p",{},"Pour accompagner ",[34,35,36],"strong",{},"la gamme Chance",", ",[34,39,40],{},"Chanel"," souhaitait proposer une expérience interactive, permettant aux utilisateurs de découvrir le produit le plus adapté à leurs envies. Le choix s'est porté sur un gift finder, c'est-à-dire un outil de recommandation, qui propose à la fois une expérience interactive, ludique et engageante.",[30,43,44],{},"Ma mission était de développer l’interface front-end : logique de navigation, animations, arbre de décision, et bien sûr intégration. Tout ça en collaboration étroite avec les équipes créatives et projet.",[30,46,47],{},[48,49,54],"a",{"href":50,"target":51,"rel":52},"https://frsephora.chancefinder-eretail.com/","_blank",[53],"nofollow","Voir le gift finder",[56,57,59],"h2",{"id":58},"caractéristiques","Caractéristiques",[61,62,63,67,70],"ul",{},[64,65,66],"li",{},"un parcours utilisateur en plusieurs écrans : introduction, questions, résultat",[64,68,69],{},"une logique métier pour déterminer le produit le plus adapté à l'utilisateur",[64,71,72],{},"des animations ludiques : choix défilant comme sur une roulette, couleur de fond qui change suivant les réponses etc.",[56,74,76],{"id":75},"contraintes","Contraintes",[61,78,79,85,88],{},[64,80,81,82],{},"une exigence élevée, liée à ",[34,83,84],{},"l’univers du luxe",[64,86,87],{},"le respect des bonnes pratiques d’accessibilité malgré un fonctionnement atypique",[64,89,90],{},"une déclinaison du gift finder en 15 langues",[56,92,94],{"id":93},"résultat","Résultat",[30,96,97,98,101],{},"Un gift finder fluide et immersif, aligné avec ",[34,99,100],{},"l’image de marque Chanel",", offrant une expérience utilisateur qualitative et accessible.",[30,103,104],{},[48,105,54],{"href":50,"target":51,"rel":106},[53],{"title":108,"searchDepth":109,"depth":109,"links":110},"",2,[111,112,113],{"id":58,"depth":109,"text":59},{"id":75,"depth":109,"text":76},{"id":93,"depth":109,"text":94},"2025-04-04T00:00:00.000Z","Un gift finder fluide et immersif, aligné avec l’image de marque Chanel, offrant une expérience utilisateur qualitative, à destination des retailers.","md","/projets/chance.jpg",{"minRead":119,"author":120},8,{"name":121,"avatar":122},"Emma Thompson",{"src":123,"alt":121},"https://images.unsplash.com/photo-1701615004837-40d8573b6652?q=80&w=1480&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D","/projects/chanel-chance",{"title":25,"description":115},"projects/chanel-chance","M6CGwv_JuWBLZHJtvXOBEuVZU3ki-EAZdpU6P9wOqmI",{"id":129,"title":130,"body":131,"date":205,"description":206,"extension":116,"image":207,"meta":208,"navigation":17,"path":211,"seo":212,"stem":213,"tags":7,"url":7,"__hash__":214},"projects/projects/efficiens-calculateur.md","Efficiens - Calculateur",{"type":27,"value":132,"toc":200},[133,139,142,149,151,171,173,190,192,195],[30,134,135,138],{},[34,136,137],{},"Efficiens"," souhaitait proposer un calculateur en ligne permettant aux utilisateurs d’estimer l’enveloppe budgétaire d’un projet web. L’objectif était de rendre l’outil pédagogique clair et engageant.",[30,140,141],{},"Ma mission était de développer le calculateur en Vue.js, et de le rendre facilement intégrable dans l’environnement WordPress du client.",[30,143,144],{},[48,145,148],{"href":146,"target":51,"rel":147},"https://www.eficiens.com/simulateur-de-budget-de-site-web-assurance/",[53],"Voir le calculateur de budget",[56,150,59],{"id":58},[61,152,153,159,162,168],{},[64,154,155,156],{},"récupération dynamique des tarifs via une ",[34,157,158],{},"API",[64,160,161],{},"calcul en temps réel du budget selon les choix utilisateur",[64,163,164,167],{},[34,165,166],{},"export des résultats au format CSV"," après récupération du mail client",[64,169,170],{},"animations diverses (comme l'affichage des détails du métier au survol)",[56,172,76],{"id":75},[61,174,175,181,184,187],{},[64,176,177,178],{},"respect strict des maquettes en ",[34,179,180],{},"pixel-perfect",[64,182,183],{},"responsive complet (desktop, tablette, mobile)",[64,185,186],{},"intégration propre et performante dans un environnement WordPress",[64,188,189],{},"code structuré et maintenable",[56,191,94],{"id":93},[30,193,194],{},"Un calculateur interactif performant et administrable, permettant à Efficiens de générer des leads qualifiés tout en proposant une expérience utilisateur claire et moderne.",[30,196,197],{},[48,198,148],{"href":146,"target":51,"rel":199},[53],{"title":108,"searchDepth":109,"depth":109,"links":201},[202,203,204],{"id":58,"depth":109,"text":59},{"id":75,"depth":109,"text":76},{"id":93,"depth":109,"text":94},"2025-01-18T00:00:00.000Z","Un calculateur interactif, performant et administrable, permettant à Efficiens de générer des leads qualifiés via une interface claire et moderne.","/projets/efficiens.jpg",{"minRead":119,"author":209},{"name":121,"avatar":210},{"src":123,"alt":121},"/projects/efficiens-calculateur",{"title":130,"description":206},"projects/efficiens-calculateur","L9OJ5Xmq5yht0rTt4OhX1CySrat-zCSYjypUUexvmBg",{"id":216,"title":217,"body":218,"date":280,"description":281,"extension":116,"image":282,"meta":283,"navigation":17,"path":286,"seo":287,"stem":288,"tags":7,"url":7,"__hash__":289},"projects/projects/rabanne-lp.md","Rabanne - Landing page",{"type":27,"value":219,"toc":275},[220,227,230,232,251,253,270,272],[30,221,222,223,226],{},"Dans le cadre d'une campagne de fin d’année, ",[34,224,225],{},"Rabanne"," souhaitait une landing page immersive, valorisant ses produits à travers une expérience visuelle dynamique et premium.",[30,228,229],{},"Ma mission était l'intégration front-end complète de la landing page, en collaboration avec les équipes créatives.",[56,231,59],{"id":58},[61,233,234,240,245,248],{},[64,235,236,239],{},[34,237,238],{},"animations parallaxes"," permettant de renforcer la profondeur visuelle",[64,241,242],{},[34,243,244],{},"animations déclenchées au scroll",[64,246,247],{},"transitions fluides entre les sections",[64,249,250],{},"expérience immersive adaptée à tous les supports",[56,252,76],{"id":75},[61,254,255,261,264,267],{},[64,256,257,258],{},"respect des ",[34,259,260],{},"standards d’accessibilité",[64,262,263],{},"animations optimisées pour garantir fluidité et performance",[64,265,266],{},"responsive multi-devices",[64,268,269],{},"déclinaison en plusieurs langues",[56,271,94],{"id":93},[30,273,274],{},"Les animations fluides et maîtrisées ont permis de renforcer l’impact visuel de la campagne, tout en garantissant une expérience utilisateur accessible et optimisée sur l’ensemble des supports et des marchés.",{"title":108,"searchDepth":109,"depth":109,"links":276},[277,278,279],{"id":58,"depth":109,"text":59},{"id":75,"depth":109,"text":76},{"id":93,"depth":109,"text":94},"2024-04-23T00:00:00.000Z","Une landing page immersive et performante, traduisant fidèlement l’univers premium de Rabanne, déclinée en plusieurs langues.","/projets/rabanne.jpg",{"minRead":119,"author":284},{"name":121,"avatar":285},{"src":123,"alt":121},"/projects/rabanne-lp",{"title":217,"description":281},"projects/rabanne-lp","i3mcYYNz6PFJeCvVS63AE57hl2VyMwfzEP6F7CXEnog",{"id":291,"title":292,"body":293,"date":356,"description":357,"extension":116,"image":358,"meta":359,"navigation":17,"path":362,"seo":363,"stem":364,"tags":7,"url":7,"__hash__":365},"projects/projects/sisley-lp.md","Sisley - Landing page",{"type":27,"value":294,"toc":351},[295,306,309,311,325,327,344,348],[30,296,297,298,301,302,305],{},"Dans le cadre d’une campagne de fin d’année, ",[34,299,300],{},"Sisley"," souhaitait ",[34,303,304],{},"une landing page immersive",", mettant en valeur ses produits et son univers de marque, tout en s’intégrant à son écosystème existant.",[30,307,308],{},"Ma mission : l'intégration des maquettes, avec la mise en place des interactions et animations, la déclinaison multilingue, et l’intégration dans l’outil d’administration du client.",[56,310,59],{"id":58},[61,312,313,316,319,322],{},[64,314,315],{},"animations de texte et d’éléments au scroll",[64,317,318],{},"divers sliders",[64,320,321],{},"sections fixes au défilement",[64,323,324],{},"intégration pensée pour une déclinaison multilingue",[56,326,76],{"id":75},[61,328,329,335,338,341],{},[64,330,331,334],{},[34,332,333],{},"Pixel-perfect strict"," à partir des maquettes",[64,336,337],{},"déclinaison sur 4 gabarits : desktop, tablette paysage, tablette portrait, mobile",[64,339,340],{},"performance front malgré la richesse graphique",[64,342,343],{},"déploiement en 20 langues via l’administration existante",[56,345,347],{"id":346},"résultats","Résultats",[30,349,350],{},"Une landing page performante et immersive, fidèle aux intentions créatives et déclinée à l’international.",{"title":108,"searchDepth":109,"depth":109,"links":352},[353,354,355],{"id":58,"depth":109,"text":59},{"id":75,"depth":109,"text":76},{"id":346,"depth":109,"text":347},"2024-03-23T00:00:00.000Z","Une landing page à l'impact visuel fort, avec de nombreuses animations, fidèle aux intentions créatives de Sisley et déclinée à l’international.","/projets/sisley.jpg",{"minRead":119,"author":360},{"name":121,"avatar":361},{"src":123,"alt":121},"/projects/sisley-lp",{"title":292,"description":357},"projects/sisley-lp","Uy04gziH8hPOXx2npjBvtvvIaaAgKXXYGSTOpx1jMRY",1773945326543]