SÉVERINE BAUDRAND

MADRID, SPAIN · FREELANCE & PERMANENT ROLES

FRONT–END
WITH care.

Front-End Lead |
Design Systems & UI Engineering

I bridge Design and Engineering to build consistent components and pixel-accurate, responsive interfaces — with accessibility and performance built in.

Explore my experience

01 / THE WAY I WORK

Design.
Code.
Quality.

Séverine Baudrand

8+ years bringing design intentions into real interfaces.

My core focus is Design Systems and UI Engineering: translating design intentions into reusable components, consistent interfaces and precise responsive layouts with HTML and CSS. Accessibility and web performance are part of that implementation quality. I have also acted as an accessibility referent, particularly at Guerlain.

I work closely with designers, developers and product teams: clarifying implementation, documenting decisions and helping QA teams review front-end work in the browser.

Alongside development, I have organised Jira backlogs, written tickets and acceptance criteria, planned work into sprints and coordinated accessibility corrections.

HTML & CSS · Responsive UI · Design systems · WCAG · Semantic HTML & ARIA · Web performance · Visual quality · SFCC

02 / SELECTED EXPERIENCE

Behind the
interface.

01

PARFUMS
CHRISTIAN DIOR

Senior Front-End Consultant
January — June 2026

A bridge between Design and Engineering.

Integrated into the Design team, I translated design requirements into technical implementation on the global SFCC e-commerce platform.

  • Created Technical Solution Designs (TSDs) and co-wrote major front-end development tickets with the junior Product Owner.
  • Developed Page Designer features and supported reusable, accessible components.
  • Reviewed responsive behaviour, semantic HTML, implementation quality and performance.

Focus: design-to-code, clear specifications and consistent UI.

02

GUERLAIN
& LVMH BEAUTY TECH

Front-End leadership
Accessibility referent

Responsive delivery, with accessibility throughout.

At Guerlain, I managed and developed a responsive release over six months, alongside other releases. Accessibility was a central part of my front-end work.

  • Organised Jira tickets, descriptions, acceptance criteria and sprint allocation.
  • Guided Design and Engineering on WCAG requirements and accessible implementation.
  • Supported responsive consistency, design systems, performance, documentation and mentoring.

Focus: hands-on delivery and coordination grounded in technical understanding.

03

ACCESSIBILITY
IN PRACTICE

From audit findings
to development tickets

Making large correction backlogs actionable.

I handled extensive lists of findings from Level Access: communicating with their team, analysing and classifying issues, and bringing them into Jira.

  • Prioritised corrections across sprints.
  • Assigned tasks according to developers’ technical strengths.
  • Helped QA colleagues review front-end tickets and content contribution in browsers.

Focus: accessibility remediation and visual quality, supported by front-end expertise.

04

SMILE
MAGENTO & MAGENTO 2

Front-End Engineer / Developer
March 2018 — April 2022

E-commerce interfaces, built with care.

At Smile, I worked on front-end development for e-commerce projects, including Magento and Magento 2, combining responsive implementation with attention to usability and accessibility.

  • Built responsive interfaces and CMS integrations using HTML5, Sass/LESS, JavaScript and Twig across projects.
  • Improved accessibility, UX/UI and web performance.
  • Structured front-end projects in collaboration with back-end teams.

Focus: e-commerce integration, responsive UI and collaboration across technical teams.

03 / LET’S WORK TOGETHER

An extra pair
of expert eyes.

Short projects, team reinforcement or a longer-term role.

01

UI & responsive review

Review a defined set of pages or components. Identify visual inconsistencies and translate findings into clear, prioritised tickets.

02

Design systems & UI implementation

Build reusable components, translate designs into precise HTML/CSS and maintain consistency across responsive interfaces.

03

Front-end quality & optimisation

Improve accessibility and web performance through focused front-end corrections, helping your team prepare a reliable release.

04 / A CONVERSATION

Good design.
Thoughtful code.

Based in Madrid. Working in English and French.

Let’s talk