Baubap Design System

1. Component Creation for Android - I worked with developers to establish a UI component library that followed Android’s Material Design guidelines but included custom styles reflecting Baubap's brand. - Each component was designed to be flexible, allowing for modifications and updates as the product evolved. - Components like buttons, text fields, and modals were documented to standardize their usage. 2. Documentation - Documentation was a critical part of the project, and I built guidelines for each component, detailing its usage, constraints, and visual specifications. - I documented edge cases and shared design rationale to help developers understand the “why” behind design decisions. 3. Design System Management - Occasionally, I took on design system management responsibilities, maintaining component integrity, updating documentation, and prioritizing component improvements. - This also meant coordinating with development teams to ensure the design system was up-to-date and aligned with evolving product needs. 4. Initial Steps for iOS Compatibility - We started preliminary work on adapting the design system for iOS, ensuring it could flexibly adapt to Apple’s interface guidelines while maintaining brand consistency. - iOS component work is still in progress, but this step has laid a strong foundation for cross-platform cohesion. 5. Token Organization & Font Scalability - I led efforts to reorganize our design tokens, moving from a component-specific to a usage-based structure, which streamlined updates and reduced redundancy. - With font scalability as a priority, I optimized text styles for readability across different screen sizes, enhancing accessibility and user experience.