Examples of my Work

Components are the building blocks of every online experience. This example of a dropdown selector with muliple options illustrates the many details behind a control that seems very simple to the end user. Any site would have about 20-30 components. I have engineered the schema and built the tool for managing them.

Funtional design systems, like the one I have templatized, are invaluable to product managers and front-stage digital teams responsible for their organization's online experiences.

Details

The bond purchaisng experience on every online investment site is a confusing user journey. It has been ignored since the beginning of online trading and thus continues to behave like a 1997 website.

This modernized design starts with an investor attempting to buy U.S. Treasuries. It proritizes the two most important factors: return on investment and time to maturity. This unambigous purchasing flow is intended to increase assets under management (AUM) for investment firms while removing the guesswork for their clients.

Details

Every design system needs to define the fonts it uses and how it uses them. In this example we are using the Google 'Inter' font. It has been designed to use mostly thinner versions, as defined in the Font Weights section. Wherever possible I like to show the CSS for anything being defined globally for the site.

Details

Every site has its primary and secondary colors, in addition to its semantic and text colors. A well-defined color specificaiton simplifies design and development, and ensures compliance with accessibility regulations.

Details

Any e-commerce operation can automate most of their promotional pricing with the the systems and platforms already in place, specifically a CMS and an ERP. Automation is further enhanced when a structured design system has been established along with a consistent content strategy.

Here's How