Watson Commerce Site

Watson Commerce Site

Watson Commerce

Watson Commerce Solutions

Digital Customer Experience

Omnichannel Customer Experience

Omnichannel Commerce Platform

Order Fulfillment Solutions

Order Management

Web Content Management

The Watson 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 home page contains a “Solutions” band that links to the other Solution pages which 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 worked with an agile team on the IA, Content, layout, look, and performance of the Watson Commerce 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 page images are snapshots in time representing a major launch which took place on 11/06/18

Watson Marketing Site

Watson Marketing Site

Watson Marketing Home

Watson Marketing Solutions

Advertising

Personalization

Mobile Marketing

Customer Experience Analytics

Marketing Analytics

Omnichannel Marketing Automation

B2B Marketing

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  home page contains a “Solutions” band that links to the other solution pages which move deeper into segment features where customers can decide which products may work best for their business needs.

Jeff: I worked with an agile team on the IA, Content, layout, look, and performance of the Watson Marketing 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 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 representing 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 weigh in at less than 350 kb for load time.

Jeff: I worked with the stakeholder and a developer to design and build this hand coded page with animated bands that lead the viewer down a story driven interactive page layout with the option to continue learning about the use case through an accompanying white paper at the end.  

 

EA Bug Character Illustration

Animated social tile

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

IBM Tape For Cloud Infographic

IBM Tape For Cloud Infographic

IBM Tape For Cloud Infographic

IBM storage commissioned the MSC to design an infographic that explained three major advantages that tape for cloud storage has over disk storage in the cloud.  The folded tape is color coded to match the wording on the left. The graphic elements on the tape illustrate each of the main talking points in the infographic.

Jeff: I worked directly with the stakeholder as a member of IBM’s Creative Design Services team to produce this infographic for web and print media in vector format. Designed in Illustrator, this infographic can be exported to PDF for easy scaling and file sharing, and can be converted back into native file format for revisions or updates.

EntreMate Logo

EntreMate logo

EntreMate’s logo was created in unison with a landing page design for a start-up company of the same name. The design was projected orthogonally in Google Sketch-Up to keep specific angled relationships between dimensional elements intact. Color and shading was finished in Photoshop exclusively for web use.