[{"data":1,"prerenderedAt":369},["ShallowReactive",2],{"projects":3,"blog-preview":368},[4,94,166,235,299],{"id":5,"title":6,"body":7,"client":74,"coverImage":75,"description":68,"extension":76,"featured":77,"meta":78,"navigation":77,"order":79,"path":80,"period":81,"role":82,"seo":83,"stack":84,"stem":91,"summary":92,"__hash__":93},"projects\u002Fprojects\u002Flouis-vuitton-engineering-manager.md","Louis Vuitton — Engineering Manager",{"type":8,"value":9,"toc":67},"minimark",[10,15,19,22,26,33,39,45,49],[11,12,14],"h2",{"id":13},"role-context","Role & Context",[16,17,18],"p",{},"At Louis Vuitton via Valtech, I lead the front-end engineering function for one of the world's highest-traffic luxury e-commerce platforms. Managing a team of 18 developers across 8 squads, I hold full responsibility for technical vision, governance, architectural direction, and the human side — career growth, performance cycles, and team health.",[16,20,21],{},"The scope spans the entire front-end stack: from platform architecture decisions to squad-level delivery, from CI\u002FCD reliability to web performance and accessibility standards. Coordinating across product, UX, back-end, and infrastructure teams is a constant, requiring both technical credibility and deliberate communication.",[11,23,25],{"id":24},"key-achievements","Key Achievements",[16,27,28,32],{},[29,30,31],"strong",{},"AI-Augmented Engineering at Scale","\nDesigned and deployed an orchestration layer of 5 specialized internal LLM agents focused on unit testing automation and component scaffolding. The system integrates with existing squad workflows without disrupting delivery cadence — agents generate test suites and scaffold boilerplate from component contracts, cutting repetitive work. Squad velocity increased by 15% within the first months of adoption.",[16,34,35,38],{},[29,36,37],{},"Nuxt 2 → Nuxt 3 Migration","\nDirecting the global migration of a large-scale Nuxt 2 codebase to Nuxt 3 — a complex, phased operation across a platform that cannot afford downtime. The migration strategy prioritizes incremental modernization: eliminating legacy patterns, reducing technical debt accrued over years, and unlocking Nuxt 3's performance primitives. Initial benchmarks show a 5% improvement in web performance metrics with further gains expected as migration progresses.",[16,40,41,44],{},[29,42,43],{},"Architecture, SEO & Generative Engine Optimization","\nBeyond platform stability, driving structural improvements to architecture that affect discoverability: technical SEO hardening, accessibility (WCAG compliance), and early work on Generative Engine Optimization (GEO) — ensuring the platform's content is well-positioned for AI-driven search surfaces alongside traditional ranking signals.",[11,46,48],{"id":47},"technical-stack","Technical Stack",[16,50,51,54,55,58,59,62,63,66],{},[29,52,53],{},"Core:"," Nuxt.js (2 → 3 migration), TypeScript, Vue 3, Node.js\n",[29,56,57],{},"AI & Tooling:"," Claude Code, GitHub Copilot, custom LLM agent orchestration\n",[29,60,61],{},"Infrastructure:"," GCP, Akamai CDN, CI\u002FCD pipelines\n",[29,64,65],{},"Process:"," Scrum, SAFe, cross-squad coordination across 8 product squads",{"title":68,"searchDepth":69,"depth":69,"links":70},"",2,[71,72,73],{"id":13,"depth":69,"text":14},{"id":24,"depth":69,"text":25},{"id":47,"depth":69,"text":48},"Louis Vuitton",null,"md",true,{},1,"\u002Fprojects\u002Flouis-vuitton-engineering-manager","2024 – Present","Front-End Engineering Manager",{"title":6,"description":68},[85,86,87,88,89,90],"Nuxt 3","TypeScript","Node.js","GCP","GitHub Copilot","Claude Code","projects\u002Flouis-vuitton-engineering-manager","Leading front-end architecture and engineering teams for a global luxury e-commerce platform.","_GRMT-VhQBHil_lEaIneusIR3t0ms0c1PS_6fQIDGoo",{"id":95,"title":96,"body":97,"client":74,"coverImage":75,"description":68,"extension":76,"featured":77,"meta":153,"navigation":77,"order":69,"path":154,"period":155,"role":156,"seo":157,"stack":158,"stem":163,"summary":164,"__hash__":165},"projects\u002Fprojects\u002Flouis-vuitton-lead-developer.md","Louis Vuitton — Lead Front-End Developer",{"type":8,"value":98,"toc":148},[99,101,104,107,109,115,121,127,129],[11,100,14],{"id":13},[16,102,103],{},"Prior to stepping into the EM role, I spent three years as Front-End Lead Developer at Louis Vuitton via Valtech — the role where I moved from individual contributor to technical leader. With 7 developers under my direction, I owned front-end architecture decisions and delivery across a flagship e-commerce platform operating across 20+ countries.",[16,105,106],{},"The work combined hands-on architecture design with coordination across back-end, infrastructure, and product teams. Two major initiatives defined this period: a foundational architectural overhaul and a full e-commerce platform migration.",[11,108,25],{"id":24},[16,110,111,114],{},[29,112,113],{},"Domain-Driven Design Architecture","\nDesigned and implemented a Domain-Driven Design (DDD) architecture to handle multi-backend integration — the platform interfaces with several back-end services, and the previous approach created tight coupling that slowed teams down and made changes risky. The DDD structure decoupled core features into clear domain boundaries, reduced cross-team dependency, and made the codebase significantly more maintainable. Other squads could iterate on their domain without cascading rework.",[16,116,117,120],{},[29,118,119],{},"E-Commerce Re-Platforming","\nLed the front-end engineering effort for a major re-platforming — migrating from a legacy ATG-based commerce stack to Salesforce B2C Commerce. This is the kind of project that touches everything: routing, data contracts, state management, component architecture, and the deployment pipeline. Coordinating 7 developers through this while maintaining production stability required clear task breakdown, staged rollouts, and continuous communication with back-end and QA teams.",[16,122,123,126],{},[29,124,125],{},"Global Production Deployments","\nManaged production releases and progressive feature rollouts across 20+ countries. Luxury e-commerce has unforgiving commercial moments — fashion weeks, holiday periods, major campaign launches — where platform availability is non-negotiable. Maintained 99.9% platform availability through these peaks by establishing robust release protocols, staged deployment strategies, and incident response processes.",[11,128,48],{"id":47},[16,130,131,133,134,137,138,140,141,144,145,147],{},[29,132,53],{}," Nuxt.js (v2), TypeScript, Vue.js, JavaScript\n",[29,135,136],{},"Testing:"," Jest (unit + integration)\n",[29,139,61],{}," Azure, CI\u002FCD pipelines\n",[29,142,143],{},"Architecture:"," Domain-Driven Design, multi-backend integration patterns\n",[29,146,65],{}," Scrum, SAFe, cross-functional team coordination",{"title":68,"searchDepth":69,"depth":69,"links":149},[150,151,152],{"id":13,"depth":69,"text":14},{"id":24,"depth":69,"text":25},{"id":47,"depth":69,"text":48},{},"\u002Fprojects\u002Flouis-vuitton-lead-developer","2021 – 2024","Front-End Lead Developer",{"title":96,"description":68},[159,86,160,161,162],"Nuxt 2","Vue.js","Jest","Azure","projects\u002Flouis-vuitton-lead-developer","Architected a DDD-based front-end platform and led a full e-commerce re-platforming for a global luxury brand.","0q2-6CbT-MVa7xbJEbzLS40-nvV7EUD7FM-W3drw8uE",{"id":167,"title":168,"body":169,"client":222,"coverImage":75,"description":68,"extension":76,"featured":77,"meta":223,"navigation":77,"order":224,"path":225,"period":226,"role":156,"seo":227,"stack":228,"stem":232,"summary":233,"__hash__":234},"projects\u002Fprojects\u002Frolex-lead-developer.md","Rolex — Front-End Lead Developer",{"type":8,"value":170,"toc":217},[171,173,176,179,181,187,193,199,201],[11,172,14],{"id":13},[16,174,175],{},"At Rolex via Valtech, I led the front-end team responsible for delivering the global Rolex Newsroom — a high-traffic media platform serving press content, brand announcements, and editorial stories to a worldwide audience. The project demanded engineering precision to match the brand's exacting standards: performance, visual fidelity, and reliability under significant traffic load.",[16,177,178],{},"Beyond delivery, a major dimension of the role was organizational: the existing team was composed primarily of experienced CMS developers with deep Sitecore knowledge but limited exposure to modern component-based front-end architecture. Bridging that gap required both technical direction and patient mentoring.",[11,180,25],{"id":24},[16,182,183,186],{},[29,184,185],{},"Global Newsroom Architecture","\nDesigned and implemented the scalable front-end component architecture for the Rolex Newsroom, built to handle high-traffic media delivery without degradation. The architecture prioritized composability — components built once, reused across editorial templates, brand launches, and press sections — reducing duplication and ensuring visual consistency at scale.",[16,188,189,192],{},[29,190,191],{},"CMS-to-Vue.js Modernization","\nLed a deliberate upskilling program for the existing team, transitioning traditional Sitecore CMS developers onto modern Vue.js practices integrated within the Sitecore rendering pipeline. This wasn't a forced migration but a structured knowledge transfer: pair programming, code review culture, and incremental adoption of Vue patterns alongside existing CMS workflows. By project end, the team operated confidently in both paradigms.",[16,194,195,198],{},[29,196,197],{},"High-Traffic Media Delivery","\nEngineered front-end performance specifically for media-heavy editorial content — optimized asset loading, lazy rendering strategies, and CDN-friendly output — ensuring the Newsroom performed reliably during high-visibility brand announcements and watch launches.",[11,200,48],{"id":47},[16,202,203,205,206,209,210,213,214,216],{},[29,204,53],{}," Vue.js, Sitecore CMS integration\n",[29,207,208],{},"Analytics & Tracking:"," Google Tag Manager (GTM)\n",[29,211,212],{},"Design:"," Figma\n",[29,215,65],{}," Agile, cross-functional collaboration with Rolex brand and UX teams",{"title":68,"searchDepth":69,"depth":69,"links":218},[219,220,221],{"id":13,"depth":69,"text":14},{"id":24,"depth":69,"text":25},{"id":47,"depth":69,"text":48},"Rolex",{},3,"\u002Fprojects\u002Frolex-lead-developer","2020 – 2021",{"title":168,"description":68},[160,229,230,231],"Sitecore","GTM","Figma","projects\u002Frolex-lead-developer","Architected the global Rolex Newsroom and modernized front-end practices for a high-traffic luxury media platform.","AY0_4TTOrDbKxnKIIDpwXT77p4AqMmETQIk4g4ZsK4s",{"id":236,"title":237,"body":238,"client":288,"coverImage":75,"description":68,"extension":76,"featured":77,"meta":289,"navigation":77,"order":290,"path":291,"period":292,"role":156,"seo":293,"stack":294,"stem":296,"summary":297,"__hash__":298},"projects\u002Fprojects\u002Floreal-lead-developer.md","L'Oréal — Front-End Lead Developer",{"type":8,"value":239,"toc":283},[240,242,245,248,250,256,262,268,270],[11,241,14],{"id":13},[16,243,244],{},"At L'Oréal via Valtech, I led front-end development for a major redesign of the group's institutional web presence — a large-scale project requiring both UI engineering rigour and the discipline to deliver consistent quality across a highly distributed brand portfolio. L'Oréal's digital properties span dozens of brands with distinct identities, yet share underlying infrastructure: the architecture had to be flexible enough to accommodate brand variation while maintaining a coherent, maintainable foundation.",[16,246,247],{},"The project combined execution with standards work: beyond delivering the redesign, a significant part of the role involved establishing and enforcing front-end practices that would outlive the project and scale across the broader team.",[11,249,25],{"id":24},[16,251,252,255],{},[29,253,254],{},"Multi-Brand UI Architecture","\nDesigned the front-end architecture for the redesigned institutional platform, ensuring robust UI structure capable of serving multiple brand contexts from a shared component library. The approach balanced brand-specific customization needs against the maintenance overhead of divergent codebases — a deliberate architectural trade-off with long-term sustainability as the primary constraint.",[16,257,258,261],{},[29,259,260],{},"SEO & Accessibility Standards","\nEngineered and enforced strict front-end standards for SEO performance and full WCAG accessibility compliance across all templates. This was systematic work: defining the standards, building them into the component contracts, and validating compliance as part of the delivery process rather than as a post-hoc audit. The result was a platform that met accessibility requirements at launch rather than accumulating accessibility debt.",[16,263,264,267],{},[29,265,266],{},"Front-End Core Standards","\nEstablished shared front-end coding standards and review practices for the project team, creating the baseline of consistency needed to deliver at scale. Standardizing patterns early reduced integration friction and made cross-team code review meaningful rather than superficial.",[11,269,48],{"id":47},[16,271,272,205,274,213,276,279,280,282],{},[29,273,53],{},[29,275,212],{},[29,277,278],{},"Standards:"," SEO hardening, WCAG accessibility compliance\n",[29,281,65],{}," Scrum, multi-team coordination",{"title":68,"searchDepth":69,"depth":69,"links":284},[285,286,287],{"id":13,"depth":69,"text":14},{"id":24,"depth":69,"text":25},{"id":47,"depth":69,"text":48},"L'Oréal",{},4,"\u002Fprojects\u002Floreal-lead-developer","2019 – 2020",{"title":237,"description":68},[160,229,231,295],"Scrum","projects\u002Floreal-lead-developer","Led front-end development for a major institutional website redesign across a global multi-brand beauty group.","wIlmQ8sCrVfC0TfPKL7PhxLvLxgxCenG3uaNMI_om9g",{"id":300,"title":301,"body":302,"client":355,"coverImage":75,"description":68,"extension":76,"featured":77,"meta":356,"navigation":77,"order":357,"path":358,"period":359,"role":360,"seo":361,"stack":362,"stem":365,"summary":366,"__hash__":367},"projects\u002Fprojects\u002Fvaltech-developer.md","Valtech — Front-End Developer",{"type":8,"value":303,"toc":350},[304,306,309,312,314,320,326,332,334],[11,305,14],{"id":13},[16,307,308],{},"At Valtech, I worked as a front-end developer on digital projects for a portfolio of some of the world's most prestigious luxury maisons — Jaeger-LeCoultre, Hermès, and Van Cleef & Arpels. This was the formative period of my luxury digital specialization: learning to operate at the intersection of exacting brand standards, demanding visual quality, and the technical rigour required to deliver at the level these clients expect.",[16,310,311],{},"Working across multiple brands within a major digital agency meant rapid context-switching, exposure to varied project types, and the discipline to absorb brand-specific constraints quickly and translate them into implementation decisions.",[11,313,25],{"id":24},[16,315,316,319],{},[29,317,318],{},"Luxury Brand Digital Delivery","\nDelivered front-end solutions across distinct luxury maisons, each with its own identity, design language, and technical requirements. Jaeger-LeCoultre required precision in representing horological heritage digitally; Hermès demanded restraint and craft in every UI interaction; Van Cleef & Arpels brought the complexity of jewellery storytelling to the web. Each project sharpened the ability to serve a brand's vision technically without compromise.",[16,321,322,325],{},[29,323,324],{},"Adobe AEM Integration","\nBuilt front-end solutions integrated within Adobe Experience Manager (AEM), the CMS of choice for several major luxury clients. Developing within AEM's authoring model required understanding both the technical constraints of the platform and the editorial workflows of brand marketing teams — producing templates and components that were as usable for content editors as they were visually faithful to brand guidelines.",[16,327,328,331],{},[29,329,330],{},"Vue.js Adoption in Luxury Context","\nApplied Vue.js within luxury brand projects at a time when component-based front-end architecture was still being adopted in the agency space. Early, consistent use of Vue.js across projects built the foundation for the lead developer and architectural roles that followed.",[11,333,48],{"id":47},[16,335,336,338,339,342,343,345,346,349],{},[29,337,53],{}," JavaScript, Vue.js\n",[29,340,341],{},"CMS:"," Adobe AEM\n",[29,344,212],{}," Figma, Photoshop\n",[29,347,348],{},"Clients:"," Jaeger-LeCoultre, Hermès, Van Cleef & Arpels",{"title":68,"searchDepth":69,"depth":69,"links":351},[352,353,354],{"id":13,"depth":69,"text":14},{"id":24,"depth":69,"text":25},{"id":47,"depth":69,"text":48},"Valtech",{},7,"\u002Fprojects\u002Fvaltech-developer","2017 – 2019","Front-End Developer",{"title":301,"description":68},[363,160,364,231],"JavaScript","Adobe AEM","projects\u002Fvaltech-developer","Delivered front-end solutions for luxury maisons including Jaeger-LeCoultre, Hermès, and Van Cleef & Arpels.","Hc_mTrvAvyfujyaEcTRTCp5VBDxm3ER0RRBLB0rObog",[],1780240753287]