IBM Cloud Pak for Business Automation

IBM Cloud Pak for AIOps

IBM Cloud Pak for Network Animation

IBM Cloud Pak for Integration

IBM CLOUD PAK ANIMATIONS

CLIENT – IBM
PROJECT – IBM Cloud Pak ecosystem relaunch
ROLE – Designer • Illustrator • Storyboards
ANIMATIONGeneral Idea

CHALLENGE
The IBM Cloud Paks (customizable bundled software) product pages were relaunching in 2021 with an emphasis on automation. Since these were prominent products in the company’s portfolio, the landing pages required dynamic and engaging design, especially in the leadspaces. Each of the four Cloud Paks had many powerful capabilities to communicate, about the individual software products and about how they worked together as Paks.

CONSIDERATIONS
Existing animation guidance: The IBM Design Language (IDL) had established clear animation direction to adhere to.

Brand illustration styles: Again, the IDL provided guidance for three separate illustration styles – flat, line and isometric. Previous animation examples had incorporated multiple illustration styles within a single animation, which created interesting transitions and pacing.

Multi-channel assets: Since I was also working on the paid and social media campaigns for the Cloud Paks, I was familiar with the required specs and ensured the animated assets were delivered in multiple formats that we could use across multiple channels.

GOAL
Create a series of exciting animation loops that simply and effectively differentiated each IBM Cloud Pak’s technical features, adhered to brand guidelines, and provided consistent visuals for the user journey.

PROJECT BRIEF
Since I chose to work with an animation studio that was new to IBM, I built a thorough project brief that outlined the technical features we needed to communicate for each Cloud Pak, as well as the brand guidelines and samples of previous animations.

STORYBOARDS
I built the storyboards as vector frames, which the animation studio used as the foundation for the animations. We also used these for static paid media assets.

APPROVAL PROCESS
Since animation is a time-consuming process, any changes at a late stage would be cost-prohibitive. At each step in the process, I shared the work with each Cloud Pak’s product team and digital strategists, as well as the brand design creative director, addressing concerns immediately. We prioritized communication and alignment with all of the teams, which proved to be an effective strategy.

PAID MEDIA CAMPAIGNS

PRODUCT PAGE LAYOUTS