L'Oréal

Role & Context

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.

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.

Key Achievements

Multi-Brand UI Architecture Designed 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.

SEO & Accessibility Standards Engineered 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.

Front-End Core Standards Established 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.

Technical Stack

Core: Vue.js, Sitecore CMS integration Design: Figma Standards: SEO hardening, WCAG accessibility compliance Process: Scrum, multi-team coordination