Client:

Motorola Solutions

Project:

Oil & Gas Communications

About the Project

Creating a show-piece page on their website to help educate users on how the oil and gas industries can improve communications in the field with their product. I led the design and created animations for an interactive scrollable long page for Motorola Solutions to help educate readers on how technology in communications can help in certain scenarios and remote locations.

My role

Lead Design and Animator.

The Team

David Leach (Lead Design) and Christopher Robson (Developer).

Header and introduction of long page
Upstream section showing two section of communications
Gif showing how the central pipe loads on scroll
Midstream section of website showing 3 communication points
Downstream section showing 2 communication points
iPad view of the webpage
Mobile phone view of long page showing illustration

Animations

We created isometric illustrations that would reveal on a scroll, where the background would start to fill in via a fluid motion. The illustration would start with an animated line drawing effect which reveals itself. I created the animations in After Effects and exported them with Lottie to ensure the best quality, and small file size.

Offshore Oil & Gas

Gif showing offshore oil & gas

Onshore Drilling Rig

Gif showing Onshore drilling rig

Field Process Plants

Process plant animation

Long Distance Transportation Hub

Long Distance Transportation Hub animation

Storage Fields

Storage fields animation

Process Treatment Facilities

Process Treatment facilities animation

Refineries

Refineries animation