mystra ui

GREEN UX · ECODESIGN · UI ENGINEERING

FRONT-END
WITH care.

Front-End Lead |
Design Systems & UI Engineering

Thoughtful interfaces should be lighter, accessible and built to last. I bring Green UX and ecodesign into design systems and front-end development, from questioning a feature to refining its implementation.

Explore my experience

GREEN UX & ECODESIGN

Less weight.
More purpose.

Sustainability starts with what we choose to build.

Design what matters.

Question unnecessary features, simplify journeys and help people get things done with fewer steps. Visual care and digital sobriety belong together.

Make every byte count.

Choose appropriate images, lean components and purposeful interactions. Set performance budgets early and check the experience on slower devices and connections.

Build for more people.

Use semantic HTML, accessible interactions and reusable design patterns. Keep interfaces understandable, maintainable and useful over time.

Explore the guidelines

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. Sustainable web design and development are a foundation of my practice, alongside accessibility and visual quality. I have also acted as an accessibility referent, particularly at Guerlain.

Green UX & sustainable web development

I bring an ecodesign mindset to the bridge between design and code: focus on what people need, question unnecessary interface complexity, and favour lightweight, reusable components. My aim is to reduce unnecessary resource use while preserving a thoughtful, accessible experience. Performance supports this approach; sustainability also shapes what we choose to build and maintain.

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 · Green UX · Digital ecodesign · Sustainable web development · Web performance · Visual quality · SFCC

02 / SELECTED EXPERIENCE

Behind the
interface.

01

Parfums
Christian Dior

Senior Front-End Consultant
January to 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 to 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

Green UX & front-end quality

Bring an ecodesign perspective to your interfaces: identify unnecessary complexity, favour lighter assets and reusable components, and improve accessibility and performance through focused front-end changes.

04 / PROFESSIONAL DEVELOPMENT

Learning with
purpose.

Temesis

2025 · Two-day professional training

Web ecodesign & sustainable development

Completed a two-day training course with Temesis focused on developing more environmentally responsible web experiences.

05 / WRITING

Notes on a
lighter web.

My articles on Green UX, digital sustainability and life in code.

View all articles

06 / A CONVERSATION

Good design.
Thoughtful code.

Based in Madrid. Working in English and French.

Let’s talk