Markel Design System
Joined Markel as a UI Engineer to build a new design system for their developer team to use on their insurance platform.
Summary
In 2024, I joined Markel as a UI Engineer to build a new design system for their international insurance platform. Working from Figma designs provided by the company's design team, I developed a robust library of reusable UI components that could be implemented across both legacy and modern applications. This required creating a dual implementation: one in Bootstrap for existing projects and one in React with Material UI for newer products, ensuring flexibility and consistency throughout the organization's global ecosystem.
Once the components were built, I documented the system extensively in Storybook for developer reference and in Zeroheight for broader team accessibility. This provided clear usage guidelines and interactive examples to accelerate adoption across design and engineering teams. The Markel Design System became a foundational tool for maintaining a cohesive user experience and improving development efficiency throughout the company's suite of applications.
Technologies Used
- React
- Storybook
- ZeroHeight
- Material UI
- Bootstrap
- Figma
