bee-blue.png

IBM Design Language

Creating a design system for a 100 year old company was just one of the hurdles we faced while working on the IBM Design Language. My role in the project was integral in defining the style and design principles for the language as well as providing visual design guidance for IBM's hundreds of designers.

 We started by moodboarding and defining design principles that would guide both the look and voice of the site.

We started by moodboarding and defining design principles that would guide both the look and voice of the site.

workstuff.004.jpeg
workstuff.006.jpeg
 We then created three distinct directions that emphasized one of the specific design principles.

We then created three distinct directions that emphasized one of the specific design principles.

workstuff.011.jpeg
workstuff.012.jpeg
workstuff.013.jpeg
workstuff.014.jpeg
workstuff.015.jpeg
workstuff.016.jpeg
workstuff.017.jpeg
workstuff.018.jpeg
 Meanwhile I began building a system for type, layout and color that would later inform the visual guidelines of the Design Language

Meanwhile I began building a system for type, layout and color that would later inform the visual guidelines of the Design Language

workstuff.020.jpeg
Artboard 1.png
 We created a new color system that took the guess work out of WCAG color contrast requirements and expanded the available colors for application design.

We created a new color system that took the guess work out of WCAG color contrast requirements and expanded the available colors for application design.

 I was also responsible for the illustration style and iconography used across the site. 

I was also responsible for the illustration style and iconography used across the site. 

animation illustration.png
og_experience.png
 The first release of the IBM Design Language has been essential to the proliferation of design at IBM, and has also garnered attention from social media and news outlets alike.

The first release of the IBM Design Language has been essential to the proliferation of design at IBM, and has also garnered attention from social media and news outlets alike.

ibm-final-webinar-deck_Page_08.jpg
mobile.png
ibm-final-webinar-deck_Page_23.jpg
ibm-final-webinar-deck_Page_69.jpg
IDL-Guideline-Icon.png
social-media.png
ibm-final-webinar-deck_Page_06.jpg