Back to Projects

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

♿ Accessibility training

♿ Accessibility training

♿ Accessibility training

♿ Accessibility training

🧑‍💻 User research/testing initiatives

🧑‍💻 User research/testing initiatives

🧑‍💻 User research/testing initiatives

🧑‍💻 User research/testing initiatives

⚡ 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

Business outcome

Saved designers 3 hours per week by introducing organized components and clear guidelines
Reduced UI-related tickets by 40% after frontend integrated design tokens/components into Storybook
Delivered such strong value from onsite user research that major clients (Salesforce, SXSW) purchased 3 consecutive years of testing contracts (~$30K each)

Business outcome

Saved designers 3 hours per week by introducing organized components and clear guidelines
Reduced UI-related tickets by 40% after frontend integrated design tokens/components into Storybook
Delivered such strong value from onsite user research that major clients (Salesforce, SXSW) purchased 3 consecutive years of testing contracts (~$30K each)

Business outcome

Saved designers 3 hours per week by introducing organized components and clear guidelines
Reduced UI-related tickets by 40% after frontend integrated design tokens/components into Storybook
Delivered such strong value from onsite user research that major clients (Salesforce, SXSW) purchased 3 consecutive years of testing contracts (~$30K each)

Business outcome

Saved designers 3 hours per week by introducing organized components and clear guidelines
Reduced UI-related tickets by 40% after frontend integrated design tokens/components into Storybook
Delivered such strong value from onsite user research that major clients (Salesforce, SXSW) purchased 3 consecutive years of testing contracts (~$30K each)

Cross- team benefits

Reduced the number of styles by 24% through adoption of design tokens
Dropped key component detachment rate from 17% to 2% in one month, while reducing variant count by 60%
By running accessibility training sessions, I helped equip cross-functional teams with accessibility knowledge to resolve 10+ accessibility bugs
Over one-third of my projects now start by referencing past research, compared to 0% previously

Cross- team benefits

Reduced the number of styles by 24% through adoption of design tokens
Dropped key component detachment rate from 17% to 2% in one month, while reducing variant count by 60%
By running accessibility training sessions, I helped equip cross-functional teams with accessibility knowledge to resolve 10+ accessibility bugs
Over one-third of my projects now start by referencing past research, compared to 0% previously

Cross- team benefits

Reduced the number of styles by 24% through adoption of design tokens
Dropped key component detachment rate from 17% to 2% in one month, while reducing variant count by 60%
By running accessibility training sessions, I helped equip cross-functional teams with accessibility knowledge to resolve 10+ accessibility bugs
Over one-third of my projects now start by referencing past research, compared to 0% previously

Cross- team benefits

Reduced the number of styles by 24% through adoption of design tokens
Dropped key component detachment rate from 17% to 2% in one month, while reducing variant count by 60%
By running accessibility training sessions, I helped equip cross-functional teams with accessibility knowledge to resolve 10+ accessibility bugs
Over one-third of my projects now start by referencing past research, compared to 0% previously

🎮 Design system establishment

Before

Missing component descriptions ➜ designers unsure how or when to use them
Inflexible components like tables ➜ low adoption, high detach rate, and limited usage
Text styles lack line height and usage guidance ➜ unclear hierarchy in practice
Multiple sizing options without guidance ➜ visual imbalance across the product
Multiple similar components ➜ confusion and inconsistent design

After

24+

component guidelines established

54%

outdated were components cleared

token types created, replacing 83% of styles

presentations delivered on adoption

♿ Accessibility enablement

Problem

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

Multiple high-value clients (contracts totaling $200K) 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
Other compliance gaps affecting usability

Ennablement

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.

I provided company-wide accessibility training that included:

Plain-language explanations of WCAG success criteria and their importance
Designer and developer checklists to prevent violations
Common fixes and solutions
Step-by-step testing guidance for QA
Real product examples to understand concepts in practice (* some examples are generated by AI)

accessibility training sessions held

4.3/5

average value rating from attendees

84%

of attendees asking for the series to continue

🔊 User insight and team impact

Templates showing user research synthesis, usability testing analysis, and detailed research documentation.

Standardize research templates to streamline process

✅ Drafted and polished research plan templates to resuce time drating the structure of plans

✅Created data synthesis templates to facilitate quick research and results analysis

✅Built a centralized recruitment pool for easier participant management

Increase visibility of research insights

✅ Constantly refer to research findings with direct links in active projects with the broader team so results wouldn’t stay limited to design

✅ Presented research and testing findings to teams and clients to increase visibility and awareness

✅ Consolidated direct user feedback in one place to remove fragmentation and ensure easy access for everyone

10+

projects informed by research insights

100+

App Store reviews consolidated

Research card with direct source links to sources and a presentation summarizing usability testing findings.