theranos pattern library.png

Design Guidelines

Theranos

Theranos

Design Guidelines

Design Guidelines

With large distributed teams, it was crucial to have a central source of truth to align everyone as well as facilitate discussion.

 I architected and built the website,  and heavily contributed to the documentation.

I architected and built the website,  and heavily contributed to the documentation.

 Example definitions include: Components and their contextual states. Cards and various visual attributions and states. Clear definition around interaction such as Searching vs Lookup. Common user stories flowed out to help onboard new people. Data visualization specifications.

Example definitions include:
Components and their contextual states. Cards and various visual attributions and states. Clear definition around interaction such as Searching vs Lookup. Common user stories flowed out to help onboard new people. Data visualization specifications.

patterns-01.png
patterns-02.png
patterns-03.png
patterns-04.png
patterns-05.png
patterns-06.png
patterns-07.png
patterns-08.png
patterns-09.png
patterns-10.png
patterns-11.png
patterns-12.png