UI/UX CASE STUDY FOR THE DRILLING SOFTWARE ASSIGNMENT

Technological innovation, has been steadily taking over the world and it is affecting all industries and all facets of our lives. There’s no exception to that rule in the Oil and Gas industry. In digital oil fields, “instruments constantly read data on wellhead conditions, pipelines and mechanical systems.

That information is analyzed by clusters of computers, which feed results to real-time operation centers that adjust oil flows to optimize production and minimize downtimes” (McKinsey). Oil and gas have clearly leveraged big data and analytics to increase optimized oil production while cutting costs.

DELIVERABLES

MY ROLE

My rol consisted in performing: User Research and Market Analysis, Information architecture, prototyping, UI design Content strategy, Design System, Style Guide creation, and Art Direction.

01- High Level Description of Business Requirements

UI/UX GOALS

Problem / Challenges

Drilling engineers are under extreme pressure
Have very high responsibility
Failure cost represent great deal of money and resources

Software Driven Solution

Revolutionary User Interface
Multilevel Integration
UCD foundation
Software to control the Drilling Process
AI integration on processes of Pipe Stuck detection

UI/UX Development Guidelines

Depiction of process status and values as INFORMATION
Layout consistent with end user model of the process
KPI as TRENDS
Measurement units in low contrast
Data values in bold and or black
Limited color usage - except in alarm and event cases

DESIGN OBJECTIVES

Design MUST be consistent and appropriate - UI should have a business-industrial look and feel

Design Language

CONTROL ORIENTED - Guidance, structure, highlighted
STRAIGHT FORWARD - Intelligent, differentiator
VANGUARDIST - Reduction compass, visual contrast, focus
PERFORMANCE DRIVEN - Robust, trustworthy

Brand Actives

Stands for leadership and quality : Improve Services Stands for a holistic product and service range one stop shop sets future standards Has strong core values : Corporate Social Responsibility

Design Objectives

Technology and high-tech are not obvious brands objectives Enabler like know-how, identification, teamwork and innovation lead to service reliability including quality, performance, excellence and HSE for BHI = Well Above the Standard


THE CHALLENGE

My team was tasked to re-design from the ground up a drilling software for the Oil & Gas industry that was previously developed using a dated .NET technology which was primarily designed as a windows desktop application. The main challenges was how to bring this application into the cloud and develop it as a RWD.

THE SOLUTION

After researching both the technical architecture and the market place, we decided to develop it as a hybrid application using a combination of bootstrap and Material Design and the foundation for the interaction and applied our newly designed style guide for the look and feel and adapting React as the foundation for the interactions and finally deploying a non sql database (casandra).

TOOL BOX

Illustrator - logo and icon design
Photoshop - raster images design
Adobe XD - prototyping and microinteraction
Sketch - wireframe and layout design
React - front end javascript library
CSS/ SASS
Html 5 - semantic markup

02- IInformation Deck- Personas - User flow - IA

03- Hybrid Resolution Wireframes

04-Concept Mockups - Pre Production



05-Design Components - Style Guide

06-Drilling Suite - Early Prototypes

Please use the controls to play the video.