BP - Digital@BP Chicago Hub

Digital@BP is a concept created by IBM to accelerate digital work for BP both upstream and downstream. Located in London and Chicago, various resources help to innovate on current systems and build new products for BP in our studio spaces. 

Chemical Tanks Application

Our first task was to design a new application (with Salesforce) for BP Chemical Operators who scan chemical tanks in Alaska, daily. Due to the severe weather conditions, these Chemical Operators use intrinsically safe smartphones: Smart-Ex 01s. The new app is meant to make this process of scanning bar codes and entering fluid readings easier and more efficient from both a user and admin standpoint.

Project Details

This agile project began in the IBM iX studio (in Chicago, IL) January 2018. Iterations continued on until end of year.

Role: UX Designer

Design Team: Myself, Thomas Beran, Jonny Urban 

Native Chemical Tanks Application

Our design team decided to create a native application as an additional/alternative solution (on top of the Salesforce running application) to show BP stakeholders the potential to grow comfortably in the future. This version of our Chemical Tanks Application used both the BP branding and 'lollipop' Android languages to ease the steps of a Chemical Operator.

When an operator first opens the app, he is prompted to scan his badge, scan the tank, and use voice to enter the fluid level. Once complete, he can submit the reading or has the opportunity to edit anything before completion. It encourages each Chemical Operator to go through the experience without removing his gloves.

Salesforce Chemical Tanks Application

This project task was to create a Salesforce Chemical Tanks Application. Our team not only learned the Salesforce design language, but studied the capabilities for potential add-ons. 

Our new application paralleled the old process flow of a Chemical Operator, while bringing in Salesforce, enabling a smooth transition into using this tool. It completely renovated the back-end data export for BP, accelerating the business from all ends.

UX Process Flows

Before the high-fidelity UI was designed, I created "micro-frames" to help both our team, internally, and BP, externally, understand the pathway we were visioning. In order to keep the discussions focused on process, these wireframes place the important fields in a darker color to show a happy path for a client or stakeholder to understand our design would take into account all of the requirements.