OEBB

Role
UI Designer in Bootcamp
Timeline
2 Months
Core responsibilities
Design System - Components - Accessibility

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.

Goals

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.

Solution

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.

Next Project