IBM 2018 Holiday Visualization Pages

IBM 2018 Holiday Visualization Pages

IBM 2018 Holiday Visualization Pages

In November and December of 2017 Watson Customer Engagement was tasked with creating two pages devoted to holiday season buying trends. Watson AI was employed to gain insight into variables such as weather, distance traveled to retailers, online buying habits, and other factors. The results were published in a timely manner for the 2018 new year.

Jeff: I worked directly with the client, their designer, and team of content writers to translate two hand coded pages into IBM’s newer content management system (CMS). I worked with the designer on graphic asset creation and used my knowledge with the CMS to build the pages from scratch on the new platform. Once the pages were built out graphically I worked with the content writers to refine the layout and advise them on template limitations such as character count and font scaling. Data was also still being collected as these pages were built through December of 2017, so the pages went through several iterations after being published. This was only possible through the rapid template creation and publication capabilities within the CMS.  Results went live within minutes!

Holiday Sales Visualization Page

This page focuses the data gathering methods and insights that can benefit retailers.  Visit the live page to access all the content within the page.

Holiday Sales Prediction Page

This page focuses on the predictions and actual results gathered from the data. There is a lot more content on the live page inside dynamic tabs, including a comparison between predictions and actual results.

IBM Commerce Site

IBM Commerce Site

IBM Commerce Home Page

IBM Commerce Solutions Pages

Digital Customer Experience

Omnichannel Customer Experience

Omnichannel Commerce Platform

Order Fulfillmant Solutions

Order Management

Web Content Management

IBM’s Commerce Site

IBM’s Commerce site contains 7 top level pages designed to present an overview of Watson’s AI capabilities in commerce though analyst reporting, case studies, product offerings, and supporting resources. The longer home page contains a “Solutions” band that links to the other six pages. The Solution pages move deeper into segment features and link to other pages where customers can decide which products may work best for their business needs.

Jeff: I helped build IBM’s Commerce site as an Art Director with IBM’s Media Services Group. I worked with an agile team on the IA, Content, layout, look, and performance of the pages for mobile and desktop. We developed the pages inside a template driven content management system under Watson branding guidelines. Color and image were key factors in determining the design and branding of the site as it relates to two other Watson pillar sites, Digital Marketing and Supply Chain. Commerce uses a dominant bright blue color to brand page content.

These pages are snapshots in time, in constant flux with promotional and offering shifts, but the images captured here represent a major launch which took place on 11/06/18

IBM Digital Marketing Site

IBM Digital Marketing Site

Digital Marketing Home Page

Digital Marketing Solutions Pages

Advertising

Personalization

Mobile Marketing

Customer Experience Analytics

Marketing Analytics

Omnichannel Marketing Automation

B2B Marketing

IBM’s Digital Marketing Site

The digital marketing site contains 8 top level pages designed to present an overview of Watson’s AI capabilities in digital marketing though analyst reporting, case studies, product offerings, and supporting resources. The longer home page contains a “Solutions” band that links to the other seven pages. The Solution pages move deeper into segment features and link to other pages where customers can decide which products may work best for their business needs.

Jeff: I helped build IBM’s Digital Marketing site as an Art Director with IBM’s Media Services Group. I worked with an agile team on the IA, Content, layout, look, and performance of the pages for mobile and desktop. We developed the pages inside a template driven content management system under Watson branding guidelines. Color and image were key factors in determining the design and branding of the site as it relates to two other Watson pillar sites, Commerce and Supply Chain. Marketing uses a dominant bright Purple with blue accents to brand page content.

 

These pages are snapshots in time, in constant flux with promotional and offering shifts, but the images captured here represent a major launch which took place on 11/06/18

Cognitive Underwriter Infographic

Cognitive Underwriter Infographic

Cognitive Underwriters Infographic

This infographic was designed for IBM’s marketing department to explain a use case scenario for their AI products in the insurance industry. The infographic behaves as an interactive web page that drives the viewer through a story in the day of an insurance underwriter. Interactive elements include scroll driven sliders and transparent animated GIFs . The GIFs are scaled to 50% to smooth edge blending. All individual files weight in at less than 350kb for load time.

EA Bug Character Illustration

Animated social tile

This social tile uses one of the custom animations from the infographic embedded in a 600x320 pixel tile designed specifically for LinkedIn. The other GIFs  in the infographic were created with transparent backgrounds.

Lyttleton Inn Landing Page

Lyttleton Inn Landing Page

Lyttleton Inn screen 1

Lyttleton Inn screen 2

Lyttleton Inn screen 3

Lyttleton Inn screen 4

Lyttleton Inn screen 5

Lyttleton Inn landing page

The Lyttleton Inn commissioned Rossman Art to design a landing page loosely designed like brochures they had already printed. The layout uses wording and images that match the brochures with a responsive background image. A call to action links to Lyttleton Inn’s booking engine where all reservations are made. There are also links to reviews from TripAdvisor, and Lyttleton Inn’s social media sites.