comdirect

Making comdirect's component library accessible, specified, and hand-off ready.

Role

Design System, Data visualization

timeline

Jan. 2024 - Feb. 2026

104 colour variables

Neue Überweisung

DE89 3704 0044 0532
Wird automatisch geprüft
1.250,00 €
Als Vorlage speichern
Überweisung prüfen
On Light
01-Colors-Functional · Figma variables
For licensing reasons, Poppins — typographically close to FF Mark Pro — is used in this demo.
--bg--text--style-primary--focus

The challenge

comdirect's component library had drifted from production: inconsistent accessibility coverage and unclear specs created friction at every developer hand-off.

Desk Research

Status Quo: The Weight of Overwhelm

Official German data suggests that overload is widespread, strongly shaped by work conditions, and increasingly reflected in mental-health-related absence.

1Stress is universal
Experience of stress100%

WHO Stress Q&A (2023)

2Stress is driven by structural conditions

Workload & Pace

excessive workload, inflexible or long hours

Control & Clarity

low job control, unclear job role

Support & Security

discrimination and limited support

WHO Mental Health at work (2024)

3Persistent stress can tip into anxiety and depression

Global Mental Health Burden (WHO, 2025)

Anxiety disorders

359M

Depression

332M

illustration

User Research

Understanding the "Grey Zone":

User survey via paper and online survey platform on 75 participants (incl. psychological conditions) focusing on mental health triggers and self-reported emotional distress.

(15.12.2025–15.01.2026)

1Psychological conditions

I felt drained and had low energy.

bubble plot

I feel depressed.

bubble plot

Higher values indicate more severe symptoms, and larger circles represent more respondents.

2Overwhelm triggers
(Multiple choice question)

Contexts

Home
14.3%
Family / Caregiving
14.3%
Study / School
28.6%
Work
78.6%
Admin
35.7%
Health
7.1%
Others
0.0%

Values are shown in percentages

3Main reasons to stop or postpone
(Multiple choice question)

Reasons

Steps unclear
28.6%
Scope too large
35.7%
Duration unclear
14.3%
Low energy
35.7%
Perfectionism
71.4%
Anxiety
71.4%
Others
14.3%

Values are shown in percentages

Desk Research

Status Quo: The Weight of Overwhelm

Official German data suggests that overload is widespread, strongly shaped by work conditions, and increasingly reflected in mental-health-related absence.

1Stress is universal
Experience of stress100%

WHO Stress Q&A (2023)

2Stress is driven by structural conditions

Workload & Pace

excessive workload, inflexible or long hours

Control & Clarity

low job control, unclear job role

Support & Security

discrimination and limited support

WHO Mental Health at work (2024)

3Persistent stress can tip into anxiety and depression

Global Mental Health Burden (WHO, 2025)

Anxiety disorders

359M

Depression

332M

User Research

Understanding the "Grey Zone":

User survey via paper and online survey platform on 75 participants (incl. psychological conditions) focusing on mental health triggers and self-reported emotional distress.

(15.12.2025–15.01.2026)

1Psychological conditions

I felt drained and had low energy.

I feel depressed.

Higher values indicate more severe symptoms, and larger circles represent more respondents.

2Overwhelm triggers
(Multiple choice question)

Contexts

Home
14.3%
Family / Caregiving
14.3%
Study / School
28.6%
Work
78.6%
Admin
35.7%
Health
7.1%
Others
0.0%

Values are shown in percentages

3Main reasons to stop or postpone
(Multiple choice question)

Reasons

Steps unclear
28.6%
Scope too large
35.7%
Duration unclear
14.3%
Low energy
35.7%
Perfectionism
71.4%
Anxiety
71.4%
Others
14.3%

Values are shown in percentages

Desk Research

Status Quo: The Weight of Overwhelm

Official German data suggests that overload is widespread, strongly shaped by work conditions, and increasingly reflected in mental-health-related absence.

1Stress is universal

WHO Stress Q&A (2023)

Experience of stress100%
2Stress is driven by structural conditions

WHO Mental Health at work (2024)

Workload & Pace

excessive workload, inflexible or long hours

Control & Clarity

low job control, unclear job role

Support & Security

discrimination and limited support

3Persistent stress can tip into anxiety and depression

Global Mental Health Burden (WHO, 2025)

Anxiety disorders

359M

Depression

332M

User Research

Understanding the "Grey Zone":

User survey via paper and online survey platform on 75 participants (incl. psychological conditions) focusing on mental health triggers and self-reported emotional distress.

(15.12.2025–15.01.2026)

1Psychological conditions

I felt drained and had low energy.

I feel depressed.

Higher values indicate more severe symptoms, and larger circles represent more respondents.

2Overwhelm triggers
(Multiple choice question)

Contexts

Home
14.3%
Family / Caregiving
14.3%
Study / School
28.6%
Work
78.6%
Admin
35.7%
Health
7.1%
Others
0.0%

Values are shown in percentages

3Main reasons to stop or postpone
(Multiple choice question)

Reasons

Steps unclear
28.6%
Scope too large
35.7%
Duration unclear
14.3%
Low energy
35.7%
Perfectionism
71.4%
Anxiety
71.4%
Others
14.3%

Values are shown in percentages

WCAG 2.2 AA

Neue Überweisung

DE89 3704 0044 0532
Wird automatisch geprüft
1.250,00 €
Als Vorlage speichern
Überweisung prüfen
What ships
Production component, focus visible
For licensing reasons, Poppins — typographically close to FF Mark Pro — is used in this demo.
User Research
User research (n=56) revealed strong quality-driven purchasing behaviors but low awareness of CSA, indicating an opportunity to improve discoverability and user education.
Primary Methods of buying groceries
Where do you buy groceries?
Supermarket
84%
Online Delivery Service
8%
Others
8%
Important Factors When Purchasing Groceries
Which factors are most important to you when purchasing groceries?
Quality39%
Price33%
Freshness26%
Others2%
Awareness of CSA
Do you know about Community Supported Agriculture?
No66%
Yes34%
Problem Analysis / Solution
Understanding the user / potential user's needs
Problem Analysis
Non-members
Are you willing to participate in CSA? Why / Why not?
No, I don't have enough information about the system…
It is so inconvenient. You have to go to the farm to pick up the orders? No flexibility…
Too expensive for me. Supermarket is the best option for me..
I have a disability and cannot always go to the farm…
Farmers
What are the pain points as a farmer when you are working?
inefficiencies in task distribution, highlighting the need for a practical task management system.
Member management is insufficient / difficult to encourage active participation.
Challenges with the promotion of the farm.
Solution
Farmer
Farmers and Staff in the CSA Farms
Fostering trust with transparency and a practical task management system for farmers
Member
Members in the CSA Farms
Increasing inclusivity and making participation more flexible
Explorer
Individual who is not a member
Enhancing community by modernizing interaction and clear information system
Problem Analysis / Solution
Understanding the user / potential user's needs
Problem Analysis
Non-members
Non-members
Are you willing to participate in CSA? Why / Why not?
No, I don't have enough information about the system…
It is so inconvenient. You have to go to the farm to pick up the orders? No flexibility…
Too expensive for me. Supermarket is the best option for me..
I have a disability and cannot always go to the farm…
Farmers
Farmers
What are the pain points as a farmer when you are working?
inefficiencies in task distribution, highlighting the need for a practical task management system.
Member management is insufficient / difficult to encourage active participation.
Challenges with the promotion of the farm.
Solution
Farmer
Farmer
Farmers and Staff in the CSA Farms
Fostering trust with transparency and a practical task management system for farmers
Member
Member
Members in the CSA Farms
Increasing inclusivity and making participation more flexible
Explorer
Explorer
Individual who is not a member
Enhancing community by modernizing interaction and clear information system
PAIN
The tasks feel like giant mountains.
SOLUTION

Break the tasks into micro-steps and provide clear guidelines

PAIN
I need a gentle friend to tell me it's okay to go slow.
SOLUTION

Empathy-based task management system with pause options

PAIN
I just get so overwhelmed by the noise of everything.
SOLUTION

Balancing the priorities to sort out the tasks

The process

Audited components against WCAG 2.2 AA, then annotated each with structured specification tags (states, behavior, a11y attributes) directly in the library.

PAINPAINPAIN
The tasks feel like giant mountains.
I need a gentle friend to tell me it's okay to go slow.
I just get so overwhelmed by the noise of everything.
SOLUTIONSOLUTIONSOLUTION

Break the tasks into micro-steps and provide clear guidelines

Empathy-based task management system with pause options

Balancing the priorities to sort out the tasks

User Research
User research (n=56) revealed strong quality-driven purchasing behaviors but low awareness of CSA, indicating an opportunity to improve discoverability and user education.
Primary Methods of buying groceries
Where do you buy groceries?
Supermarket
84%
Online Delivery Service
8%
Others
8%
Important Factors When Purchasing Groceries
Which factors are most important to you when purchasing groceries?
Quality39%
Price33%
Freshness26%
Others2%
Awareness of CSA
Do you know about Community Supported Agriculture?
No66%
Yes34%
Problem Analysis / Solution
Understanding the user / potential user's needs
Problem Analysis
Non-members
Non-members
Are you willing to participate in CSA? Why / Why not?
No, I don't have enough information about the system…
It is so inconvenient. You have to go to the farm to pick up the orders? No flexibility…
Too expensive for me. Supermarket is the best option for me..
I have a disability and cannot always go to the farm…
Farmers
Farmers
What are the pain points as a farmer when you are working?
inefficiencies in task distribution, highlighting the need for a practical task management system.
Member management is insufficient / difficult to encourage active participation.
Challenges with the promotion of the farm.
Solution
Farmer
Farmer
Farmers and Staff in the CSA Farms
Fostering trust with transparency and a practical task management system for farmers
Member
Member
Members in the CSA Farms
Increasing inclusivity and making participation more flexible
Explorer
Explorer
Individual who is not a member
Enhancing community by modernizing interaction and clear information system

Desk Research

Status Quo: The Weight of Overwhelm

Official German data suggests that overload is widespread, strongly shaped by work conditions, and increasingly reflected in mental-health-related absence.

1Stress is universal

WHO Stress Q&A (2023)

Experience of stress100%
2Stress is driven by structural conditions

WHO Mental Health at work (2024)

Workload & Pace

excessive workload, inflexible or long hours

Control & Clarity

low job control, unclear job role

Support & Security

discrimination and limited support

3Persistent stress can tip into anxiety and depression

Global Mental Health Burden (WHO, 2025)

Anxiety disorders

359M

Depression

332M

illustration

User Research

Understanding the "Grey Zone":

User survey via paper and online survey platform on 75 participants (incl. psychological conditions) focusing on mental health triggers and self-reported emotional distress.

(15.12.2025–15.01.2026)

1Psychological conditions

I felt drained and had low energy.

bubble plot

I feel depressed.

bubble plot

Higher values indicate more severe symptoms, and larger circles represent more respondents.

2Overwhelm triggers
(Multiple choice question)

Contexts

Home
14.3%
Family / Caregiving
14.3%
Study / School
28.6%
Work
78.6%
Admin
35.7%
Health
7.1%
Others
0.0%

Values are shown in percentages

3Main reasons to stop or postpone
(Multiple choice question)

Reasons

Steps unclear
28.6%
Scope too large
35.7%
Duration unclear
14.3%
Low energy
35.7%
Perfectionism
71.4%
Anxiety
71.4%
Others
14.3%

Values are shown in percentages

WCAG 2.2 AABFSG-ready753 variables

Neue Überweisung

DE89 3704 0044 0532 0130 00
Wird automatisch geprüft
1.250,00 €
Als Vorlage speichern
Überweisung prüfen
What ships
Production component, focus state visible
For licensing reasons, Poppins — typographically close to FF Mark Pro — is used in this demo.
WCAG 2.2 AA104 colour variables2 modes

Neue Überweisung

DE89 3704 0044 0532 0130 00
Wird automatisch geprüft
1.250,00 €
Als Vorlage speichern
Überweisung prüfen
On Light
01-Colors-Functional · resolved from Figma variables
For licensing reasons, Poppins — typographically close to FF Mark Pro — is used in this demo.
--bg--text--style-primary--focus

The outcome

I raised the comdirect component library to WCAG 2.2 AA and added a spec mode: a switch that keeps the design canvas clean, then reveals every token, spacing value, and accessibility attribute the moment a developer needs it. Specification and implementation now come from the same file.

The outcome

Next project

moim

Connecting Communities for a Sustainable Future

moim

Connecting Communities for a Sustainable Future

moim

Connecting Communities for a Sustainable Future