I designed and built components for the Workbench Design System.
Overview
At Gusto, I was the main IC on the design system. I drove the end-to-end component design process, from research to implementation, including writing most of the technical documentation on the doc site. I wrote in detail about my process and published it in the Gusto Design publication on Medium here. Some of the components I designed and helped build were Timeline, Autocomplete, Stepper, Datefield, and FileDropField.
Timeline component
Timeline is a group of steps in a prescribed order with statuses that reflect progress.
![The payroll setup timeline screen with the timeline component showing the user's progress](https://cdn.prod.website-files.com/5fa4d2b28af1c6ede2984c4a/66a43fb9b5a088af87e95b76_669fdc80019df3f792ee7dcc_timeline.png)
Autocomplete component
Autocomplete provides fast filtering of large datasets through live search results based on user input.
![The tax setup screen with the word business typed into the autocomplete field and a list of suggestions below the field](https://cdn.prod.website-files.com/5fa4d2b28af1c6ede2984c4a/66a43fb9b5a088af87e95b7b_66a11a166f78e9e636a00b75_autocomplete.png)
What my peers are saying
Feedback I collected from my teammates at Gusto. I encourage you to reach out to them as references.