Marketing design system

An online brokerage underwent a rebranding; as part of this I was engaged to redesign some of their marketing sites, in the process laying some groundwork for a new design system to go with the new branding.

I redesigned two sites, creating common components in the process for reuse across mobile and desktop, with accessible dark and light modes.

An online brokerage underwent a rebranding; as part of this I was engaged to redesign some of their marketing sites, in the process laying the groundwork of a new design system to go with the new branding.

I redesigned two complete sites and a campaign landing page, creating common components in the process for reuse across all mobile and desktop websites, with accessible dark and light modes.

View Figma
View Figma
Components
 
Sample pages
 

During this process, IA and user flow shortcomings were identified in the features and sites being redesigned and improvements were made to address these.

The resultant design system includes both light and dark modes (using a simple palette switch) and is designed with accessibility (WCAG) in mind. The design system is also fully responsive.

As part of the deliverables, I documented the individual components for the developers, including content data models. There are options and in some cases multiple states associated with each component.

Components
 
View Figma
Sample pages
 
View Figma