Design impact beyond UI

Design impact beyond UI

🧩 Token sets

🧩 Token sets

🧩 Token sets

🧩 Token sets

💠 Components guideline

💠 Components guideline

💠 Components guideline

💠 Components guideline

📑 Design document

📑 Design document

📑 Design document

📑 Design document

🧑‍💻 User research/testing initiatives

🧑‍💻 User research/testing initiatives

🧑‍💻 User research/testing initiatives

🧑‍💻 User research/testing initiatives

♿ Accessibility training

♿ Accessibility training

♿ Accessibility training

♿ Accessibility training

⚡ TL;DR

Design is often seen as “making things pretty”. I challenge that view by taking initiatives that shape systems, empower teams, and deliver tangible impact, ultimately influencing strategy and elevating the role of design.

📊 Impact

100% WCAG 2.1 AA compliance

Ensured all newly created and updated components meet WCAG 2.1 AA requirements for color contrast, target size, and semantic roles.

100% WCAG 2.1 AA compliance

Ensured all newly created and updated components meet WCAG 2.1 AA requirements for color contrast, target size, and semantic roles.

100% WCAG 2.1 AA compliance

Ensured all newly created and updated components meet WCAG 2.1 AA requirements for color contrast, target size, and semantic roles.

100% WCAG 2.1 AA compliance

Ensured all newly created and updated components meet WCAG 2.1 AA requirements for color contrast, target size, and semantic roles.

7 cross-functional training sessions

Hosted or facilitated accessibility presentations across mobile, front-end, design, and QA teams.

7 cross-functional training sessions

Hosted or facilitated accessibility presentations across mobile, front-end, design, and QA teams.

7 cross-functional training sessions

Hosted or facilitated accessibility presentations across mobile, front-end, design, and QA teams.

7 cross-functional training sessions

Hosted or facilitated accessibility presentations across mobile, front-end, design, and QA teams.

10+ accessibility fixes validated

Enabled teams to address a client-provided accessibility issue log by providing acceptance criteria and QA validation for 10+ accessibility fixes.

10+ accessibility fixes validated

Enabled teams to address a client-provided accessibility issue log by providing acceptance criteria and QA validation for 10+ accessibility fixes.

10+ accessibility fixes validated

Enabled teams to address a client-provided accessibility issue log by providing acceptance criteria and QA validation for 10+ accessibility fixes.

10+ accessibility fixes validated

Enabled teams to address a client-provided accessibility issue log by providing acceptance criteria and QA validation for 10+ accessibility fixes.

Qualitative feedback on training sessions

  • How the meeting was layout and presented was informative. The examples provided was clear and gave an understanding of the topic.

  • The interactive quiz is a great idea to keep everyone involved and ensure audience pays attention.

  • I thought it was really interesting that practical examples were brought up. Thanks so much for sharing this, loved it.

  • The accessibility presentation was great as it is, engaging and insightful. Just keep going. There's so much to learn here.

  • How the meeting was layout and presented was informative. The examples provided was clear and gave an understanding of the topic.

  • The interactive quiz is a great idea to keep everyone involved and ensure audience pays attention.

  • I thought it was really interesting that practical examples were brought up. Thanks so much for sharing this, loved it.

  • The accessibility presentation was great as it is, engaging and insightful. Just keep going. There's so much to learn here.

  • How the meeting was layout and presented was informative. The examples provided was clear and gave an understanding of the topic.

  • The interactive quiz is a great idea to keep everyone involved and ensure audience pays attention.

  • I thought it was really interesting that practical examples were brought up. Thanks so much for sharing this, loved it.

  • The accessibility presentation was great as it is, engaging and insightful. Just keep going. There's so much to learn here.

  • How the meeting was layout and presented was informative. The examples provided was clear and gave an understanding of the topic.

  • The interactive quiz is a great idea to keep everyone involved and ensure audience pays attention.

  • I thought it was really interesting that practical examples were brought up. Thanks so much for sharing this, loved it.

  • The accessibility presentation was great as it is, engaging and insightful. Just keep going. There's so much to learn here.

Data source: Component audits, training questionnaire, ticket tracking, client issue log

🛠️ From issues to enablement

Issues

Issues

Issues

Issues

Spreadsheet of accessibility checkpoints with compliance notes, alongside multiple bug tracking cards showing accessibility issues.
Spreadsheet of accessibility checkpoints with compliance notes, alongside multiple bug tracking cards showing accessibility issues.
Spreadsheet of accessibility checkpoints with compliance notes, alongside multiple bug tracking cards showing accessibility issues.
Spreadsheet of accessibility checkpoints with compliance notes, alongside multiple bug tracking cards showing accessibility issues.

Multiple high-value clients raised accessibility concerns in our product. Issues included:

  • Insufficient color contrast

  • Screen reader misreadings

  • Touch targets that were too small

  • Missing or uninformative alt text

  • Keyboard trap

Ennablement

Ennablement

Ennablement

Ennablement

Accessibility training page explaining WCAG 2.4.9 Link Purpose with examples, checklist, solutions, and QA test steps.
Accessibility training page explaining WCAG 2.4.9 Link Purpose with examples, checklist, solutions, and QA test steps.
Accessibility training page explaining WCAG 2.4.9 Link Purpose with examples, checklist, solutions, and QA test steps.
Accessibility training page explaining WCAG 2.4.9 Link Purpose with examples, checklist, solutions, and QA test steps.
Demo page showing good vs bad link accessibility examples with proper fixes for each bad example.
Demo page showing good vs bad link accessibility examples with proper fixes for each bad example.
Demo page showing good vs bad link accessibility examples with proper fixes for each bad example.
Demo page showing good vs bad link accessibility examples with proper fixes for each bad example.

I provided company-wide accessibility training and educational materials that included:

  • plain-language explanations of WCAG success criteria and the rationale behind each standard

  • designer and developer checklists to prevent common accessibility violations

  • common fixes and recommended solutions for recurring issues

  • step-by-step testing guidance for QA, including what to verify and how

  • real product examples to connect accessibility concepts to practical usage (Some examples were generated using AI)

4.3/5

average value rating from attendees

4.3/5

average value rating from attendees

4.3/5

average value rating from attendees

4.3/5

average value rating from attendees

84%

of attendees asking for the training to continue

84%

of attendees asking for the training to continue

84%

of attendees asking for the training to continue

84%

of attendees asking for the training to continue

Thoughtful design begins with meaningful conversations.

Whether you're building a UX team or just want to exchange ideas, I’d love to connect.

Crafted with 🦊 curiosity, caffeine, and debug tears.

© 2025 Celine.Li.

Thoughtful design begins with meaningful conversations.

Whether you're building a UX team or just want to exchange ideas, I’d love to connect.

Crafted with 🦊 curiosity, caffeine, and debug tears.

© 2025 Celine.Li.

Thoughtful design begins with meaningful conversations.

Whether you're building a UX team or just want to exchange ideas, I’d love to connect.

Crafted with 🦊 curiosity, caffeine, and debug tears.

© 2025 Celine.Li.

Thoughtful design begins with meaningful conversations.

Whether you're building a UX team or just want to exchange ideas, I’d love to connect.

Crafted with 🦊 curiosity, caffeine, and debug tears.

© 2025 Celine.Li.