[{"data":1,"prerenderedAt":211},["ShallowReactive",2],{"technos-force-graph":3,"projects-grid":46},[4,10,16,20,25,28,32,36,40,43],{"title":5,"level":6,"description":7,"category":8,"priority":9},"Accessibilité (RGAA\u002FWCAG)","Avancé","Conception d'interfaces inclusives validées par des audits de conformité. Gestion avancée de la sémantique HTML, des interactions clavier complexes (modales, sliders) et des attributs ARIA pour garantir une expérience universelle.","Ingénierie & Méthodologie",2,{"title":11,"level":12,"description":13,"category":14,"priority":15},"Data Visualization","Académique \u002F Débutant","Compréhension des principes de la sémiologie graphique. Expérience académique sur D3.js pour la transformation de jeux de données en visualisations interactives.","Culture Technique & CMS",3,{"title":17,"level":18,"description":19,"category":14,"priority":15},"Développement CMS (WordPress & Drupal)","Confirmé","Développement complet sous WordPress : création de thèmes sur mesure via l'exploitation des hooks et fonctions natives, et développement de plugins fonctionnels (ex : création d'un plugin antispam). Côté Drupal : intégration frontend au sein de structures de données complexes (Twig, blocs, hooks).",{"title":21,"level":6,"description":22,"category":23,"priority":24},"GSAP & Motion Design","Implémentation d'animations interactives et complexes : scroll-driven animations, pinning et transitions d'état. Maîtrise des problématiques de performance (reflow\u002Frepaint) et respect de la préférence utilisateur 'prefers-reduced-motion'.","Développement & Design",1,{"title":26,"level":6,"description":27,"category":23,"priority":24},"Nuxt 4 & Vue.js","Mise en œuvre d'architectures SSR\u002FSSG avec Nuxt 4 et Vue 3. Structuration de projets via des composants modulaires et utilisation de Nuxt Content. Focus sur l'organisation du code et l'optimisation des performances de rendu.",{"title":29,"level":30,"description":31,"category":23,"priority":24},"SCSS & Architecture CSS","Expert","Utilisation avancée du pré-processeur : fonctions, mixins et gestion de variables. Application de méthodologies modulaires (BEM, 7-1 pattern) pour garantir la scalabilité et la maintenance des styles sans dépendances externes.",{"title":33,"level":34,"description":35,"category":8,"priority":9},"Simplification & Analyse Conceptuelle","Compétence clé","Modélisation de problèmes complexes par des schémas logiques. Capacité à isoler les points de blocage dans une architecture pour proposer des solutions techniques simplifiées et directes.",{"title":37,"level":38,"description":39,"category":8,"priority":9},"Unification de Stack & Refactoring","Expérience confirmée","Intervention sur des systèmes hybrides (ex : Drupal\u002FAngularJS) pour unifier la stack technique. Extraction de logique métier vers du JavaScript natif ou des templates Twig afin de réduire la dette technique et supprimer les frameworks obsolètes.",{"title":41,"level":6,"description":42,"category":23,"priority":24},"UX\u002FUI Design & Design Systems","Conception d'interfaces sur Figma incluant la création de bibliothèques de composants (UI Kits) et de Design Systems. Méthodologie centrée sur la cohérence visuelle et la fluidité du passage de la maquette à l'intégration.",{"title":44,"level":6,"description":45,"category":8,"priority":9},"Versionnement & Workflows (Git \u002F GitLab)","Utilisation quotidienne de Git pour la gestion de version. Maîtrise des workflows collaboratifs type Gitflow (branches de feature, release, hotfix). Expérience sur GitLab pour le suivi des issues et la gestion des merge requests.",[47,60,70,80,91,100,108,119,128,136,145,152,160,172,180,186,195,203],{"path":48,"titre":49,"sousTitre":50,"resume":51,"tags":52,"couverture":57,"niveauImportance":58,"ordreAffichage":57,"visible":59},"\u002Fprojets\u002Fairbus","Serious game de sensibilisation écologique — Airbus","Mission Junior Entreprise UTC, sous NDA","Design UX\u002FUI d'un serious game de sensibilisation écologique (RSE) pour Airbus, réalisé dans le cadre de la Junior Entreprise UTC. Projet sous NDA : détails de contenu non communicables.",[53,54,55,56],"Serious Game","UX\u002FUI","RSE","NDA",null,"standard",true,{"path":61,"titre":62,"sousTitre":63,"resume":64,"tags":65,"couverture":57,"niveauImportance":58,"ordreAffichage":57,"visible":59},"\u002Fprojets\u002Favatararchitecte","Avatar Architectes — Site vitrine","Réalisation intégrale : cadrage, SEO, maquettes, développement, mise en production","Réalisation intégrale du site vitrine d'Avatar Architectes, de la récolte du besoin à la mise en production, incluant une réflexion SEO malgré un budget serré.",[66,67,68,69],"WordPress","SEO","Site vitrine","Cadrage client",{"path":71,"titre":72,"sousTitre":73,"resume":74,"tags":75,"couverture":57,"niveauImportance":58,"ordreAffichage":57,"visible":59},"\u002Fprojets\u002Fbeehappy","Beehappy — Étude expérimentale sur la couleur en réalité virtuelle","Impact de la suppression des couleurs sur l'expérience émotionnelle en VR — UV ICX6, Master HIC (UTC)","Conception et conduite d'une expérience scientifique en réalité virtuelle (casque HTC Vive) évaluant si la suppression des couleurs altère l'expérience émotionnelle des joueurs, à partir de Bee Happy, un jeu VR développé par d'autres étudiants UTC. Protocole complet : variables contrôlées, mesures physiologiques et déclaratives, analyse de sentiment sur les réponses ouvertes.",[76,77,78,79],"VR","Recherche expérimentale","UX Research","UTC",{"path":81,"titre":82,"sousTitre":83,"resume":84,"tags":85,"couverture":57,"niveauImportance":90,"ordreAffichage":57,"visible":59},"\u002Fprojets\u002Fbeksinski","Beksinski — Site créatif hommage à Zdzisław Beksiński","Expérience narrative interactive en JS\u002FThree.js, cours SI28 du Master HIC (UTC)","Site créatif en hommage au peintre Zdzisław Beksiński, mêlant ses peintures à des interactions desktop (essentiellement à la souris), réalisé en groupe dans le cadre du cours SI28 (Écriture interactive et multimédia), dirigé par Serge Bouchardon, au sein du Master HIC à l'UTC.",[86,87,88,89,79],"Creative Coding","Three.js","WebGL","Narration interactive","phare",{"path":92,"titre":93,"sousTitre":94,"resume":95,"tags":96,"couverture":57,"niveauImportance":99,"ordreAffichage":57,"visible":59},"\u002Fprojets\u002Fbulhoes-connect","Bulhoes Connect — Maquette page d'accueil","Maquette pour un spécialiste de l'installation de thermostats et domotique","Maquette de la page d'accueil pour Bulhoes Connect, spécialiste de l'installation de thermostats et de solutions domotiques, via Studio NAMA.",[54,97,98],"Figma","Domotique","discret",{"path":101,"titre":102,"sousTitre":103,"resume":104,"tags":105,"couverture":57,"niveauImportance":90,"ordreAffichage":57,"visible":59},"\u002Fprojets\u002Fdri","Interface d'inscription Erasmus+ — DRI UTC","Mission Junior Entreprise UTC pour la Direction des Relations Internationales","Conception (maquettes) et développement frontend en Vanilla JS d'une interface d'inscription à la bourse Erasmus+ pour ~500 étudiants UTC par an, remplaçant un suivi jusque-là géré manuellement sur Excel par la DRI.",[106,54,107,79],"Vanilla JS","Junior Entreprise",{"path":109,"titre":110,"sousTitre":111,"resume":112,"tags":113,"couverture":57,"niveauImportance":90,"ordreAffichage":57,"visible":59},"\u002Fprojets\u002Fdrivein","Drive In Production — Site vitrine agence de production vidéo","Refonte complète (UX\u002FUI + développement) du site d'une agence de production vidéo B2B","Conception et développement intégral (UX\u002FUI + frontend) du site vitrine de Drive In Production, agence de production vidéo destinée aux entreprises, avec CMS headless, animations GSAP et intégration Vimeo.",[114,115,116,117,118,68],"Nuxt","Vue","GSAP","Vimeo","Freelance",{"path":120,"titre":121,"sousTitre":122,"resume":123,"tags":124,"couverture":57,"niveauImportance":99,"ordreAffichage":57,"visible":59},"\u002Fprojets\u002Fetusexy","Etu'Sexy — Calendrier caritatif étudiant","Création du print, co-responsable graphisme — calendrier au profit de Toit pour le Népal","Création du print d'un calendrier caritatif étudiant (Etu'Sexy, UTC) au profit de l'association Toit pour le Népal, en tant que co-responsable graphisme.",[125,126,127,79],"Print","Design graphique","Associatif",{"path":129,"titre":130,"sousTitre":131,"resume":132,"tags":133,"couverture":57,"niveauImportance":58,"ordreAffichage":57,"visible":59},"\u002Fprojets\u002Ffluid","Fluid — Agrégateur de réseaux sociaux et bien-être","Design d'expérience d'une application mobile, UV UXD1 du Master HIC (UTC)","Design d'expérience d'une application mobile visant à répondre à une problématique de santé mentale en liant bien-être et présence numérique, dans le cadre de l'UV UXD1 du Master HIC à l'UTC.",[134,97,135,79],"UX Design","Santé mentale",{"path":137,"titre":138,"sousTitre":139,"resume":140,"tags":141,"couverture":57,"niveauImportance":58,"ordreAffichage":57,"visible":59},"\u002Fprojets\u002Flachelousphere","Lachelousphere — Site e-commerce","Boutique en ligne de merchandising pour un vidéaste","Création d'un site e-commerce pour Reda Boucher, vidéaste sur internet, permettant la vente de son merchandising à sa communauté, avec un plugin WordPress sur mesure pour le suivi des ventes.",[66,142,143,144],"E-commerce","WooCommerce","Plugin",{"path":146,"titre":147,"sousTitre":148,"resume":149,"tags":150,"couverture":57,"niveauImportance":99,"ordreAffichage":57,"visible":59},"\u002Fprojets\u002Flore-finance","Loré Finance — Site vitrine","Reprise complète du site, intégration sur maquette externe","Reprise complète du site vitrine de Loré Finance, société de conseil et solutions logicielles autour des leviers financiers, sur la base d'une maquette réalisée par un designer externe.",[66,68,151],"ACF",{"path":153,"titre":154,"sousTitre":155,"resume":156,"tags":157,"couverture":57,"niveauImportance":58,"ordreAffichage":57,"visible":59},"\u002Fprojets\u002Fportfolio","Portfolio personnel","Terrain de jeu technique et visuel pour explorer Nuxt, GSAP et l'interactivité","Portfolio personnel pensé comme terrain d'exploration technique et visuel : un site très interactif qui me ressemble, pour apprendre en marchant (Nuxt\u002FVue, GSAP, à terme Three.js, UI Kits).",[114,116,158,159],"Portfolio","Exploratoire",{"path":161,"titre":162,"sousTitre":163,"resume":164,"tags":165,"couverture":57,"niveauImportance":90,"ordreAffichage":57,"visible":59},"\u002Fprojets\u002Ftad","Refonte des portails médiathèque Drupal","Modernisation UI et réduction de la dette technique sur les portails clients d'un éditeur de SIGB","Audit, refonte et modernisation des portails Drupal proposés aux médiathèques clientes de Tech'Advantage, avec une remontée de la conformité RGAA à 75%+ et une forte réduction de la dette technique.",[166,167,168,169,170,171],"Drupal","RGAA","Legacy","CMS","PHP","AngularJS",{"path":173,"titre":174,"sousTitre":175,"resume":176,"tags":177,"couverture":57,"niveauImportance":58,"ordreAffichage":57,"visible":59},"\u002Fprojets\u002Ftictacbiome","Tictacbiome — Jeu de plateau sur la biodiversité","Design d'expérience pour le CREA Mont-Blanc, UV ICX1 (Design du vivant) du Master HIC (UTC)","Conception d'un jeu sérieux sur la biodiversité et les interdépendances entre espèces, à la demande du CREA Mont-Blanc, dans le cadre de l'UV ICX1 (Design du vivant) du Master HIC à l'UTC. Présenté en format numérique mais pensé pour être physique.",[178,78,179,79],"Jeu sérieux","Biodiversité",{"path":181,"titre":182,"sousTitre":183,"resume":184,"tags":185,"couverture":57,"niveauImportance":58,"ordreAffichage":57,"visible":59},"\u002Fprojets\u002Ftx-master","Maquette site du Master HIC — TX","Travail expérimental (ECTS), encadré par le directeur de formation du master UX","Conception d'une maquette pour un site indépendant dédié au Master HIC, distinct de la page réservée au master sur le site principal de l'UTC, dans le cadre d'une TX (travail apportant des ECTs) encadrée par le directeur de formation du master UX.",[54,97,79],{"path":187,"titre":188,"sousTitre":189,"resume":190,"tags":191,"couverture":57,"niveauImportance":90,"ordreAffichage":57,"visible":59},"\u002Fprojets\u002Fuikit","UIkit — Bibliothèque de composants Vanilla JS","Initiative personnelle pour sortir du copier-coller et du tout-Drupal sur les portails clients TAD","Proposition et création, en autonomie, d'une petite bibliothèque de composants Vanilla JS chez Tech'Advantage pour sortir de la logique 100% Drupal et réduire le copier-coller entre portails clients.",[106,192,193,167,194],"Design System","SCSS","Composants",{"path":196,"titre":197,"sousTitre":198,"resume":199,"tags":200,"couverture":57,"niveauImportance":99,"ordreAffichage":57,"visible":59},"\u002Fprojets\u002Fwellstone","Wellstone — Intégration refonte graphique","Refonte graphique légère : nouvelle charte, logo, éléments visuels","Intégration d'une nouvelle charte graphique dans le cadre d'une refonte légère du site web de Wellstone, société spécialisée dans l'achat, la vente et la location d'immobilier d'entreprise à Paris.",[66,201,202],"Branding","Refonte graphique",{"path":204,"titre":205,"sousTitre":206,"resume":207,"tags":208,"couverture":57,"niveauImportance":99,"ordreAffichage":57,"visible":59},"\u002Fprojets\u002Fwexperience","Rapport d'étonnement — Wexperience","Exercice d'audit UX demandé dans le cadre d'un processus de recrutement pour un stage","Rédaction d'un rapport d'étonnement à la demande de Wexperience, agence lilloise d'ergonomie digitale et d'optimisation UX travaillant avec de grandes entreprises françaises, dans le cadre d'un processus de recrutement pour un stage.",[209,210],"Rapport d'étonnement","Audit UX",1790259356745]