Project: IBM Cloud Functions

Creating an onboarding experience for developers 

Getting started to a new technology and concept can be overwhelming, even for experts. By creating an in-browser experience requiring no setup, we made it easy for users to learn by doing and maintaing high scores on NPS.

Highlights: Pattern & assets library

Illustration guidelines and empty states

I had so much fun working on the consistency guidelines for IBM Cloud's illustration earlier this year.

We did illustration auditing across the platform, stablished which of the 3 IBM illustration styles we were going to use and where, and finally created a set of guidelines and assets for more than 400+ designers at IBM Cloud to use.

I was specially responsible for the empty state illustrations, updating the current assets, adding them to our Sketch kit, coded components and creating the guidelines for new submissions, both in light and dark mode.

Empty state library component

Empty state illustration for dark and light mode

Parts of the the illustration auditing across the platform

Parts of the guideline on how to create custom
illustrations for specific empty states

The empty state component and illustration than
finally were added to the Sketch kit library. 

More
coming soon

Meanwhile, you can reach me at:
hello@morganadalmeida.com
twitter & linkedIn