uxdesignsteve

Shell B2B

Baselining a cargo

Visualising the concept of baselining cargos within Shell apps

Geneva apps

Harmonising, the UI, UX, interactions and common language

OVERVIEW

While at Shell my overarching project remit (alongside my day to day projects) was to harmonise language, interactions, components/journeys and common language across both flagship applications AMC & Tender. With a view for a Geneva wide roll out across the full suite of applications.


TEAM

  • Design lead in Phoenix Team working across the 2 flagship apps, Tender & ACM.

USER PAIN POINT

  • When I switch between Geneva applications, I would like to see consistent interactions and visual language within the user interface to utilise each application more effectively/speedily for my needed outputs. Make me think less…

BUSINESS NEED

  • To provide data to our users in a clear and consistent way, so that they feel less of a need to use any external applications for their daily tasks.


Current vs future flow


What we have now vs what we propose to improve in the flow.

A cargo tracking analysts process flow


Showing pain points to address.

Cargo reporting process flow


Showing pain points.

Pain point 1 solved


Columns added for Signal Ocean ingestion of 'Data provider' & 'Intel source' and Provider/Intel source filtering available.

Pain point 2 solved


Intelligence source history added under Source tab.

Pain point 2 solved cont…


Scraped email data from 'Intel source' now available from within Tender, removing the need to switch to Signal Ocean app.

Harmonisation of the Shell Geneva web apps


While at Shell my overarching project remit (alongside my day to day projects) was to harmonise language, interactions, components/journeys and common language across both flagship applications AMC & Tender. With a view for a Geneva wide roll out across the full suite of applications.Geneva's Tender app for Cargo Tracking of Vessels & ACM app for the latest data on Assets, Capacity & Maintenance of oil refinery's.


TABLES


Tender Baselines - Geneva’s Cargo Tracking app


TABLES


ACM Maintenance table - Geneva's Asset Maintenance & Capacity app


TABLES


ACM Capacity table - Geneva's Asset Maintenance & Capacity app


TABLES


Asset Catalog table - Geneva's Asset Catalog app


TABLE INTERACTIONS


Adding an Event - + Create cargo


TABLE INTERACTIONS


Adding an Event - Maintenance event for Geneva's ACM app



TABLE INTERACTIONS


Adding an Event – + Capacity event for Geneva's ACM app


TABLE INTERACTIONS


Adding an Event - + New asset for Geneva's Asset Catalog app


TABLE INTERACTIONS


Editing an Event – Edit cargo for Geneva's Cargo Tracking app


TABLE INTERACTIONS


Editing an Event – Edit maintenance event for Geneva's Asset Capacity & Maintenance app


TABLE INTERACTIONS


Editing an Event – Edit Capacity event for Geneva's Asset Capacity & Maintenance app


TABLE INTERACTIONS


Editing an Event - Edit Asset for Geneva's Asset Catalog app

Ship to Ship (STS)

Surfacing STS info for cargo trackers and analysts

OVERVIEW

To show Ship to Ship cargo transferral in the Shell cargo tracking app.


TEAM

  • Handover of early stage work of previous designer and working closely with the Product Owner and users to gauge ease of use and level of detail needed.

USER PAIN POINT

  • When I want to include STS info in my tracking of cargo, I have to switch to an external application. I would like to see all the information in one place to improve my working process.

BUSINESS NEED

To implement key features/data within the app, in order to increase the user base.


Data mapping


Ship to Ship handling.

Event mapping


0-5 Vortexa & 1-3 Kpler.

Questions to continue to explore


Early user feedback.

Final output


Ship to Ship info now available with a simple hover on the Baselines table.

Final output cont…


STS info also available on the Voyage details page.

Adding search to filters

Improving the experience of load and discharge location filters that have over 500+ selections from a tree list

OVERVIEW

To reduce the time and effort a user makes when finding and selecting regions, countries and ports within a location filter.

TEAM

  • Working closely with the developer on a proof of concept and final solution at speed.

USER PAIN POINT

  • Why is there not a search function for a tree list of over 500 items?

BUSINESS NEED

Reduce the time it takes for cargo trackers to set up/change load and discharge location filters.

Ideation


For search hierarchy within the filter component.

Build designs


For handoff to Dev.

Vessels in critical zones

Proof of concept

OVERVIEW

Look into the feasibility and potential of Vessels in a critical location intelligence for cargo trackers and traders.


What will it take? How long will it take? What’s the potential value?


TEAM

  • Working closely with the Data Engineers and Data Analysts to define, scope and value the potential feature.

USER NEEDS

  • Greater intelligence for cargo trackers and traders.

BUSINESS NEEDS

More timely and informed market trades.

Bahamas workshop 2023 outcomes

Vessel off course


Logic layed out to learn and potentially leverage from.

Current process utilised within the business


Analogue process used for tracking vessels that are in critical zones.

Mapping the Critical Zones


Output defined in collaboration with our stakeholders, the cargo tracking team and data analysts.

High level concepts

Storyboarding for 'Vessels in critical zones'.

Notifications and monitoring scenarios


Further storyboarding for 'Vessels in critical zones'.

Notifications to send outside of critical zones


Storyboard.

Existing notification scenarios

ADDED

A cargo with a specific product from a region is added.


DROPPED

  • A cargo is no longer reported by Vortexa (according Vortexa it no longer exists or is merged), goes to dropped baselines page.

CHANGED

  • Load or discharge country, materials, quantities etc.

BUSINESS NEEDS

More timely and informed market trades.

Change of direction/destination while entering, within & exiting a critical location


Potential new and existing functionality explained.

Change of direction/destination in non critical zones


Existing functionality explained.

Known unknowns and requirements still to answer