IBM Ruby

UI | Reskin

IBM Ruby is an internal MarTech tool for IBM that employees use to generate email campaigns and programs. When the Carbon design system was launched publicly, it was time for Ruby to update its look and feel.

Visit website

Overview of Content

Project Summary Homepage Dashboard Other Pages

Project Summary

Task

Reskin the entire tool using the Carbon design system

My Role

Experience Designer. Took charge of the task and worked with IBM’s developers to implement the design

Homepage

Along with using updated components, we’ve also restructured several areas of the page:

Instead of having a separate section for a user's favorite campaigns, they're now shown with a toggle to minimize the number of sections one would need to look through
Campaigns and briefs are shown as tabs instead of separate accordions to save real estate and lessen user scrolling time
Notifications are incorporated into sections to provide more visibility to updates made

Previous Homepage

New Homepage

Dashboard

For the dashboard, we also incorporated new sections according to business requirements, and started incorporating Ruby’s own logo instead of just the IBM logo.

Previous Dashboard

New Dashboard