[{"data":1,"prerenderedAt":584},["ShallowReactive",2],{"page-\u002Fprojects\u002Fla-suite-and-co":3,"projects":142,"technologies":167,"project-pages":242},{"id":4,"title":5,"body":6,"description":16,"extension":134,"meta":135,"navigation":136,"path":137,"seo":138,"stem":140,"__hash__":141},"content\u002Fprojects\u002Fla-suite-and-co.md","La Suite and Co",{"type":7,"value":8,"toc":128},"minimark",[9,13,17,26,31,35,39,63,94,109,114,120,123],[10,11,5],"h1",{"id":12},"la-suite-and-co",[14,15,16],"p",{},"Refonte du site vitrine pour l’agence de communication qui m’emploie",[18,19],"projects-simple-image",{":links":20,"alt":21,"src":22,"title":23,"url":24,"variant":25},"[{\"url\":\"https:\u002F\u002Fwww.lasuiteandco.com\u002F\",\"title\":\"Voir le projet en ligne\",\"src\":\"\u002Ficons\u002Fwebsite.svg\"}]","Aperçu de La Suite and Co","\u002Fprojects\u002Fla-suite-and-co\u002Fcover.webp","Voir le projet en ligne","https:\u002F\u002Fwww.lasuiteandco.com\u002F","cover",[27,28,30],"h2",{"id":29},"stack-technique","Stack technique",[32,33],"projects-tech-stack",{":stack":34},"[\"Wordpress\",\"Sass\",\"JavaScript\",\"GSAP\"]",[27,36,38],{"id":37},"pourquoi-cette-refonte","Pourquoi cette refonte ?",[14,40,41,42,46,47,50,51,54,55,58,59,62],{},"Ce projet a démarré peu après mon ",[43,44,45],"strong",{},"arrivée chez La Suite and Co"," pour mon ",[43,48,49],{},"alternance",". À l’origine, le site était développé sur une ",[43,52,53],{},"ancienne version de Nuxt",", et l’agence souhaitait migrer vers ",[43,56,57],{},"WordPress"," pour ",[43,60,61],{},"simplifier la gestion de contenu",".",[14,64,65,66,69,70,73,74,77,78,81,82,85,86,89,90,93],{},"En collaboration avec le ",[43,67,68],{},"directeur artistique associé",", nous avons ",[43,71,72],{},"repensé le site"," pour conserver un ",[43,75,76],{},"effet WOW"," au niveau du ",[43,79,80],{},"visuel"," et des ",[43,83,84],{},"animations",", tout en ",[43,87,88],{},"optimisant la création de contenu"," via le ",[43,91,92],{},"back-office"," (ACF\u002FGutenberg).",[14,95,96,97,100,101,104,105,108],{},"Depuis, je m’occupe de la ",[43,98,99],{},"maintenance du site"," et mets à jour ",[43,102,103],{},"plusieurs fois par an"," le ",[43,106,107],{},"hero"," de la page d’accueil.",[110,111],"video",{":autoplay":112,":controls":112,":loop":112,":muted":112,"src":113},"true","\u002Fprojects\u002Fla-suite-and-co\u002Fvoeux-2025.mp4",[14,115,116],{},[117,118,119],"em",{},"Vœux 2025",[110,121],{":autoplay":112,":controls":112,":loop":112,":muted":112,"src":122},"\u002Fprojects\u002Fla-suite-and-co\u002Fheader-2025.mp4",[14,124,125],{},[117,126,127],{},"Header 2025",{"title":129,"searchDepth":130,"depth":130,"links":131},"",2,[132,133],{"id":29,"depth":130,"text":30},{"id":37,"depth":130,"text":38},"md",{},true,"\u002Fprojects\u002Fla-suite-and-co",{"title":5,"description":139},"Développement du site vitrine pour l’agence de communication qui m’emploie","projects\u002Fla-suite-and-co","aJCjDzsFIE8H5bp02hTBCrFqvOY3lbKSBqwUaZeVI_c",{"id":143,"extension":144,"meta":145,"projects":146,"stem":165,"__hash__":166},"projects\u002Fprojects.yml","yml",{},[147,152,157,162],{"title":148,"image":149,"url":150,"color":151},"Globe Trotter","\u002Fprojects\u002Fglobe-trotter\u002Fglobe-trotter.webp","\u002Fprojects\u002Fglobe-trotter","red",{"title":153,"image":154,"url":155,"color":156},"Winmac OS","\u002Fprojects\u002Fwinmac-os\u002Fwinmac-os.webp","\u002Fprojects\u002Fwinmac-os","purple",{"title":158,"image":159,"url":160,"color":161},"Shifumi Fight Pokémon Edition","\u002Fprojects\u002Fshifumi-fight-pokemon-edition\u002Fshifumi-fight.webp","\u002Fprojects\u002Fshifumi-fight-pokemon-edition","yellow",{"title":5,"image":163,"url":137,"color":164},"\u002Fprojects\u002Fla-suite-and-co\u002Fla-suite-and-co.webp","green","projects","gda4vqbfQiMMO4Ej_57CouKpJT-rdzqyp9VZpxsjj9s",{"id":168,"extension":144,"meta":169,"stem":170,"technologies":171,"__hash__":241},"technologies\u002Ftechnologies.yml",{},"technologies",[172,178,184,190,196,201,206,211,216,221,226,231,236,239],{"name":173,"category":174,"src":175,"description":176,"color":177},"Vue.js","frontend","\u002Ficons\u002Fvuejs.svg","Pour en prendre plein la vue","#B4E4CF",{"name":179,"category":180,"src":181,"description":182,"color":183},"JavaScript","fullstack","\u002Ficons\u002Fjavascript.svg","Pour donner vie aux sites webs","#F7ECA1",{"name":185,"category":186,"src":187,"description":188,"color":189},"Figma","tools","\u002Ficons\u002Ffigma.svg","C'est l'heure du dasagn","#C699FF",{"name":191,"category":192,"src":193,"description":194,"color":195},"AdonisJS","backend","\u002Ficons\u002Fadonisjs.svg","Adieu Express, bonjour Adonis","#FAF2DE",{"name":197,"category":174,"src":198,"description":199,"color":200},"Sass","\u002Ficons\u002Fsass.svg","CSS c’est bien mais Sass c’est mieux","#E6B2CC",{"name":202,"category":192,"src":203,"description":204,"color":205},"PHP","\u002Ficons\u002Fphp.svg","Toujours vivant, toujours debout","#A7BAF1",{"name":207,"category":186,"src":208,"description":209,"color":210},"Wordpress","\u002Ficons\u002Fwordpress.svg","Les sites webs en express","#ABD8ED",{"name":212,"category":180,"src":213,"description":214,"color":215},"TypeScript","\u002Ficons\u002Ftypescript.svg","Du même type que le JS","#ADCBEB",{"name":217,"category":186,"src":218,"description":219,"color":220},"Git","\u002Ficons\u002Fgit.svg","Des branches à tout va","#F8AEA0",{"name":222,"category":192,"src":223,"description":224,"color":225},"Node.js","\u002Ficons\u002Fnodejs.svg","Le JS est aussi dans le back","#BFE1B7",{"name":227,"category":174,"src":228,"description":229,"color":230},"GSAP","\u002Ficons\u002Fgsap.svg","Animer n'importe quoi","#F2ECE1",{"name":232,"category":174,"src":233,"description":234,"color":235},"Pinia","\u002Ficons\u002Fpinia.svg","De quoi être dans tous ses états","#FFE299",{"name":237,"category":174,"src":238,"color":195,"description":129},"Mapbox","\u002Ficons\u002Fmapbox.svg",{"name":240,"category":174,"src":175,"color":177},"Vue Router","Zti13z0-q78VdhTPLmf6tOG8Dv4HXFZhRU-7uJCOFlU",[243,316,385,503],{"id":244,"title":148,"body":245,"description":252,"extension":134,"meta":312,"navigation":136,"path":150,"seo":313,"stem":314,"__hash__":315},"content\u002Fprojects\u002Fglobe-trotter.md",{"type":7,"value":246,"toc":307},[247,250,253,259,261,264,268,289,295,300,303],[10,248,148],{"id":249},"globe-trotter",[14,251,252],{},"Globe Trotter est un site web qui vous permet de cartographier vos voyages de manière interactive et de les partager avec d’autres personnes",[18,254],{":links":255,"alt":256,"src":257,"title":23,"url":258,"variant":25},"[{\"url\":\"https:\u002F\u002Fglobe-trotter.tech\u002Fshared\u002Fb0fc994e-18ae-4506-9c01-6200df29c807\",\"title\":\"Voir le projet en ligne\",\"src\":\"\u002Ficons\u002Fwebsite.svg\"},{\"url\":\"https:\u002F\u002Fgithub.com\u002FMelvinCourant\u002Fglobe-trotter\",\"title\":\"Voir le code source sur Github\",\"src\":\"\u002Ficons\u002Fgithub.svg\"}]","Aperçu de Globe Trotter","\u002Fprojects\u002Fglobe-trotter\u002Fcover.webp","https:\u002F\u002Fglobe-trotter.tech\u002Fshared\u002Fb0fc994e-18ae-4506-9c01-6200df29c807",[27,260,30],{"id":29},[32,262],{":stack":263},"[\"Vue.js\",\"Sass\",\"AdonisJS\",\"TypeScript\",\"Mapbox\",\"Figma\"]",[27,265,267],{"id":266},"pourquoi-jai-créé-ce-projet","Pourquoi j’ai créé ce projet ?",[14,269,270,271,274,275,278,279,285,286],{},"L’idée m’est venue lors des derniers jours de mon voyage en ",[43,272,273],{},"Amazonie",". J’ai entendu une conversation entre mes compagnons de voyage : à leur retour, ils comptaient ajouter cette aventure à leurs ",[43,276,277],{},"cartes en liège",". En les entendant, je me suis dit : ",[117,280,281,282],{},"« Mais pourquoi ne ",[43,283,284],{},"développerais-je"," ",[117,287,288],{},"pas ce concept ? »",[14,290,291,292,62],{},"Avant de partir, je cherchais justement un projet qui me correspondrait et que je pourrais utiliser moi-même. Ce fut une révélation : j’avais trouvé ",[43,293,294],{},"le projet idéal",[14,296,297],{},[43,298,299],{},"J’ai donc décidé de le concrétiser pour transformer les souvenirs de voyage en quelque chose de tangible et partageable.",[27,301,185],{"id":302},"figma",[304,305],"projects-iframe-wrapper",{"src":306},"https:\u002F\u002Fembed.figma.com\u002Fdesign\u002FXNRcQHb9SSIhCU8Mciy49q\u002FGlobe-trotter?embed-host=share",{"title":129,"searchDepth":130,"depth":130,"links":308},[309,310,311],{"id":29,"depth":130,"text":30},{"id":266,"depth":130,"text":267},{"id":302,"depth":130,"text":185},{},{"title":148,"description":252},"projects\u002Fglobe-trotter","PkX7dV-5hno9APyBlxbB3Ta0Qeu5TiGEO8_Nq5i3f64",{"id":4,"title":5,"body":317,"description":16,"extension":134,"meta":383,"navigation":136,"path":137,"seo":384,"stem":140,"__hash__":141},{"type":7,"value":318,"toc":379},[319,321,323,325,327,329,331,343,359,367,369,373,375],[10,320,5],{"id":12},[14,322,16],{},[18,324],{":links":20,"alt":21,"src":22,"title":23,"url":24,"variant":25},[27,326,30],{"id":29},[32,328],{":stack":34},[27,330,38],{"id":37},[14,332,41,333,46,335,50,337,54,339,58,341,62],{},[43,334,45],{},[43,336,49],{},[43,338,53],{},[43,340,57],{},[43,342,61],{},[14,344,65,345,69,347,73,349,77,351,81,353,85,355,89,357,93],{},[43,346,68],{},[43,348,72],{},[43,350,76],{},[43,352,80],{},[43,354,84],{},[43,356,88],{},[43,358,92],{},[14,360,96,361,100,363,104,365,108],{},[43,362,99],{},[43,364,103],{},[43,366,107],{},[110,368],{":autoplay":112,":controls":112,":loop":112,":muted":112,"src":113},[14,370,371],{},[117,372,119],{},[110,374],{":autoplay":112,":controls":112,":loop":112,":muted":112,"src":122},[14,376,377],{},[117,378,127],{},{"title":129,"searchDepth":130,"depth":130,"links":380},[381,382],{"id":29,"depth":130,"text":30},{"id":37,"depth":130,"text":38},{},{"title":5,"description":139},{"id":386,"title":158,"body":387,"description":394,"extension":134,"meta":499,"navigation":136,"path":160,"seo":500,"stem":501,"__hash__":502},"content\u002Fprojects\u002Fshifumi-fight-pokemon-edition.md",{"type":7,"value":388,"toc":494},[389,392,395,401,403,406,408,430,448,478,489,491],[10,390,158],{"id":391},"shifumi-fight-pokémon-edition",[14,393,394],{},"Refonte d'un projet d'école d'un jeu de Shifumi ... mais à la sauce Pokémon !",[18,396],{":links":397,"alt":398,"src":399,"title":23,"url":400,"variant":25},"[{\"title\":\"https:\u002F\u002Fshifumi-fight.melvincourant.fr\u002F\",\"url\":\"https:\u002F\u002Fshifumi-fight.melvincourant.fr\u002F\",\"src\":\"\u002Ficons\u002Fwebsite.svg\"},{\"title\":\"Voir le code source sur Github\",\"url\":\"https:\u002F\u002Fgithub.com\u002FMelvinCourant\u002Fshifumi-fight-pokemon-edition\",\"src\":\"\u002Ficons\u002Fgithub.svg\"}]","Aperçu de Shifumi Fight","\u002Fprojects\u002Fshifumi-fight-pokemon-edition\u002Fcover.webp","https:\u002F\u002Fshifumi-fight.melvincourant.fr\u002F",[27,402,30],{"id":29},[32,404],{":stack":405},"[\"Vue.js\",\"Pinia\",\"Vue Router\",\"Sass\",\"Figma\"]",[27,407,267],{"id":266},[14,409,410,411,414,415,418,419,422,423,426,427,429],{},"Ce projet a été développé initialement lors de ma ",[43,412,413],{},"licence professionnelle UX2i",". L’objectif était de créer un jeu de ",[43,416,417],{},"Shifumi"," (pierre, feuille, ciseaux) en ",[43,420,421],{},"HTML",", ",[43,424,425],{},"CSS"," et ",[43,428,179],{},", où le joueur affronte le programme.",[14,431,432,433,436,437,440,441,444,445],{},"J’ai eu envie de le retravailler avec mes ",[43,434,435],{},"compétences actuelles"," et un ",[43,438,439],{},"visuel plus abouti",". En réfléchissant au concept de ",[43,442,443],{},"combat"," (comme l’indiquait déjà son nom), une idée m’est venue : ",[117,446,447],{},"« Pourquoi ne pas en faire un combat Pokémon ? »",[14,449,450,451,454,455,458,459,462,463,466,467,470,471,474,475,62],{},"Les choix ",[43,452,453],{},"pierre\u002Ffeuille\u002Fciseaux"," sont devenus des ",[43,456,457],{},"attaques"," (avec le ",[43,460,461],{},"puits"," comme 4ème option), la ",[43,464,465],{},"boîte PC"," permet de sélectionner ",[43,468,469],{},"son personnage",", et le ",[43,472,473],{},"score"," est remplacé par des ",[43,476,477],{},"points de vie",[14,479,480,481,484,485,488],{},"J’ai trouvé l’idée ",[43,482,483],{},"cool et originale",", et en tant que ",[43,486,487],{},"fan de la licence",", j’ai pris beaucoup de plaisir à la concrétiser.",[27,490,185],{"id":302},[304,492],{"src":493},"https:\u002F\u002Fembed.figma.com\u002Fdesign\u002FWGG26sMqz8u5Zyiq0S6OXs\u002FShifumi-Fight?embed-host=share",{"title":129,"searchDepth":130,"depth":130,"links":495},[496,497,498],{"id":29,"depth":130,"text":30},{"id":266,"depth":130,"text":267},{"id":302,"depth":130,"text":185},{},{"title":158,"description":394},"projects\u002Fshifumi-fight-pokemon-edition","th0FkfG0JRFq4Muw1B3bWa1h6kmoRtVf6l4ZSULRTTE",{"id":504,"title":153,"body":505,"description":512,"extension":134,"meta":580,"navigation":136,"path":155,"seo":581,"stem":582,"__hash__":583},"content\u002Fprojects\u002Fwinmac-os.md",{"type":7,"value":506,"toc":575},[507,510,513,519,521,524,526,551,565,570,572],[10,508,153],{"id":509},"winmac-os",[14,511,512],{},"Développement d’un mini OS dans un navigateur, basé sur un projet d’école",[18,514],{":links":515,"alt":516,"src":517,"title":23,"url":518,"variant":25},"[{\"title\":\"Voir le projet en ligne\",\"url\":\"https:\u002F\u002Fwinmac-os.melvincourant.fr\u002F\",\"src\":\"\u002Ficons\u002Fwebsite.svg\"},{\"title\":\"Voir le code source sur Github\",\"url\":\"https:\u002F\u002Fgithub.com\u002FMelvinCourant\u002Fwinmac-os\",\"src\":\"\u002Ficons\u002Fgithub.svg\"}]","Aperçu de WInmac OS","\u002Fprojects\u002Fwinmac-os\u002Fcover.webp","https:\u002F\u002Fwinmac-os.melvincourant.fr\u002F",[27,520,30],{"id":29},[32,522],{":stack":523},"[\"Vue.js\",\"Pinia\",\"Sass\",\"Figma\"]",[27,525,267],{"id":266},[14,527,528,529,532,533,535,536,539,540,543,544,547,548,62],{},"Ce projet était à l’origine un ",[43,530,531],{},"rendu"," pour le cours de ",[43,534,179],{}," de mon ",[43,537,538],{},"Master en Ingénierie du Web",". L’objectif ? Créer un ",[43,541,542],{},"mini OS"," fonctionnant dans un navigateur web, développé uniquement en ",[43,545,546],{},"JavaScript natif"," et avec l’aide des ",[43,549,550],{},"API web",[14,552,553,554,557,558,561,562,62],{},"Passionné par ce projet à l’époque, j’y avais investi beaucoup de temps. Aujourd’hui, j’ai décidé de le ",[43,555,556],{},"moderniser"," en y intégrant les ",[43,559,560],{},"compétences"," acquises depuis, ainsi que de ",[43,563,564],{},"nouvelles fonctionnalités",[14,566,567],{},[43,568,569],{},"J’ai ainsi donné une seconde vie à ce projet, en faisant une version plus complète et personnelle.",[27,571,185],{"id":302},[304,573],{"src":574},"https:\u002F\u002Fembed.figma.com\u002Fdesign\u002FNvPyrH0JzTdilwat9QkepY\u002FWinmac-OS?embed-host=share",{"title":129,"searchDepth":130,"depth":130,"links":576},[577,578,579],{"id":29,"depth":130,"text":30},{"id":266,"depth":130,"text":267},{"id":302,"depth":130,"text":185},{},{"title":153,"description":512},"projects\u002Fwinmac-os","bRQ_Enk3-awr3Hz-3DSXkQKyIZPc760DTRCOvClUdyM",1782230217457]