UX Research

UX Research

UX Research

Wireframe

Wireframe

Wireframe

UI Design

UI Design

UI Design

Prototyping

Prototyping

Prototyping

Design System

Design System

Design System

INDUSTRY

Oil and Gas

SUMMARY

I worked on three different projects for BP Shipping as the UX Consultant and became the design lead for one project which was the Marine Assessments and Inspections Application.


The application is used across different regions from EMEA, Americas and Asia. The core of this project is to transform an old legacy application into a more modern and tailored web application to conduct marine assessments and schedule inspections.


I worked closely with the Business Analyst to conduct the research, understand the requirements and present the design on bi-weekly sprint ceremonies to all stakeholders from all the regions.

device

Desktop

PLATFORM

Web

Background

BP is investing in digital solutions as part of the strategy to reach net-zero emissions. As part of BP digital transformation initiative, digital tools are transforming the way BP assesses risk for voyages and operations to ensure the operational safety and minimising the environmental impact. I was working as a UX Consultant for BP shipping to help the team designed and developed the applications, during my tenure I helped 3 BP shipping projects and leading 1 project for Marine Assessments and Inspections.

My Role

As a UX Consultant, I help different teams to design the applications and assist for any UX related issues. During my tenure at BP I was assigned to three different projects, which are:

  1. Master Data Management Application

  2. Marine Assessments and Inspections App (As a Design Lead)

  3. Custom Communication App for Shipping

In this case study, I would like to highlight the second project which is the Marine Assessments and Inspections application for BP Shipping.

Users

  • Marine Assessor

  • Marine Manager

Constraints

There are different constraints to the project, a few challenges I would like to highlight is as follows:

  1. Time / Timeline

  2. Prioritisation

  3. Team capacity

  4. Technical constraints

  5. Design system / Brand guideline

When designing or giving solution, I need to consider and to keep in mind those five things.

Design Process

The design process starts with having some discussion with Product Owner, Project Manager, SMEs, Business Analyst, and other relevant stakeholders. The idea was to really discuss what is the current problem that they are facing, and what is the current process, and what they want to achieve. The goal was to really to understand the current situation and what challenges they currently facing.

I worked closely with Business Analyst to understand the requirements, conducting interview with different stakeholders from different regions from Asia, EMEA and Americas.

Business Analyst refine and document the requirements and each sprint we prioritise the item in the backlog and design accordingly.

I designed the application using Sketch, because that is the official design tool that the company use and we use Design System in Sketch. After I completed the design I discuss it again with Business Analyst and get some early feedback, and post that we schedule an interview to get feedback from the relevant stakeholders and SME's. Once everything is approved then the design is handed over to the developers.

Designs

Below are some of the screen from the application. By default the user will land to the dashboard and they can see any upcoming request whether to schedule or assign the assessment.

On the other side the manager job is to review the assessment by the assessor and to give comment to the assessment if, after approved the system then generate a full assessment report.

During the assessment the assessor can conduct the assessment both online and offline. The offline condition is used in location where internet connection is not accessible

Learnings

During the project I conclude a few key learnings:

  1. Different user group have different ways of working, it is important to keep this differences while designing the product. The more differences for each user group can also lead to more complexity to the product, the idea is to find the sweet spot so that the product can cover the needs but still not become too complex too use or taking years to develop especially under a strict timeline.

  2. Having clear and a good communication with all relevant stakeholders is essential to ensure we build the product right, it also important to keep the developer in the loop to avoid rebuilding things and try to find any edge cases as early as possible.

Create a free website with Framer, the website builder loved by startups, designers and agencies.