As part of this bootcamp project, I focused on improving the design system for the local train company, OEBB. The primary objective was to address the component inconsistencies found across the website and build a scalable, consistent design system that enhances user experience and visual coherence.
Establish Design Consistency
Build a state-of-the-art design system with foundational elements and components created using primitive and semantic variables in Figma.
Scalable Design System
Develop a system that scales seamlessly across various pages and use cases, ensuring a unified design approach.
Scalable Components Built with Figma
To resolve the inconsistencies, I built solid design foundations and scalable components in Figma, leveraging design tokens, variables, and nested instances to ensure flexibility. This approach allowed for consistent updates across the entire system, ensuring that components could easily scale and adapt as needed.
Comprehensive Documentation and Accessibility
Additionally, I created detailed documentation for each component, outlining "dos and don'ts," accessibility guidelines, and best practices for implementation. This documentation ensured that the design system would be easy to maintain, providing long-term consistency and scalability for future updates.