Skip to main content

Senior Front-End Developer at Miele/Osudio

Consultant role

Built a reusable (atomic) component system for Miele’s e-commerce website to ensure consistency at scale.

Senior Front-End Developer at Miele/Osudio

Built a structured component system for Miele’s e-commerce website by translating design specifications into a clear, reusable interface library. Broke complex interfaces down into well-defined building blocks that could be combined consistently across the site. Focused on maintainability and long-term scalability, ensuring components behaved predictably and supported a cohesive shopping experience.

We used Atomic Design methodology and BEM naming conventions. This was methodical work—breaking down interfaces into atoms, molecules, and organisms that could be combined and recombined without breaking. The result was a system where every component had its place and purpose.

Key Features

  • Atomic Design methodology implementation
  • BEM naming convention system
  • Reusable component library
  • Design-to-code translation
  • Scalable component architecture
  • Enterprise-level frontend system

Tech Stack

  • Atomic Design
  • BEM
  • HTML
  • CSS
  • JavaScript
Senior Front-End Developer at Miele/Osudio screenshot 1
Senior Front-End Developer at Miele/Osudio screenshot 2
Senior Front-End Developer at Miele/Osudio screenshot 3
Senior Front-End Developer at Miele/Osudio screenshot 4
Senior Front-End Developer at Miele/Osudio screenshot 5
Senior Front-End Developer at Miele/Osudio screenshot 6
Senior Front-End Developer at Miele/Osudio screenshot 7

Let's Talk

Tom avatar

Get in touch

I work at the intersection of design and code.
Interested? Hit me up.
tomhermans@gmail.com

Copyright © 2026 Tom Hermans. Made by Tom Hermans .

All rights reserved 2026 inc Tom Hermans