Lofi web components
2025
Created to help streamline brainstorming and sketches, represent patterns in the design system and used through the app to provide live-updating lofi components. Built using React and Tailwind CSS.
Some items like figure drawing sketches might contain nudity and are blurred by default
Design Systems
Component libraries and design system architecture for web applications. Showcases atomic design methodology, Storybook documentation, and scalable UI patterns from enterprise products and open-source projects. Most of my work in this space is not public and not shared here. You can also read my post on Crafting a resilient design system
There are currently 4 items in my portfolio for Design Systems.
Some items like figure drawing sketches might contain nudity and are blurred by default
Featured
Love.irish pattern library and design system
2025
100+ components and patterns built to create a consistent experience across the Love.irish app and website. Follows the atomic design methodology including everything from buttons, dropcaps, content to templates and built using React, Tailwind CSS and Storybook.
The Information Year in Review: 2017
2017
I led the information architecture, art direction, illustration, and layout for The Information's Year In Review coffee table book which was completed in a month as a team of two. Before this project I had only printed bi-fold brochures so this was a great learning experience. I had to rely on that experience to quickly establish design patterns that the pages would use while allowing for custom designs for some articles. There was a hard deadline to complete this within the month and send it to the printers for it to be ready for our holiday party.
Everything else
The Information Mobile Pattern Library
2017
Designed a pattern library for The Information's mobile site and built the templates in the app