Design System

Product & UX design

B2B

Mobile design

Research & Accessbility

With 8+ years in enterprise B2B SaaS, specializing in scalable design systems and regulation-heavy products, and a strong focus on cross-product consistency and accessibility.

Experience

Define, build and shape design system
Co-designer in a 3-person team
  • Collaborated with cross-functional engineers to define design principles and build a company-wide design system.
  • Created and maintained token-based components in Figma and Storybook, with clear documentation, scalable UI patterns, and WCAG 2.1 (in 2020) AA-compliant accessibility
  • Shaped product UX direction across multiple domains (intraday, integrations, self-service) by defining shared principles and reusable patterns.
  • Presented UI concepts and design decisions clearly and convincingly, balancing user needs, brand identity, and technical feasibility.
  • Result: 100% team adoption, stronger brand consistency, fewer design-development mismatches, ~90% faster handoffs.
Define and apply rebranded design system to legacy products
Co-designer in a 3-person team
  • Define design language to align with a new brand identity.
  • Planned and executed a step-by-step release strategy to migrate legacy products with minimal disruption
  • Update design tokens (colors, typography, spacing) and revised components within the design system.
  • Rebuild the legacy products by using the updated design system, ensuring consistency.
  • Result: modernized UI, improved design-code alignment, and a design system compliant with WCAG 2.2 AA (in 2024) accessibility standards.
Agent AI Integration
Primary Designe in a 3-person team
  • Collaborated with engineers to integrate Agent AI capabilities into an existing product workflow.
  • Defined a product-specific AI visual and interaction language, reusing existing design system to create lightweight AI experiences.
  • Result: delivered a usable Agent AI experience integrated into the product, establishing a foundation for future AI-assisted workflows
Mobile-first Employee self-service (time recording & schedules)
Primary designer in a 3-person team
  • Designed mobile-first time recording and daily schedule views enabling employees to track activities and understand shifts independently
  • Collaborated closely with developers and product stakeholders, facilitated design reviews to ensure high-quality, consistent implementation.
  • Result: expanded business potential through employees adoption and improved autonomy, reducing reliance on supervisors.
Product design: time-off management
Primary designer in a 5-person team
  • Drove the end-to-end redesign of the Time-Off Request Overview, applying the rebranded design system and established UX patterns.
  • Introduced a clearer visual hierarchy and compact layout to help managers focus on decision-critical information
  • Owned the redesign of the Time-Off Account experience, leveraging AI-assisted research and usability testing to accelerate validation cycles and address high complaint volume.
  • Result: improved user satisfaction, reduced support friction, and increased feature adoption.
Product design: intraday management
Primary designer in a 5-person team
  • Designed a real-time monitoring and historic intraday features to help team leads track employees performance, schedule adherence and service quality.
  • Conducted user interviews to understand team lead goals and pain points, then defined user flows and tested prototypes.
  • Applied the design system and collaborated with developers to ensure consistency, scalability, and high-quality implementation.
  • Result: 100% user adoption (where supported by law/system), became a key selling point, and was recognised for its clarity and ease of use.
Product design: UX of integration & public API
Primary designer in a 4-person team
  • Designed the end-to-end integration UX for IT users to connect external systems (e.g., Zendesk, Five9) to the platform.
  • Created user flows, flexible forms, and design public API documentation aligned with brand and design system guidelines.
  • Ensured a consistent, self-serve experience by integrating design with Help Center guidance.
  • Result: strong IT user feedback, increased self-service setup success, and expanded product utility across operational workflows.
UX/UI Mentor (part-time / internal coaching)
Primary designer in a 4-person team
  • Led short-format UX/UI teaching sessions for 2–3 early-career design students, introducing real product projects and core design principles
  • Designed hands-on UX/UI exercises, assigned practice tasks, and conducted design reviews with actionable feedback.
  • Result: consistently positive feedback from participants and increased confidence in pursuing UX/UI design paths.
Define and build design system
  • Audited components across the product to identify inconsistencies and usage patterns.
  • Defined core design principles and standardized UI/UX patterns to guide product consistency.
  • Created a dynamic platform where updates to design or code auto-reflect across all products.
  • Result: built the first design system, improved design quality and strong cross-team alignment.
Improve navigation & dashboard based on user roles
  • Introduced role-based navigation and a customizable homepage dashboard to better support different user needs.
  • Result: delivered a cleaner, more user-centered experience, released in the 2018 Summer Release.
Product design: employee compensation
  • Designed a decision-support experience for managers to review and adjust employee compensation under budget and performance constraints
  • Simplified complex data comparisons (e.g. goal impact on bonuses) through improved visual hierarchy and interaction flow.
  • Result: increased transparency when reviewing compensation details.
Product design: goal alignment
  • Designed a manager-facing goal alignment experience to link individual employee goals with organizational objectives at scale.
  • Result: delivered a clearer, more manageable approach to aligning goals across large teams
Mobile application 'Metome' emotion-based social app
  • Led the UX and UI design of a C2C emotion-based mobile app from concept to launch.
  • Created an interactive UI for users to express feelings, which powered a content recommendation system based on MBTI personality types.
  • Contributed to a growing user base and improved user engagement across China(2016).

Ausbildung

College of Design and Innovation / Artistic Design
  • Exploring gameful spatial design based on social scenarios for preschool children
  • Design principles, strategy, and research
  • Service design and user experience
Environment interactive design
  • Methodology of landscape design
  • Design an installation for public space

Tools & Languages

Figma AI

GitHub

HTML & CSS

React

Design Tokens

Storybook

WCAG 2.2

Chinese (Native)

English (Advanced)

German (Fluent)

Portrait of Yi Chang
Yi (Yina) Chang
Düsseldorf, Germany