←case studies

Lexicon, Design System

Liferay · 2020

I joined Liferay fresh out of bootcamp. My first real design job, and I landed in a Design System team, which turned out to be the best possible place to start. It also lit something in me. I've been obsessed with design systems ever since.

The work

Lexicon is Liferay's design system, the shared framework across all their products. My job was to make sure components felt consistent, accessible, and actually usable by the teams building with them.
The Design System Team and the Research Team working on a Heuristic project at Liferay.
The Design System Team and the Research Team working on a Heuristic project at Liferay.

Impact

I contributed to components like Action Buttons, Dual Listbox, Keys, Labels, and Modals, and designed new icons. Small pieces of a big system, but that's where I learned that good design is mostly invisible and almost always collaborative.

I also wrote the documentation for these components in the design site's codebase, with 15 merged pull requests.

Adoption

Lexicon is open source, so its reach goes beyond Liferay. The Lexicon Figma file has more than 7k users, and the Lexicon Icons file, where I created and improved icons, has more than 7.3k. Clay, its implementation, has over 500 forks on GitHub.

It has also been featured in design system collections like Adele by UXPin and designsystems.com.