[{"data":1,"prerenderedAt":123},["ShallowReactive",2],{"project-loreal-lead-developer":3,"all-projects-nav-loreal-lead-developer":91},{"id":4,"title":5,"body":6,"client":73,"coverImage":74,"description":67,"extension":75,"featured":76,"meta":77,"navigation":76,"order":78,"path":79,"period":80,"role":81,"seo":82,"stack":83,"stem":88,"summary":89,"__hash__":90},"projects\u002Fprojects\u002Floreal-lead-developer.md","L'Oréal — Front-End Lead Developer",{"type":7,"value":8,"toc":66},"minimark",[9,14,18,21,25,32,38,44,48],[10,11,13],"h2",{"id":12},"role-context","Role & Context",[15,16,17],"p",{},"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.",[15,19,20],{},"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.",[10,22,24],{"id":23},"key-achievements","Key Achievements",[15,26,27,31],{},[28,29,30],"strong",{},"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.",[15,33,34,37],{},[28,35,36],{},"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.",[15,39,40,43],{},[28,41,42],{},"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.",[10,45,47],{"id":46},"technical-stack","Technical Stack",[15,49,50,53,54,57,58,61,62,65],{},[28,51,52],{},"Core:"," Vue.js, Sitecore CMS integration\n",[28,55,56],{},"Design:"," Figma\n",[28,59,60],{},"Standards:"," SEO hardening, WCAG accessibility compliance\n",[28,63,64],{},"Process:"," Scrum, multi-team coordination",{"title":67,"searchDepth":68,"depth":68,"links":69},"",2,[70,71,72],{"id":12,"depth":68,"text":13},{"id":23,"depth":68,"text":24},{"id":46,"depth":68,"text":47},"L'Oréal",null,"md",true,{},4,"\u002Fprojects\u002Floreal-lead-developer","2019 – 2020","Front-End Lead Developer",{"title":5,"description":67},[84,85,86,87],"Vue.js","Sitecore","Figma","Scrum","projects\u002Floreal-lead-developer","Led front-end development for a major institutional website redesign across a global multi-brand beauty group.","wIlmQ8sCrVfC0TfPKL7PhxLvLxgxCenG3uaNMI_om9g",[92,96,98,102,103,107,111,115,119],{"path":93,"client":94,"order":95},"\u002Fprojects\u002Flouis-vuitton-engineering-manager","Louis Vuitton",1,{"path":97,"client":94,"order":68},"\u002Fprojects\u002Flouis-vuitton-lead-developer",{"path":99,"client":100,"order":101},"\u002Fprojects\u002Frolex-lead-developer","Rolex",3,{"path":79,"client":73,"order":78},{"path":104,"client":105,"order":106},"\u002Fprojects\u002Fmaisons-du-monde-developer","Maisons du Monde",5,{"path":108,"client":109,"order":110},"\u002Fprojects\u002Fjellynote-developer","Jellynote",6,{"path":112,"client":113,"order":114},"\u002Fprojects\u002Fvaltech-developer","Valtech",7,{"path":116,"client":117,"order":118},"\u002Fprojects\u002Findexel-wordpress-developer","Indexel",8,{"path":120,"client":121,"order":122},"\u002Fprojects\u002Fprowebce-webmaster","ProwebCE",9,1780240753516]